个人主题建站首选微博秀模板，仿新浪微博官网

很久之前就想弄这个仿微博的模板了，但是时间一直不允许，这不抽空弄出来了，主题简单明了，后台设置简单，无需复杂操作，比起以往的CMS主题要简单的多，太适合做个人博客的网站了，当然这不太适合技术和科技播主们，毕竟这款娱乐元素居多，可以设置独立的背景图，列表卡片（要知道，这些功能只有微博会员才能设置）把你微博上你喜欢的卡片和背景抠出来，复制地址到相关接口就性了。一起来看看吧！

注意：开启主题或插件显示“授权文件非法”的解决办法！

更新日志：2020/12/10

-- 优化文章页打赏在部分屏幕下缩小的问题。

-- 优化后台一处php接口的函数代码调用。

更新日志：2020/11/16

-- 优化侧栏标记。

-- 优化文章超链接颜色代码。

更新日志：2020/10/20

--优化编辑器某些特使标记在前台无法显示的问题。

更新日志：2020/10/09

--.优化侧栏标题字体，增加竖线样式。

更新日志：2020/09/10

V、修复文章缩略图在快照下无法显示的问题。

更新日志：2020/09/01 

V、优化图片延迟显示代码，修复缩略图重复加载的问题。

更新日志：2020/08/24

V、修复新用户启用主题后配置内容为空的BUG。

更新日志：2020/08/19

V、优化php兼容性。

V、优化SEO代码规范，修复模板页面会出现关键词及描述重复的问题。

V、删除360搜索出图代码。

更新日志：2020/08/10

V、优化搜索模板代码，删除一处无用JS。

V、精简php和删除不规范代码。

主题更新日志：2020/07/30

V、优化适配“连接模块管理”插件，兼容导航高亮代码。

V、优化各模板标签名称。

主题更新日志：2020/07/16

V、文章列表新增视频显示功能，增加后台接口。

    文章编辑，添加自定义视频和视频封面图，为空则不显示视频。

V、优化移动端css样式、其他优化，精简代码。

主题更新日志：2020/06/08

V、优化侧栏调用缓存方案，更新PHP代码。

更新之后最好删除主题自带模块，模块管理-插件创建的模块，删除，然后重新启用主题模板，清空缓存并重新编译模板，前台，强制刷新下就好了，如果启用CDN及得刷新CDN缓存。

主题更新日志：（2020/05/29）

V、修复搜索特殊字符导致搜索模板错误的问题。

主题更新日志：（2020/05/22）

• 优化缩略图php代码。
• 优化视频自适应显示效果。

主题更新日志：（2020/05/19）

• 优化搜索页无结果时的友好提示。
• 新增文章发布时间超过365友好提示的功能，主题设置-功能，开启文章超时提示。
• 优化文章图片自带格式导致的移动端或者PC段被拉伸的问题。
• 优化视频代码，移动端自适应显示效果。

主题更新日志：（2020/05/13）

• 优化IE10浏览器，顶部导航出现错位的BUG。
• 新增宽屏显示效果，屏幕大于1366px和1440px两种模式。
• 独立页面增加文章推荐底部广告位，跟文章页推荐底部广告分离。

主题更新日志：（2020/05/10）

• 修复评论翻页不显示的BUG，更新js代码。

主题更新日志：（2020/05/09）

• 优化评论php及js代码。
• 新增独立文章页面广告接口，感谢网友反馈。
• 修复模板两处接口调用错误的BUG。

主题更新日志：（2020/05/06）

• 优化赞赏移动端自适应显示效果。

主题更新日志：（2020/05/04）

• 优化侧栏友链和网站收藏样式，增加段落间距。
• 修复文字加粗设置颜色无效的问题。

主题更新日志：（2020/04/22）

• 修复分类列表文章NEW标签遮盖下拉菜单的BUG。

主题更新日志：（2020/04/20）

• 修复文章评论没有翻页功能的BUG。

主题更新日志：（2020/04/19）

• 优化分类列表文章缩略图的显示方案。
• 优化移动端叠加评论时左侧的间距。
• 优化搜索页文章描述调用方式。

主题更新日志：（2020/03/17）

• 修复文章页微信分享无法生成图片的BUG。

主题更新日志：（2020/03/14）

• 修复文章列表a标签未闭合的BUG。
• 首页轮播幻灯片新增轮播新窗口功能开关。

主题更新日志：（2020/02/26）

• 修复背景图不是平铺的BUG。
• 集成文章分享代码，主题设置-按需开启。

主题更新日志：（2020/02/18）

• 新增移动端置顶距离接口。
• 新增分类文章列表图片链接。
• 文章页新增两侧上下篇功能。
• 优化图片灯箱悬浮效果。
• 顶部登录功能开关，同步PC和移动端。
• 网友反馈的其他优化内容。

主题更新日志：（2020/01/23）

• 修复一处因春节皮肤导致字体颜色不清晰问题。

主题更新日志：（2020/01/22）

• 优化导航自适应显示效果。
• 新增新春皮肤及全屏飘雪特效。开启步骤：登录后台，主题设置，基本设置，开启网页背景和新春特效，如图：

• 如图填写内容：

背景色：#d61e12 距离：130 图片地址：https://s2.ax1x.com/2020/01/22/1kxL4O.jpg

• 最后保存提交（图片不想用外链就保存本地，点击上传图片即可），打开前台强制刷新，如果使用了CDN请清空主题缓存文件。

主题更新日志：（11/22）

• 优化导航自适应显示效果，由原来左侧手指图标显示改为顶部状态栏显示。
• 修复独立文章页编辑时链接指向文章的BUG。
• 优化了自适应导航各模块之间的间距。
• 此次更新内容较多，修改过css样式，更新之后请清空主题缓存编译并强制刷新前台，如果启用CDN需要清空主题文件缓存。

主题更新日志：（11/21）

• 优化评论信息模块，昵称，邮箱和网址单独列出。

主题更新日志：（11/14）

• 优化缩略图尺寸4:3，修复文章摘要间距。

主题更新日志：（10/25）

• 修复移动端验证码出现重叠等错位的Bug。

主题更新日志：（10/18）

• 修复开启pjax公告速度加载太快的bug。
• 修复开启pjax搜索文章时未在pjax下重载的bug。
• 修复开启pjax使用键盘快捷回复重复提交的BUG。 另外说下，如果发现pjax失效请先检查a标签是否含有“ target="_blank" ”标签，有的话pjax无效。 明月浩空音乐播放器的音乐插件设置参考如图：（切记不要开启jquery，ZBP自带JQ库）

主题更新日志：（10/17）

• 新增全站Pjax功能，实现打开页面无刷新加载，同时支持音乐播放不间断功能（明月皓空音乐插件，其他插件未测试）。
• 新增Pjax开关，需要的可以开启，不需要的可以关闭。
• 在开启Pjax情况下，评论“加粗、倾斜、下划线”功能失效，如果你的插件较多、较杂不建议开启。

PS：Pjax对收录不是很友好，大型网站慎用。

主题更新日志：（10/15）

• 优化关闭顶部导航搜索太短的问题。
• 修复文章转载网址无效的BUG。
• 优化css样式表。

主题更新日志：（10/14）

• 修复顶部登录开关无效的BUG。

主题更新日志：（10/08）

• 删除微博国庆皮肤。

主题更新日志：（09/30）

• 增加微博国庆皮肤（优先使用国庆皮肤）。
• 修复部分CSS代码。

主题更新日志：（09/23）

• 修复移动端顶部导航部分点击无效的BUG。

在这里说下，顶部登录偶尔点击无效，原因是为了自适应，所以在没有下拉菜单的情况下直接屏蔽了a链接，换句话说就是得开启QQ登录，开启之后才会有下拉菜单，这时移动端点击登录才能正常显示，整理用户体验不是特别好，后期有时间修改一下。

主题更新日志：（09/18）

• 优化SEO标题，修复分类列表翻页显示重复的BUG。

主题设置介绍：

按照我的习惯设置步骤走，首页我可能会先设置侧栏信息，左侧的导航调用的模块是，导航栏（模块管理，导航栏），设置完导航在设置右侧的侧栏信息，标注下各模板对应的侧栏模块：

首 页 模 板（对应）模块管理---右侧，默认侧栏； 分类列表页（对应）模块管理---右侧，侧栏2； 文章页模板（对应）模块管理---右侧，侧栏3；

具体展示哪些模块自己在系统模块和主题自带模块，拖拽到对应侧栏即可。本主题自带两个模块，分类是：“热评文章”“tab组合（自定义推荐和热门文章）”如图：

前台效果：

侧栏设置完成。

设置网站图片：

网站logo，背景图和卡片图等信息，如图：

logo和ico图片，直接上传或者填写图片地址，保存即可，没什么难度。

卡片背景图（对应）分类列表右侧图片，看图：

这个图片，你可以直接复制新浪微博的地址，然后粘贴在背景图接口，保存就行了。

背景图设置方法：

找到你自己喜欢的背景图（可以直接扒新浪的套装背景，复制图片地址）把图片上传或者粘贴在图片地址接口，但有时候背景的颜色不一样，有的黑色有的是蓝色，所以背景色，可以自己设置下，简单说下，打开背景图（刚才填写的图片地址）你会发现图片最下面一般都是一种颜色，看图：

图中红色区域就是我们要的背景色，这样设置完成之后，网站的整体色系就是一致得啦，怎么获取颜色代码？打开图片，按下F12，

图中“#000000”就是黑色背景的代码，我们点击代码前面的“黑色方块”（不是屏幕的黑色区域）会出现一个调色板，把鼠标移动到浅蓝色区域，点击即可获得颜色代码，如图：

图片的黑色区域已经变成了浅蓝色，这样看着舒服多了吧，其中“#a5cee2”就是我们所需的背景色代码，将其复制，然后粘贴在背景色接口就可以了。

最后在说下“距顶部距离”有些背景图可能会有一些图案，比如国庆、春节之类的，如果我们直接设置背景之后可能会遮住上面的图片，这时候我们就需要设置下距离顶部的距离（距离单位是像素，也就是px）让图案显示出来，例如，刚刚设置的山水画，图片有一座山，一间洋房别墅，我们就需要把这个图案显示出来才好看，具体的像素需要自己尝试了，最简单的方法就是你可以先设置成“200”，然后打开网站前台，看看效果，如果图案没显示完全，那么就写大一些，比如“300”，反之亦然。接下来就去自己折腾吧，good luck！

接下来看看怎么设置顶部导航标签：主题设置---首页设置---自定义顶部导航

前台显示效果：

代码如下：

 Markup

<li><a href="/"><i class="fa fa-home"></i>首页</a></li><li><a href="/"><i class="fa fa-envira"></i>留言本</a></li>

按照此形式填写，可以设置多个导航链接，建议不要超过三个，否则可能出现错位。

公告设置方法：

滚动公告设置方法，主题设置---首页设置---首页滚动公告，代码格式如下：

 Markup

<li><a href="http://zx.001666.cn/post/208.html"><i class="fa fa-bullhorn"></i>首页自定义公告，前往后台设置首页自定义公告</a></li>

格式是固定的，修改文字和链接就行。

设置文章数据调用：

相关文章调用设置，如图，侧栏热门标签数量，设置几前台就显示几个，侧栏热门文章天数，30天为一个月，自行设置，侧栏文章推荐，这个填写文章的ID（文件管理-查看文章ID），

哦对了，这里说下，侧栏部分数据采用静态缓存机制，例如，你设置了侧栏文章推荐，但是打开前台侧栏推荐的文章可能还是之前的数据，这是因为采用了静态的缓存文件，想要更新数据的话，你需要随意编辑一篇文章，然后直接右侧提交，以此来生成新的缓存数据。

设置博主卡片背景：

后台---主题设置---侧栏作者ID：填写用户ID，背景图片依然沿用新浪博客的图片。

前台显示：

蓝天白云，是挺好看的，这个最好都采用新浪微博的套装图片，直接复制粘贴就OK啦，其他设置都是基础了，没有什么难度。另外，分类列表有一个点赞功能，适配应用中心“新·文章点赞开发版”插件，搜索关键词，点击插件，获取插件，然后启用插件就行了，无需额外设置，如图：

其他设置：

1. 幻灯片轮播功能，点击“轮播图片”设置标题、上传图片，设置目标链接，保存就行了，记住一点就是，每张图片高和宽要一致。
2. 广告设置，需要的话在对应广告位开启，添加广告位就行了，另外说下，顶部两个接口，一个是head放置百度联盟等广告公共JS的接口，脚本代码接口，可以放一些自己js代码，比如音乐播放器什么的。
3. 功能设置就更简单了，写的很清楚，需要就开启，不需要就关闭。

整体设置基本完成，放几张演示图（可以直接点击演示站，查看整体效果）

首页效果图（默认背景）：

首页效果图（开启自定义背景）：

教程基本结束，如果有时间的话，我会给你们做一个扒新浪微博背景图片以及获取背景的视频，应该会在不久的将来，，，嗯嗯，不会太久！