Z-blog自媒体博客主题模板宁静致远(Quietlee)，博客自用主题

注意：开启主题或插件显示“授权文件非法”的解决办法：https://www.daolt.com/post/8051.html

宁静致远(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”

• 主题自带幻灯片轮播功能，设置方式在主题设置-轮播设置，自行添加幻灯片，尺寸不限。另外幻灯片右侧文章在后台自定义，填写文章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>

更新内容：

• 优化cataimg模板调用侧栏4，文章和商品文章统一调用侧栏3，其他模板不变。

• 优化夜间模式侧栏日历模块未适配的问题。

• 优化首页底部模块，在翻页情况下不显示CMS模块。

• 取消首页文字列表上方广告循环展示的功能（如果采用图片广告，此广告循环展示三次，属于重复，所以暂时取消。）
  

• 被迫营业，修复轮播图右侧文章关闭时导致轮播不显示的BUG。

• 新增首页屏蔽某个文章分类ID的功能。（默认关闭，如果开启则添加分类ID，例如1，那么首页最新发布的文章，就没有分类1下的所属文章。）
  

• 修改文章多长图片和没有图片的默认显示方式，超过三张图，默认显示一张，需要显示三张则手动开启多图，文章无图默认随机显示一张，如果不需要则手动开启无图。

• 夜间模式按照反馈要求，增加开关，不需要这个功能的关闭接口，主题设置-功能开关。

• 网页底部魔方，更改开关模式，增加自定义文字适配，主题配置-全局配置

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

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

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

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

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

• 优化zbp1.6搜索模板。

• 侧栏，作者信息，文章评论数改为文章的发布日期。

• 修复某些情况文章段落不自动换行导致的BUG。
  

• 优化网站布局和部分自适应样式。
  

• 右侧客户QQ在文章和独立页变更为评论按钮，点击直达评论区域（开启评论的情况下）。

• 优化首页轮播样式，移动端删除右侧奥森图标。

• 图片列表模板（cataimg）调用“侧栏2”改为调用“侧栏5”。

• 新增收藏按钮的奥森图标。

• 优化用户中心信息页模板。

• 分类列表之间广告位新增循环显示功能，什么意思？就是说在列表间建插入的广告，点击更多文章可以循环显示这个广告位，解释得不够清楚的话，自己设置然后看效果（目前仅仅支持谷歌广告和HTML广告，百度联盟不支持循环）。

• 优化404模板样式。

• 新增移动端显示侧栏代码（想开启侧栏，直接复制以下代码，粘贴在自定义css里。开启即可）。

 CSS

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

• 优化移动端网页底部内容设置，隐藏“网站底部信息”内容接口。

• 优化评论框文字过多显示不全的BUG。

• 文章顶部免责声明转移至网站文章底部。

• 添加用户中心收藏按钮（不会设置参考锦鲤主题文章，查找关键词“收藏”）。

• 优化css细节。
  

• 适配ZBP1.6版本。

• 适配文章页表格的夜间模式。

• 优化移动端顶部搜索样式。

• 优化夜间模式js代码，删除时间自动切换夜间模式代码（代码无效）。

• 删除和整改不符合W3C国际标准的标签及框架布局（网页完全符合W3C标准，排除插件）。

• 优化首页友情链接排序方式，适配自适应显示效果。

• 优化分类模板没有摘要情况下自动调用网站描述接口。

• 优化网站整体布局细节。

• 优化夜间模式及整体布局样式。

• 文章页模板添加视频接口，可以添加第三方“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：如果分类管理和顶部背景的接口都设置了，那么优先显示分类管理设置的图片。

• 适配自适应和夜间模式。

• 优化若干细节（好多好多，，，细节）！！！

• 添加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设置。

• 后台设置完成看看前台效果。

部分预览图：

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

首页预览（夜间模式）：