http 521.li 784.html,index.html

Typecho主题模板站

var _hmt = _hmt || [];

(function() {

var hm = document.createElement("script");

hm.src = "https://hm.baidu.com/hm.js?dbcd78d9aed7bcaff2e170a55407a661";

var s = document.getElementsByTagName("script")[0];

s.parentNode.insertBefore(hm, s);

})();

@font-face {

font-family: "element-icons";

src: url('chrome-extension://moombeodfomdpjnpocobemoiaemednkg/fonts/element-icons.woff') format('woff'),

url('chrome-extension://moombeodfomdpjnpocobemoiaemednkg/fonts/element-icons.ttf ') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/

}

首页
荐站
相册
前端
Typecho
主题布局
风格
免费建站
标签

庞子铭，退出

前端

技术文章

工具资源

代码笔记
Typecho

主题

插件

代码

教程
主题布局

单栏

双栏

三栏
风格

简洁

码农

自媒体

浪漫

书香

二次元

相册

清新

导航

综合
免费建站
标签

随便看看

(function () {

window.TypechoComment = {

dom : function (id) {

return document.getElementById(id);

create : function (tag, attr) {

var el = document.createElement(tag);

for (var key in attr) {

el.setAttribute(key, attr[key]);

}

return el;

reply : function (cid, coid) {

var comment = this.dom(cid), parent = comment.parentNode,

response = this.dom('respond-post-419'), input = this.dom('comment-parent'),

form = 'form' == response.tagName ? response : response.getElementsByTagName('form')[0],

textarea = response.getElementsByTagName('textarea')[0];

if (null == input) {

input = this.create('input', {

'type' : 'hidden',

'name' : 'parent',

'id' : 'comment-parent'

});

form.appendChild(input);

}

input.setAttribute('value', coid);

if (null == this.dom('comment-form-place-holder')) {

var holder = this.create('div', {

'id' : 'comment-form-place-holder'

});

response.parentNode.insertBefore(holder, response);

}

comment.appendChild(response);

this.dom('cancel-comment-reply-link').style.display = '';

if (null != textarea && 'text' == textarea.name) {

textarea.focus();

}

return false;

cancelReply : function () {

var response = this.dom('respond-post-419'),

holder = this.dom('comment-form-place-holder'), input = this.dom('comment-parent');

if (null != input) {

input.parentNode.removeChild(input);

}

if (null == holder) {

return true;

}

this.dom('cancel-comment-reply-link').style.display = 'none';

holder.parentNode.insertBefore(response, holder);

return false;

}

};

})();

助力新手快速建立个人网站

收录国内外优秀的Typecho主题、插件、教程及代码，建站不愁，有我就够

Typecho

免费建站

.primary-menu ul li.nav-levels-child > a .hob{

transform: scale(1,1);

-webkit-transform: scale(1,1);

-moz-transform: scale(1,1);

-ms-transform: scale(1,1);

-o-transform: scale(1,1);

}

/**/

.home_row {margin-top: -16px;}

.home_row_0 {margin-top: -32px;}

.home_row_0 .wrapper,.home_row_0 .wrapper .box {width: 100%!important;box-shadow: none;}

.box{box-shadow: none;}

/**/

.waves-box {margin-top: -18px; position:relative;text-align:center;background:linear-gradient(60deg,#05f 0%,#0bf 100%);color:white;}

.waves-inner {height:360px;width:100%;margin:0;padding-top:115px;}

.waves-inner h2{font-size: 30px;font-weight: bold;letter-spacing: 2px;color: #fff;margin: 0;}

.waves-inner p{margin-bottom: 20px; font-size: 15px;}

.waves-inner a{padding: 10px 28px;font-size: 1.2em;background: #fff;color: #09f;font-weight: bold;border-radius: 50px;}

.waves-inner a:hover{box-shadow: 0 5px 10px #05f;}

.waves {position:relative;width:100%;height:15vh;margin-bottom:-8px;min-height:100px;max-height:150px;}

.parallax > use {animation:move-forever 25s cubic-bezier(.55,.5,.45,.5)infinite;}

.parallax > use:nth-child(1) {animation-delay:-2s;animation-duration:7s;}

.parallax > use:nth-child(2) {animation-delay:-3s;animation-duration:10s;}

.parallax > use:nth-child(3) {animation-delay:-4s;animation-duration:13s;}

.parallax > use:nth-child(4) {animation-delay:-5s;animation-duration:20s;}

@keyframes move-forever {0% {transform:translate3d(-90px,0,0);}

100% {transform:translate3d(85px,0,0);}

}

@media (max-width:768px) {

.waves {height:40px;min-height:40px;}

.waves-inner {padding-top:50px;}

.mg-b {margin-bottom: 0;}

.home_row{padding: 0px!important;}

}

*根据自己的需求删除

.waves-inner a{/*去除下划线*/

text-decoration: none;

margin: 0 1em;

}

*B2主题全屏适配，数字为模块位置n-1，以下代码为放在第一个模块的情况

.home_row_0 .wrapper, .home_row_0 .wrapper .box {

width: 100%!important;

box-shadow: none;

}

Purple 炫紫模板

一个紫色的模板，一位大佬最后的告别作品。

A-Lin 双栏黑白双色模板

作者介绍是一款花里胡哨的模板，其实真的…

vCard主题个人简历主题

一款个人简历主题，可以简单搭建一下，具…

大前端主题

主题介绍又是一个精仿的大前端主题，很好…

Akina 漂亮模板

简介Akina for Typecho…

导航主题webstack 钻芒博客二开美化版

钻芒二开版特性当前最新版本V0.7.1…

TIME 时光相册

一个图片的相册模板，很漂亮。

Bubble——Typecho 清新风格响应式主题

Typecho 清新风格响应式主题。化…

Purple 炫紫模板

一个紫色的模板，一位大佬最后的告别作品。

A-Lin 双栏黑白双色模板

作者介绍是一款花里胡哨的模板，其实真的…

vCard主题个人简历主题

一款个人简历主题，可以简单搭建一下，具…

大前端主题

主题介绍又是一个精仿的大前端主题，很好…

Akina 漂亮模板

简介Akina for Typecho…

导航主题webstack 钻芒博客二开美化版

钻芒二开版特性当前最新版本V0.7.1…

TIME 时光相册

一个图片的相册模板，很漂亮。

Bubble——Typecho 清新风格响应式主题

Typecho 清新风格响应式主题。化…

Fantasy– 极简自适应主题

Fantasy 取义清梦源于《题龙阳县青草湖》里的醉后不知天在水，满船清梦压星河。二句意图用来描绘现状。GitHub 地址：https://github.com/Seevil/fantasy1.…

单栏•简洁•主题•书香 •

一天前

•

17 次阅读

LOVE 相爱100模板

非常简洁的一款模板，大气，好看，简洁。

单栏•主题•浪漫 •

一天前

•

17 次阅读

Akina 漂亮模板

简介Akina for Typecho除了原本Akina的特性外，加入了DNS预解析，或许可以加快站点的访问速度。支持了无插件的代码高亮、ajax翻页、评论，还为a标签加入了Nofollow和" t…

单栏•主题•清新 •

一天前

•

21 次阅读

EasyBe 阅读主题

EasyBe以阅读为核心，尽可能的美化博客的显示效果，提高用户体验。

单栏•主题•码农 •

一天前

•

15 次阅读

Snapic 相册图片主题

1、主题 Snapic 适用于图片类网站，使用瀑布流(wookmark)的方式延时加载(lazyload)展示图片文章，同时支持图片灯箱(fancybox)效果。2、主题 Snapic 删减了大多数…

单栏•主题•相册 •

一天前

•

17 次阅读

「Cuckoo」布谷鸟主题

特点图片懒加载博客的封面显示使用了JQuery.Lazyload，仅当图片进入可视区域再进行加载，这样可以减少服务端的压力，可以让其按需加载。文章目录树

主题•双栏•二次元 •

3天前

•

18 次阅读

CREAMy 简洁大气模板

一个比较简洁大气的模板，单栏结构。

单栏•主题•清新 •

3天前

•

20 次阅读

导航主题webstack 钻芒博客二开美化版

钻芒二开版特性当前最新版本V0.7.19 2020年7月19日发布 Hot ~手机PC 栏目数量多段可调新增顶部导航栏，集成心知天气新增顶部多色小模块后台可设置图标&链接全局新增暗黑模式切换，夜晚自…

单栏•主题•导航 •

3天前

•

23 次阅读

TIME 时光相册

一个图片的相册模板，很漂亮。

单栏•主题•相册 •

3天前

•

21 次阅读

Bubble——Typecho 清新风格响应式主题

Typecho 清新风格响应式主题。化繁为简，如沐清风。样式如你所见。Github repo: https://github.com/trinitrotofu/Bubble特性清新的界面：大气简洁的…

单栏•主题•清新 •

3天前

•

20 次阅读

Purple 炫紫模板

一个紫色的模板，一位大佬最后的告别作品。

主题•双栏•二次元 •

3天前

•

13 次阅读

Cupid - Typecho情侣主题

主题简介主题命名为Cupid(丘比特)，是一款情侣主题。功能特性响应式设计恋爱清单爱情计时器祝福留言板文章记录……主题说明1、首页的头像、昵称、计时器开始时间、祝福页面的链接均在主题的外观设置实现2…

单栏•主题•浪漫 •

3天前

•

19 次阅读

A-Lin 双栏黑白双色模板

作者介绍是一款花里胡哨的模板，其实真的很漂亮，支持黑白双色调。

主题•双栏•自媒体 •

3天前

•

18 次阅读

缩略图调用 img 字段

<?php if (array_key_exists('img',unserialize($this->___fields()))): ?><?php $this->f…

代码 •

3天前

•

15 次阅读

首页置顶文章

<?php

$sticky = '3'; //置顶的文章cid，按照排序输入, 请以半角逗号或空格分隔

if($sticky && $this->is('index') …

代码 •

3天前

•

14 次阅读

标题栏代码调用

<title><?php if ($this->_currentPage > 1) echo '第 ' . $this->_currentPage . ' 页 -…

代码 •

3天前

•

14 次阅读

加载更多

友情链接：

铭创意网络 .

极简导航 .

设计导航 .

一起走过的日子 - 刘德华
情书 - 张学友
后会无期 - G.E.M.邓紫棋
清白之年 (Live) - 朴树
My Love (Radio Edit) - Westlife

music_note

volume_up

playlist_play

skip_previous

play_circle_filled

skip_next

/*侧边客服开始*/

.m_service {

max-height: 232px;

position: fixed;

right: 10px;

top: 40%;

/* 垂直位置 */

font-size: 14px;

color: #243558;

z-index: 10000

}

.m_service ul {

margin: 0;

padding: 0;

position: absolute;

right: 0

}

.m_service li {

list-style-type: none

}

.m_service li>div {

box-sizing: border-box;

box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1)

}

.m_service_box {

width: 40px;

height: 40px;

background: #fff;

margin-bottom: 10px;

border-radius: 4px;

box-sizing: border-box;

box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1)

}

.m_service_triangle {

top: 12px;

right: -11px;

position: absolute;

border-top: 7px solid transparent;

border-bottom: 7px solid transparent;

border-left: 11px solid #e1e6ec;

z-index: 1010

}

.m_service_triangle:after {

content: "\20";

top: -6px;

right: 1px;

position: absolute;

border-top: 6px solid transparent;

border-bottom: 6px solid transparent;

border-left: 10px solid #fff;

z-index: 1000

}

.m_service_triangle:before {

content: "\20";

width: 80px;

height: 45px;

top: -20px;

right: -52px;

position: absolute;

background: rgba(0, 0, 0, 0)

}

@keyframes fade-in {

0% {

opacity: .4;

right: 82px

}

100% {

opacity: 1;

right: 62px

}

.m_service_consult {

background: url(https://114my.club/usr/themes/BusM/images/service.png) no-repeat -366px -16px #fff

}

.m_service_consult:hover {

border: 0;

background: url(https://114my.club/usr/themes/BusM/images/service.png) no-repeat -410px -16px #4f7cfc

}

.m_service_consult:hover .m_service_consult_cont {

display: block;

opacity: 1;

transition: linear .2s;

animation-name: fade-in;

animation-duration: .3s;

animation-iteration-count: 1;

animation-delay: 0s

}

.m_service_consult_cont {

width: 200px;

min-height: 210px;

max-height: 268px;

border-radius: 3px;

background: #fff;

right: 62px;

position: absolute;

text-align: center;

border: 1px solid #e1e6ec;

display: none;

opacity: 0

}

.m_service_consult_cont1 {

width: 70px;

height: 40px;

line-height: 40px;

background: #fff;

border-radius: 5px;

right: 62px;

text-align: center;

position: absolute;

display: none;

border: 1px solid #e1e6ec

}

.m_service_consult_cont1 .m_service_triangle:before {

width: 0 !important

}

.m_service_consult_cont>.m_service_triangle:after {

border-left: 10px solid #f6f8fb !important

}

.m_service_consult_cont span {

float: left

}

.m_service_consult_cont_top {

width: 100%;

height: 157px;

background: #f6f8fb;

border-radius: 3px;

border-bottom: 1px solid #eef2f8

}

.m_service_hint {

width: 100%;

height: 40px;

line-height: 40px;

font-size: 12px;

color: #9aa8c2;

text-align: center

}

.m_service_hint>.m_service_icon {

background: url(https://114my.club/usr/themes/BusM/images/service.png) no-repeat -460px -25px;

width: 15px;

height: 15px;

margin: 13px 2px 0 18px

}

.m_service_button {

width: 160px;

height: 38px;

line-height: 38px;

background: #4f7cfc;

border-radius: 18px;

text-align: center;

color: #fff;

margin: 5px 0 10px 20px;

cursor: pointer

}

.m_service_button:hover {

background: #618aff

}

.m_service_phone {

width: 100%;

height: 53px;

line-height: 53px;

font-size: 14px;

text-align: center

}

.m_service_feedback {

background: url(https://114my.club/usr/themes/BusM/images/service.png) no-repeat -363px -64px #fff

}

.m_service_feedback:hover {

border: 0;

background: url(https://114my.club/usr/themes/BusM/images/service.png) no-repeat -407px -64px #4f7cfc;

cursor: pointer

}

.m_service_feedback:hover .m_service_feedback_cont {

display: block;

opacity: 1;

transition: linear .2s;

animation-name: fade-in;

animation-duration: .3s;

animation-iteration-count: 1;

animation-delay: 0s

}

.m_service_feedback_cont {

width: 200px;

height: 40px;

line-height: 40px;

background: #fff;

border-radius: 5px;

right: 62px;

text-align: center;

position: absolute;

display: none;

border: 1px solid #e1e6ec

}

.m_service_qr {

background: url(https://114my.club/usr/themes/BusM/images/service.png) no-repeat -365px -113px #fff

}

.m_service_qr:hover {

border: 0;

background: url(https://114my.club/usr/themes/BusM/images/service.png) no-repeat -409px -113px #4f7cfc

}

.m_service_qr:hover .m_service_qr_cont {

display: block;

opacity: 1;

transition: linear .2s;

animation-name: fade-in;

animation-duration: .3s;

animation-iteration-count: 1;

animation-delay: 0s

}

.m_service_qr_cont {

width: 143px;

height: 202px;

border-radius: 3px;

background: #fff;

right: 62px;

position: absolute;

text-align: center;

border: 1px solid #e1e6ec;

background-color: #f6f8fb;

display: none;

opacity: 0

}

.m_service_qr_cont>.m_service_triangle:after {

border-left: 10px solid #f6f8fb !important

}

.m_service_qr_cont>.m_service_qrimg {

width: 100%;

height: 164px;

float: left

}

.m_service_qr_cont>.m_service_qrtext {

width: 100%;

height: 35px;

font-size: 12px;

color: #7b89a6;

background-color: #fff;

float: left;

bottom: 0;

display: table

}

.m_service_qr_cont>.m_service_qrtext>span {

display: table-cell;

vertical-align: middle

}

.m_service_upward {

background: url(https://114my.club/usr/themes/BusM/images/service.png) no-repeat -363px -159px #fff

}

.m_service_upward:hover {

border: 0;

background: url(https://114my.club/usr/themes/BusM/images/service.png) no-repeat -407px -159px #4f7cfc;

cursor: pointer

}

.m_service_down {

background: url(https://114my.club/usr/themes/BusM/images/service.png) no-repeat -363px -270px #fff

}

.m_service_down:hover {

border: 0;

background: url(https://114my.club/usr/themes/BusM/images/service.png) no-repeat -407px -270px #4f7cfc;

cursor: pointer

}

.m_service_upward:hover .m_service_upward_cont, .m_service_down:hover .m_service_upward_cont{

display: block;

opacity: 1;

transition: linear .2s;

animation-name: fade-in;

animation-duration: .3s;

animation-iteration-count: 1;

animation-delay: 0s

}

.m_service_upward_cont {

width: 84px;

height: 40px;

line-height: 40px;

border-radius: 3px;

background: #fff;

right: 62px;

position: absolute;

text-align: center;

border: 1px solid #e1e6ec;

display: none;

opacity: 0

}

.m_service_upward_cont span {

font-size: 14px

}

/* 手机端自动隐藏开始 */

@media screen and (max-width: 1200px) {

.wapnone {

display: none;

}

/* 手机端自动隐藏结束 */

/*全屏图标*/

.m_service_zmkiqp {

z-index: 555;

background: url(https://114my.club/usr/themes/BusM/images/20200211-efbcc3deadd01.png) no-repeat center center #fff;

background-size: 50%50%;

}

.m_service_zmkiqp:hover {

border: 0;

background: url(https://114my.club/usr/themes/BusM/images/20200211-4275b242ddda3.png) no-repeat center center #4f7cfc;

background-size: 50%50%;

cursor: pointer

}

.m_service_zmkiqp:hover .m_service_zmkiqp_cont {

display: block;

opacity: 1;

transition: linear .2s;

animation-name: fade-in;

animation-duration: .3s;

animation-iteration-count: 1;

animation-delay: 0s

}

.m_service_zmkiqp_cont {

width: 100px;

height: 40px;

line-height: 40px;

background: #fff;

border-radius: 5px;

right: 62px;

text-align: center;

position: absolute;

display: none;

border: 1px solid #e1e6ec

}

/* 暗黑新增图标->zmki 开始*/

.m_service_zmkiah {

z-index: 555;

background: url(https://114my.club/usr/themes/BusM/images/20200209-8bab92321b7d9.png) no-repeat center center #fff;

background-size: 50%50%;

}

.m_service_zmkiah:hover {

border: 0;

background: url(https://114my.club/usr/themes/BusM/images/20200209-838b4c0ed71c3.png) no-repeat center center #4f7cfc;

background-size: 50%50%;

cursor: pointer

}

.m_service_zmkiah:hover .m_service_zmkiah_cont {

display: block;

opacity: 1;

transition: linear .2s;

animation-name: fade-in;

animation-duration: .3s;

animation-iteration-count: 1;

animation-delay: 0s

}

.m_service_zmkiah_cont {

width: 264px;

height: 40px;

line-height: 40px;

background: #fff;

border-radius: 5px;

right: 62px;

text-align: center;

position: absolute;

display: none;

border: 1px solid #e1e6ec

}

/*zmki 美化样式开始*/

.m_service {

max-height: 232px;

position: fixed;

right: 10px;

top: 65%;

/* 垂直位置 */

font-size: 14px;

color: #243558;

z-index: 10000

}

.m_service_qrimg_site {

width: 119px;

height: 119px;

float: left;

margin: 12px 12px 5px 12px;

background-image: url(/images/wxcode.png);

background-size: 100% 100%;

}

全新暗黑模式，夜间使用保护眼睛
在线咨询
如遇问题，请联系站长

QQ联系

在线邮件

QQ 附来意：3068430377
微信扫一扫关注

庞子铭
切换全屏
写文章，欢迎站长归来！
返回顶部
前往底部

用户名

密码

返回首页 · 用户注册

搜索其实很简单

搜索

// 显示搜索页

function laysearch() {

if($("#search-box").hasClass("show-modal")){

$("#search-box").removeClass("show-modal");

}else{

$("#search-box").addClass("show-modal");

}

};

// 退出搜索页

$("#search-box .close-button").on('click', function() {

$("#search-box").removeClass("show-modal");

});

// 显示登录页

function laylogin() {

if($("#login-box").hasClass("show-modal")){

$("#login-box").removeClass("show-modal");

}else{

$("#login-box").addClass("show-modal");

};

// 退出登录页

$("#login-box .close-button").on('click', function() {

$("#login-box").removeClass("show-modal");

});

// 是否显示密码

var password = $("#password");

$(".login-eye").on('click', function(e) {

if ($(".login-eye .b2font").hasClass("b2-eye-close")) {

$(".login-eye .b2font").removeClass("b2-eye-close").addClass("b2-eye-open");

password[0].type = "text";

} else {

$(".login-eye .b2font").removeClass("b2-eye-open").addClass("b2-eye-close");

password[0].type = "password";

};

form.render();

});

$(document).on('pjax:complete', function() {

Prism.highlightAll();

//首页推荐文章滑动

$(function() {

var oWidth = window.screen.width;

if (oWidth > 1200) {

var xs = 4;

} else if (oWidth > 998) {

var xs = 3;

} else if (oWidth > 767) {

var xs = 2;

} else {

var xs = 1;

};

var swiper = new Swiper('.swiper-container', {

slidesPerView: xs,

spaceBetween: 30,

slidesPerGroup: 1,

loop: true,

loopFillGroupWithBlank: true,

pagination: {

el: '.swiper-pagination',

clickable: true,

navigation: {

nextEl: '.swiper-button-next',

prevEl: '.swiper-button-prev',

});

function getBaseUrl() {

var ishttps = 'https:' == document.location.protocol ? true : false;

var url = window.location.host;

if (ishttps) {

url = 'https://' + url;

} else {

url = 'http://' + url;

}

return url;

}

let url = '"' + getBaseUrl() + '"';

$(document).pjax('a[href^=' + url + ']:not(a[target="_blank"], a[no-pjax])', {

container: '#pjax',

fragment: '#pjax',

timeout: 8000

})

$(document).on('pjax:start', function() {

NProgress.start();

});

$(document).on('pjax:end', function() {

NProgress.done();

});

//表单提交事件

$(document).on('submit', '#search', function(event) {

event.preventDefault();

// $.pjax.submit(event, '#pjax');

$.pjax.submit(event, '#pjax', {

timeout: 10000

});

//表单提交成功事件

$(document).on('pjax:success', function(event) {

//console.log("关闭搜索框之类的操作");

});

//「页面刷新」事件触发运行

$(document).ready(function() {

MyApp.initPjax();

});

拖拽到此处

图片将完成下载

一键复制

编辑

Web IDE

原始数据

按行查看

历史