本站同款宁静致远(Quietlee)自媒体博客主题模板，夜间模式及强大的SEO效果-ZBlog主题

宁静致远(Quietlee)自媒体博客、新闻、资讯互动类主题模板及强大的SEO优化效果，此款主题源自《小灯泡设计》，移植TY程序的Spimes主题，致敬原作者，这是一款非常nice的主题模板，风格简约，兼容多媒体移动端显示，拥有独立的分享代码，不在依赖百度（想依赖也不行，百度分享官网都挂了），支持一键生成海报模式，还移植了源主题模板的阅读模式，优化了夜间模式代码，增加了网站首页底部CMS列表模块，后台自带开关，更多功能介绍请听我一一道来。

主题亮点解析：

• 主题全局夜间模式，前台用户可自行控制，自动夜间模式时间为：22:00至05:00；
• 文章自带分享、阅读和你们最喜欢的海报模式等功能；
• HTTPS优化，全面支持HTTPS网站；
• 主题侧栏调用方式为缓存txt文件，介绍数据库查询次数。
• 全局视觉特效加载（滚动页面时模块渐显）；
• 主题自带多种广告位，可在后台自行设置；
• 主题集成自定义样式和js接口代码，可自行修改样式或者添加第三方js特效；
• 强大的SEO优化效果，分类自定义标题，关键词及描述，优化效果显著（SEO规范均按照搜索引擎白皮书制作）；
• 文章缩略图自定义大图模式，还有三图、单图和无图模式；
• 文章标题附带推荐（编辑文章开启推荐），热文（浏览数超过1000），最新（发布时间小时24小时）等，优秀的用户体验功能。
• 更多功能及亮点请查看演示站点（演示站点使用插件实现，兼容性能不是特别好，有问题可以直接联系站长）。

主题功能模块：

• 先介绍主题各个功能，夜间模式可以由用户自行开启关闭，导航顶部右侧，夜间模式图标。
• 文章功能展示：

推荐：标题左侧显示推荐字样，如果大于1000显示热门，如果发布时间小于24小时显示最新，如果开启推荐，则优先显示。

大图：开启之后文章列表显示大图模块（文章图片超过三张的时候如果开启大图则优先显示此样式，如果没有图片开启大图则随机分配一张图片，随机图片路径“/zb_users/theme/quietslee/include/cateimg/”）。

如果文章图片超过三张，默认显示一张，如果想显示三张图片的样式，那么开启“多图”。

PS：无图，如果文章没有图片，默认随机显示一张，也可以手动开启无图显示方案。关闭缩略图此功能也将被关闭。

演示地址：这个仅针对商品类模板有效。

缩略图：上传列表分类显示的图片，上传之后则优先显示自定义图片。

• 侧栏模块中“最近发表”、“热门文章”、“热评文章”、“标签列表”、“文章归档”均采用缓存txt模式，调用内容自动生成，无需手动管理。调用的数量及热门天数在主题配置中设置，设置完成后，需要重新编辑任意文章，生成新的缓存txt文件。
• 友情链接、标签聚合、文章归档、读者墙模板，设置方法，页面管理，新建，标题内容自拟，右侧选择对应模板（见下方），如果没有内容则随便编辑文章下，重新生成缓存txt内容。

PS：友情链接模板“links”、标签聚合模板“tags”、文章归档模板“sitemap”、读者墙模板“readers”

• 主题自带幻灯片轮播功能，设置方式在主题设置-轮播设置，自行添加幻灯片，尺寸建议（512*335像素）。另外幻灯片右侧文章在后台自定义，填写文章ID即可，主题设置-全局设置。
• 如果关闭右侧文章则不显示，幻灯片建议更换为780*350（此尺寸仅仅使用关闭右侧文章的时候）
• 侧栏模块调用顺序，首页调用默认侧栏，分类(catalog)列表模板调用侧栏2，普通文章和商品文章模板调用侧栏3，图片分类(cataimg)模板调用侧栏4，移动端导航调用侧栏5（无内容则不显示）。
• 分类模板有两种模式：“catalog（左图右文）”和“cataimg（上图下文）”，文章默认模板“single”（分类管理-编辑）。
• 自定义SEO开启之后，分类模板标题（如图）：标题自行设置，例如：自定义分类标题-自定义名称，前台显示：自定义分类标题-自定义名称，取消后面的网站标题接口，设置更方便。（不明白就自行设置下就清楚了）

导航栏二级菜单代码：（模块管理-导航栏，也可以使用链接模块管理插件开启二级菜单）

 Markup

<li class="menu-item-has-children">
    <a href="/">一级菜单</a>
    <ul class="dropdown-menu sub-menu">
        <li><a href="/">二级菜单1</a></li>
        <li><a href="/">二级菜单2</a></li>
        <li><a href="/">二级菜单3</a></li>
    </ul></li>

更新日志：2021/06/06

-- 优化部分夜间模式细节，修改夜间代码。

-- 新增主题配的快捷方式保存（ctrl+s）。

更新日志：2021/05/21

-- 优化缩略图，增加1.7版本适配开关，1.7版本开启后将优先使用系统自带裁剪代码，1.7以下版本采用原有代码策略（脑壳疼，听不懂不要紧，反正也不需要你设置什么，裁剪开启或者关闭就行了。）

-- 修复多图模式下部分页面出错的BUG。

-- 优化和适配所有缩略图方案，代码效率更高，换的的脑壳疼，，，还是不需要操作什么，知道更新内容就行了。

-- 优化关闭网站评论文章及列表仍然显示评论数量的问题。比如应付备案，您只需要关闭评论（网站设置，评论设置）前台留言评论信息就不会显示了。

更新日志：2021/05/19

-- 修复UE编辑器关闭时主题配置上传图片失效的问题。

-- 新增1.7版本随机文章显示功能，老客户更新之后需要重新点击启动才能增加此模块，然后在模块管理，把随便看看拖拽到右侧侧栏，调用数量默认是6，想要修改的话，编辑侧栏随便看看，类型换成UL，直接添加数字即可。

-- 主题首页轮播增加开关，部分老客户更新之后可能会导致轮播默认关闭，需要重新开启，主题配置-设置首页轮播自定义文章-开启首页轮播模块。

-- 优化和适配1.7版本缩略图裁剪代码，裁剪尺寸在主题配置-功能开关-缩略图裁剪设置，开关对1.7无效，1.7版本自动启用裁剪，只设置尺寸即可，质量1.7+版本无效，1.5及以下版本想要裁剪需要开启开关。

更新日志：2021/04/28

-- 修复侧栏热门评论文字太多导致错乱的问题，重新优化样式，更新之后强制刷新（ctrl+f5）。

-- 优化zbp1.7版本各模板名称。

-- 优化和适配1.7文章最后编辑时间提示。

-- 修复头像优先显示在部分情况下图片出错的问题。

更新日志：2021/04/02

-- 优化读者墙代码及前端样式。

-- 优化留言评论头像优先采用QQ邮箱方式。

-- 右侧侧栏留言模块代码。

-- 模板名称兼容1.7版本，修复1.7版本分类及文章不显示现有模板的问题。

-- 其他优化若干。

更新内容：2021/02/20

-- 新增同类上下篇文章功能，主题配置-全局配置-文章页相关阅读，开启。

更新日志：2021/02/09

-- 更新春节皮肤，主题配置-功能开关-节日皮肤设置

    皮肤背景图：https://s3.ax1x.com/2021/02/09/ydkfW6.jpg，背景色：#ffc196

-- 新增微博分享自定义来源功能，需要填写微博开发者KEY，申请开发者教程参考https://www.talklee.com/blog/565.html。PS，主题配置-全局设置-文章一键分享，不需要的话不填写即可。

-- 分享按钮新增开关。

更新日志：2021/01/01

--网页节日背景图和动态飘雪特效分离。

-- 优化节日皮肤接口及css样式代码，优化飘雪特效。 

设置路径：主题设置-功能开关，节日背景皮肤，默认背景图“https://s3.ax1x.com/2020/12/22/rDOWzn.jpg”，默认颜色“#e7d6ce”，右侧开启即可。

往期更新（节选）：

-- 优化侧栏作者信息在部分浏览器出现颜色重叠的问题。

-- 后台新增商品售价接口，文章管理，新建，右侧有主题售价接口。

-- 优化轮播转动方式，“垂直切换”改为“横向切换”。

-- 优化轮播右侧轮播页数角标（更新完成记得强制刷新）。

-- 优化后台授权验证代码，远程API无法访问时调用本地验证文件，以确保官网失效时不会影响用户使用。

-- 优化夜间模式和白天模式切换导航栏有叠加的问题。

-- 优化所有广告接口类名，防止部分浏览器因为“ads”标签导致广告被屏蔽。

-- 优化夜间模式下移动端某些界面显示不友好的问题。

-- 优化导航菜单选中时底部图标及二级菜单角标样式。

-- 优化分类模板的文章列表三图模式下的间距。

-- 优化文章页部分代码样式不统一的问题。

-- 修复模板接口标签错误导致无法正确调用的问题。

-- 优化文章上下篇时间出错的问题。

-- 优化PHP代码。

-- 优化缩略图延迟显示功能。

-- 优化文章打赏代码，后台接口不变，更新之后如有错位请删除本地缓存或者清空CDN缓存，Ctrl+F5强制刷新。

-- 优化SEO规范，减少部分模板页出错关键词及描述重复的问题。

-- 修复商品模板发布时间接口错误的问题。

-- 优化移动端导航侧栏菜单整体效果。

    --两个移动端风格，全屏背景虚化和顶部背景虚化，主题设置-全局设置-移动端导航侧栏设置，需要设置默认头像，顶部背景图和全屏背景图（有开关），开启全屏背景则顶部背景接口无效，反之全屏背景接口无效！更新之后想要开启顶部背景需要先开启全屏之后在关闭，因为默认为空，不显示背景。

-- 优化移动二级菜单高亮重复问题。

-- 适配“链接模块管理”插件模板，可以直接使用插件开启二级菜单或者编辑导航。

-- 文章页新增字体大小调整功能。

-- 因SEO插件因素，重新优化SEO兼容模板，解决开启SEO插件导致的错版问题；

-- 重新优化网站面包屑导航，不在增加开关，更新主题后直接启用，此次更新之后需要重新清空缓存并编译主题模板（后台首页）。前台需要强制刷新或者更新CDN缓存。

-- 完善缩略图裁剪方案。文章和商品文章微博分享和海报生成直接调用原图无裁剪。

-- 新增分类列表面包屑导航代码。

-- 优化默认缩略图代码，减少重复请求问题。

-- 新增缩略图裁剪功能，功能设置，裁剪质量，款和高度，建议：质量90，W：210，H：159

PS：缩略图裁剪功能仅仅适用分类列表的单图模式，不适用大图和多图和其他模式。缩略图裁剪尺寸在后台功能开关设置，设置完成后，上传的图片宽和高度必须大于设置的参数，否则图片裁剪之后填充背景为白色！

-- 评论新增表情图标。

PS：表情图标可以随意更换，为防止下次更新修改之后的图标被覆盖，所以仅限0509主题包自带表情图标，以后更新的主题无图标文件。附默认表情图标下载地址：（亦可在Q群文件下载）

百度云盘：链接：https://pan.baidu.com/s/1dyq6fX9Lg5QP_-YPsNQk9Q 提取码：mshw 

下载之后把“emotion”文件夹上传至“/zb_users/theme/quietlee/include/”目录即可。如果不喜欢现在的，可以把图片删除，更换自己的，所以添加自定义表情图标，表情名称随意但是不能只中文，最好都是英文。

• 评论区开放个人主页接口。
• 删除评论快捷回复功能及后台对应接口。
• 重写评论JS代码，更新最新1.6版本写法，非1.6版本以下博客最好不好升级，因为没测试1.5+是否可以用。
• 评论区昵称输入QQ可自动获取QQ名称，邮箱和QQ空间主页（关于QQ获取头像目前测试有BUG暂不添加
• 兼容了官方头像插件（ID：Gravatar），启用插件后建议开启“优先查找本地头像”
• 更新侧栏标题右侧装饰。
• 删除冗余代码，提升网站速度。
• 加强主题防盗防破解加密代码，部分盗版用户可能无法正常适用主题。
• 其他优化更新。

更新日志：2020/04/22

• 优化文章版权声明功能，增加文章底部默认显示版权（如文章是转载，请在文章页面添加转载信息，才显示，否则显示默认版权声明）。
• 文章评论框增加默认背景图片。

更新日志：2020/04/22

• 优化cataimg模板调用侧栏4，文章和商品文章统一调用侧栏3，其他模板不变。
• 优化夜间模式侧栏日历模块未适配的问题。
• 优化首页底部模块，在翻页情况下不显示CMS模块。
• 取消首页文字列表上方广告循环展示的功能（如果采用图片广告，此广告循环展示三次，属于重复，所以暂时取消。）

更新日志：2020/04/18

• 被迫营业，修复轮播图右侧文章关闭时导致轮播不显示的BUG。
• 新增首页屏蔽某个文章分类ID的功能。（默认关闭，如果开启则添加分类ID，例如1，那么首页最新发布的文章，就没有分类1下的所属文章。）

更新日志：2020/04/14

• 修改文章多长图片和没有图片的默认显示方式，超过三张图，默认显示一张，需要显示三张则手动开启多图，文章无图默认随机显示一张，如果不需要则手动开启无图。
• 夜间模式按照反馈要求，增加开关，不需要这个功能的关闭接口，主题设置-功能开关。
• 网页底部魔方，更改开关模式，增加自定义文字适配，主题配置-全局配置

• 再次修改文章相关推荐的调用方式，根据不同需求自行选择，

选项说明：如果文章没有标签，则调用网站最新发布的文章，商品文章采用固定的相关分类调用方式。

相关标签-根据文章相同的标签调用相关文章；

相关分类-根据相同分类调用最新发布的文章；

同签同类-根据相同分类且相同标签调用文章；

• 优化zbp1.6搜索模板。
• 侧栏，作者信息，文章评论数改为文章的发布日期。
• 修复某些情况文章段落不自动换行导致的BUG。
• 优化网站布局和部分自适应样式。

更新日志：2020/04/09

• 右侧客户QQ在文章和独立页变更为评论按钮，点击直达评论区域（开启评论的情况下）。
• 优化首页轮播样式，移动端删除右侧奥森图标。
• 图片列表模板（cataimg）调用“侧栏2”改为调用“侧栏5”。
• 新增收藏按钮的奥森图标。
• 优化用户中心信息页模板。
• 分类列表之间广告位新增循环显示功能，什么意思？就是说在列表间建插入的广告，点击更多文章可以循环显示这个广告位，解释得不够清楚的话，自己设置然后看效果（目前仅仅支持谷歌广告和HTML广告，百度联盟不支持循环）。
• 优化404模板样式。
• 新增移动端显示侧栏代码（想开启侧栏，直接复制以下代码，粘贴在自定义css里。开启即可）。

 CSS

@media screen and (max-width:460px) {
    .side{display:block;}}

PS：460px，为手机屏幕的最大宽度，无特殊需要直接默认就好。

更新日志：2020/04/07

• 优化移动端网页底部内容设置，隐藏“网站底部信息”内容接口。
• 优化评论框文字过多显示不全的BUG。
• 文章顶部免责声明转移至网站文章底部。
• 添加用户中心收藏按钮（不会设置参考锦鲤主题文章，查找关键词“收藏”）。
• 优化css细节。

更新日志：2020/03/30

• 适配ZBP1.6版本。
• 适配文章页表格的夜间模式。
• 优化移动端顶部搜索样式。

更新日志：2020/03/27

• 优化夜间模式js代码，删除时间自动切换夜间模式代码（代码无效）。
• 删除和整改不符合W3C国际标准的标签及框架布局（网页完全符合W3C标准，排除插件）。
• 优化首页友情链接排序方式，适配自适应显示效果。
• 优化分类模板没有摘要情况下自动调用网站描述接口。
• 优化网站整体布局细节。
• 优化夜间模式及整体布局样式。

更新日志：2020/03/21

• 文章页模板添加视频接口，可以添加第三方“iframe”视频。接口位置如图：

• 添加方法，以腾讯视频为例：点击底部分享，选择“复制通用代码”（或者“嵌入代码”）如图：

• 得到如下代码：

 Markup

<iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=t0915436q3p" allowFullScreen="true"></iframe>

• 复制“https://v.qq.com/txp/iframe/player.html?vid=t0915436q3p”视频链接，然后粘贴在文章的视频接口处，可选是否自动播放，提交查看效果（自适应比例）。
• 修改商品文章模板样式及自适应显示效果。
• 商品文章模板右侧增加独立侧栏模块。
• 新增会员中心模板，点击个人头像跳转主页。
• 分类模板新增图片背景，主题设置-功能开关-(开启SEO)开启顶部背景图，分类管理，编辑分类，最下面添加图片，优先显示此接口图片地址。如果分类过多，在功能开关-顶部背景添加必应的随机显示图片即可，地址“//api.ooopn.com/image/bing/api.php?v=2&type=jump”

PS：如果分类管理和顶部背景的接口都设置了，那么优先显示分类管理设置的图片。

• 适配自适应和夜间模式。
• 优化若干细节（好多好多，，，细节）！！！

更新日志：2020/03/16

• 添加DNS预解析接口。
• 优化文章列表缩略图没有延迟加载的问题。
• 顶部导航条增加“新建文章”链接，可以快速新建文章。
• 完善logo和搜索栏隐藏特效，增加渐显效果。
• 美化导航栏二级菜单样式。
• 新增精选文章模块（位于轮播下方，后台主题管理-全局设置“设置首页轮播自定义文章”）
• 文章页相关阅读推荐增加开关，增加调用文章数量接口，优化调用方案，可开启调用同分类下的文章。
• 移动端文章页阅读全文增加开关。
• 修复首页侧栏作者信息调用最新文章接口错误的BUG。
• 增加三个广告，首页图文模块上方，文字链接模块上方和下方广告位。
• 新增幻灯片轮播链接新窗口功能。
• 更改分类、标签和文章页SEO接口变量（与锦鲤主题接口一致，之前使用锦鲤主题自定义的SEO内容将直接调用，无需重新添加）。
• 优化分类列表标题过多导致错位的BUG。
• 优化文章页插入视频，移动端被拉伸的问题。
• 优化夜间模式下副logo图片不隐藏（白天和夜间采用同一张图片）。
• 功能及样式适配。

更新日志：2020/02/28

• 优化文章列表之间的广告代码。
• 修复验证码重叠的BUG。
• 优化友链，后台增加开关。
• 删除部分css动态特效，减少资源消耗。
• 部分模块细节及样式。

更新日志：2020/02/23

• 删除导航栏搜索右侧“推荐功能”。
• 优化文章页顶部面包切导航，优化自适应显示效果。
• 优化文章页时间标签，PC显示年份（右侧日期）移动端显示日期。
• 优化自适应和夜间模式显示效果。
• 优化部分CSS显示效果及部分图片放大特效。
• 完善移动端显示效果。
• 优化底部文字列表模块，将调用的第一篇文章改为图片形式，如图：

大版本升级，更新主题后先设置主题内容，尤其是调用的文章及热门天数，都设置完成后在去编辑文章（生成缓存），否则会出现，导致网站无法打开，如果有CDN更新主题之后请刷新CDN缓存，或者强制刷新首页确保使用最新css样式表。

2020/02/17

• 优化和适配用户中心超级会员的昵称和等级。
• 优化导航栏搜索跟随状态，滚动条下拉隐藏搜索和logo，保留导航，上划显示logo和搜索，据说这样用户体验会更好？是么？
• 新增商品模板独立广告代码接口（因为商品模板无侧栏，适用普通分类广告接口，左右会有大空隙，影响整体美观。）
• 优化侧栏标签对齐方式，改为居中。
• 新增底部魔方功能（武汉加油，功能设置-武汉加油魔方）。
• 修改文章和列表顶部蓝色下划线的显示方式。
• 还有一部分优化细节，具体就不一一赘述了。

2020/02/13

• 新增侧栏热门调用方式，后台设置调用热门的文章天数。
• 新增侧栏调用接口，注意：更新主题后此接口为空，建议按照图中设置,，首页安装的话有默认设置

• 优化夜间模式不兼容的样式代码。
• 新增商品类模板主题，分类，选择如图模板即可：分类列表选择“catasell”模板，文章模板选择：“sale”。

• 新增和适配用户中心插件（LayCenter）相关功能。
• 新增多图模式下可以选择单图显示（文章图片大于三张显示单图模式，编辑文章右侧有单图模式开关）。
• 底部信息（备案号上面位置）增加接口，可自定义内容。
• 修改文章文字链接颜色。
• 更新图片灯箱效果，主题配置-功能开关-开启图片灯箱
• 文章底部举报信息内容增加接口，设置如图：（更新主题后内容为空，可以参考文字信息）

 Markup

1.网络违法和不良信息举报电话：010 - 12321 举报邮箱：jubao@12377.cn
2.本站采用创作共用版权 <a href="https://creativecommons.org/licenses/by-nc-sa/2.5/cn/deed.zh" target="_blank" rel="nofollow">CC BY-NC-ND/2.5/CN</a> 许可协议，转载或复制请注明出处

基本设置：

• 如图，logo有两种，分别是白天和夜间模式两种，自行设计然后上传即可（上传图片功能需要默认UE编辑器插件，如未开启则上传失效，需要自行添加logo地址）。
• 另外需要注意的是，QQ登录需要安装第三方插件，设置开KEY等内容后，填写登录地址即可，第三方插件给予登录地址，没有插件关闭该功能即可。

全局设置：

• 设置侧栏作者ID：添加管理员的会员ID即可，一般情况都是“1”，然后设置背景图片。特别注意，这里的作者信息显示在首页与文章页作者是两个模块，文章页右侧显示的是文章发布的作者，不是网站管理员，站点要明确下。
• 公告不用说了，按照格式修改内容即可，然后在模块管理-主题自带模块-公告，自定拖拽到对应侧栏即可。
• 搜索栏右侧推荐：对应位置在导航栏，logo最右侧，修改链接和名称即可。注意：右侧开关针对幻灯片轮播的。
• 首页文章列表导航标签设置：此处设置文章列表导航标签，文章列表导航标签对应图1（为空则不显示），滚动字母对应图2。注意：右侧开关针对右侧滚动字幕。

• 首页图文模块展示：针对首页底部CMS模块，直接选择要显示的分类和调用的文章数量即可。
• 首页文字列表展示：填写要展示的分类ID，设置调用的文章数量。
• 底部导航标签：网站底部右侧导航标签，可以设置网站底部，隐私保护等相关内容。
• 其余的就是设置网站的统计代码，放在统计代码接口（也可以填写百度等自动推送代码），建站时间，备案号和评论信息等内容。
• 轮播设置：特别说明排序，数值越小，排名越靠前。（另外，新启用主题此处内容为空，需要自行设置，如果以后更新主题之后发现轮播的内容不是自己设置的，不要惊慌，，，可能是我上传的时候忘记删除了幻灯片页面导致，只需要点击修改即可变更自己的轮播内容）。

PS：如果关闭了换封片右侧文章，那么幻灯片的尺寸建议“780*350”，如果开启文章，图片比例进阶4:3或者矩形。

• 广告设置：需要特别介绍的是头部接口和脚本接口，先说头部接口干嘛用的，右侧有备注，此接口是放在网页的head之内的，比如我们常用的广告联盟，百度或者谷歌需要在头部放上js代码，这时我们只需要把代码复制，粘贴在此处，开启此接口，然后点击底部保存。（当然还能放一些网页验证的meta标签）。
• 脚本代码，此处可以放一些js特效和第三方js，比如我们常用的飘雪JS特效，也可以放百度、360搜索的自动推动代码。

• 剩下的就是各个广告的接口了，直接添加联盟广告代码就行了。如果是自定义的广告，代码如下：

 Markup

<div class="adimgs"><a rel="nofollow" target="_blank" href="目标网址"><img src="图片地址"></a></div>

• 最后一个功能设置：

• 有文章新窗口打开、滚动特效、文章全局翻页、自定义缩略图和自定义SEO设置。
• 后台设置完成看看前台效果。

部分预览图：

首页预览图（正常模式）：

首页预览（夜间模式）：