ZblogPhp模版-Lucky自适应个人博客模版

写在前面：

这是一款简单大气，功能实用，页面也没有太花俏的主题模板，也是我自己喜欢的那种简洁风，具体的可以查看本站点。

好了，简单介绍一下这款模版：

这是一款以白、黑、灰三种颜色为主的自适应个人博客模版，双栏结构，自适应各种屏幕大小的PC端和移动端设备，兼容一切主流游览器（低版本就不说了，IE9以上正常）。

功能详解/说明：

1、整站Pjax（有开关选择）
2、AJAX无刷新显示搜索结果，默认显示6个结果，回车查看更多
3、模版文件中，event为网站大事件、readers为读者墙页面、gd为文章归档、tags为标签云页面
4、面包屑导航
5、文章短代码，共有8个，另外还有一个插入视频，在编辑文章页面使用
6、自带代码高亮，在编辑文章页面使用
7、自带侧栏跟随，新建一个模版名为sidebarfollowed的拖到侧栏就可以
8、兼容SEO工具大全里面的关键词&描述设置和标题优化功能（有开关选择）
9、自带微语功能，twitter为说说模版
10、全站图片预览灯箱，自响应所有设备
11、banner图片随机显示（有开关选择），图片数量后台可随意设置
12、内置后台主题配置面板，可上传LOGO、微语头像，还有其他一些设置
13、文章缩略图，优先调用文章内第一张图片，文章没有图片的话随机调用
14、一键返回顶部、一键直达底部、一键评论、一键返回首页
15、彩色标签（侧栏上的）
16、电脑版的置顶和手机下的置顶有区别
17、兼容各种分辨率各种设备（老古董就算了）
18、支持导航下拉，最高支持4级导航，麻麻再也不怕我没地方放东西了
19、搜素结果页面美化，集成鸟儿之前那个免费版搜索美化插件，感谢
20、点赞文字可以自定义

注意事项：

1、依赖SF的缩略图插件和文章点赞开发版。

2、网站大事件在主题配置-模版内容设置里面修改，格式如下：

<li class="event">
	<div>
		<p class="event_time">2015.12.06</p>
		<p>快使用双结棍，哼哼哈嘿~</p> 
	</div>
</li>

3、手机版导航在主题配置-模块内容设置里面修改，格式如下：

<ul id="navs" class="menu">
    <form name="search" method="post" action="http://你的域名/zb_system/cmd.php?act=search">
        <input type="text" name="q" size="11" placeholder="输入后回车一下即可搜索" />
    </form>
    <li>
        <a href="https://www.songhaifeng.com/" title="小锋博客">
            小锋博客
        </a>
    </li>
</ul>

4、最高支持4级导航，格式如下：

<li> <a href="###">一级导航</a>
	<ul>
		<li> <a href="###">二级导航</a>
			<ul>
				<li> <a href="###">三级导航</a>
					<ul>
						<li><a href="###">四级导航</a></li>
						<li><a href="###">四级导航</a></li>
					</ul>
				</li>
				<li> <a href="###">三级导航</a>
					<ul>
						<li><a href="###">四级导航</a></li>
						<li><a href="###">四级导航</a></li>
					</ul>
				</li>
			</ul>
		</li>
	</ul>
</li>

5、如果文章要插入视频，那么在那个视频的上面或者下面，最好写入一些文字，不然列表会直接显示视频代码作为摘要。

6、微语使用方法：新建一个存放微语的分类，例如是“微语专用”，然后在主题配置里面选择“微语专用”做为微语存放的分类，接着在编辑文章时候，分类选择“微语专用”，模版选择twitter即可。（在意SEO的话，可以通过robots来禁止这个分类的爬取即可。）

7、关于有视频的页面，如果第一次进去发现视频的宽度或者高度有问题的话，刷新一下当前页面即可（不是BUG）

8、个人博客模版，所以不考虑广告位，而且，在PJAX下，广告全部用不了（大多数都是JS调用的），如果真的需要广告，那么请把PJAX关了，然后新建模版，拉到侧栏使用。

9、送上一个在线格式化/压缩HTML的网站：站长工具

10、关于文章没有图片，在列表随机显示的图片：如果不喜欢自带的话，可以自行下载图片，上传到：
你的域名/zb_users/theme/Lucky/style/img
覆盖这个文件夹中的图片即可。

11、关于banner的随机显示图片：如果不喜欢自带的话，可以自行下载图片，上传到：
你的域名/zb_users/theme/Lucky/style/rand
覆盖这个文件夹中的图片即可。注意：图片大小最好控制在120k以内，太大了加载会很慢。
默认是6张图片，后台可以增加随机图片的数量，然后按照上面的路径把图片放进去就行。

12、关于代码高亮：因为UE自带的那个代码高亮是有问题的，所以这模版自带代码高亮，以前的文章用UE给加了代码高亮和模版的代码高亮不兼容。解决方法是重新编辑文章，使用模版自带的模版高亮即可。（如果文章太多可以不管，毕竟问题不是很大，以后写带有代码的文章时候，记得使用模版自带的代码高亮即可）

13、打开PJAX后，整站所有页面使用的都是侧栏1；关闭PJAX后，首页用侧栏1，搜索页面用侧栏3，其他页面用侧栏2。

14、更多注意事项等待发现，等待更新...（一下子想不起来啊...）

这款模版个人是非常喜欢的，自己也在使用，在制作时候也是很用心的去做，而且用上本模版后，经过简单的设置，便不需要再折腾其他什么东西，你只管好好的写你的文章。
萝卜青菜，各有所爱，这道理谁都懂。如果你觉得这款模版还行，并且打算长期使用的话，欢迎购买本模版（支持博主）。
同时，欢迎反馈一切bug和建议，我会找时间修复和完善这个模版，让我们一起把这模版做得越来越好。
另外还有，功能肯定是不止上面所说的，新功能还在考虑或者制作中...

演示站点：就是本站啦..
下载地址：Zblog应用中心

由于【更新记录】过多，所以另开一篇文章，具体请看：https://www.songhaifeng.com/ZBlog-Course/119.html

最后的最后，就是后台主题配置的截图，其他页面自行查看本站：

购买主题：
1、联系QQ：284204003（仅此Q号，请勿相信其他人，避免冒充本人对您造成损失。）
2、Zblog应用中心直接购买：https://app.zblogcn.com/?id=1154
备注：联系作者购买仅支持QQ红包和支付宝两种方式，先钱后主题，如不同意请在应用中心购买，谢谢！