写在前面:

一直以来都想找一款自己喜欢的博客模版,外观不需要太花俏,简单大气,功能实用就好,奈何对于创意这东西,加上我这选择困难症,真不知道怎么去设计,于是乎,我就到处的逛博客,最后找到了现在这个,只是把外观仿了而已,功能全部自己做(功能想仿也仿不了,因为别人的JS全部加密..),当然,应自己的要求,还是对部分地方进行了更改,具体请看本站点。

好了,简单介绍一下这款模版:

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

ZblogPhp模版-Lucky自适应个人博客模版 ZBlog 第1张

ZblogPhp模版-Lucky自适应个人博客模版 ZBlog 第2张

功能详解/说明:

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

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

ZblogPhp模版-Lucky自适应个人博客模版 ZBlog 第3张

ZblogPhp模版-Lucky自适应个人博客模版 ZBlog 第4张

ZblogPhp模版-Lucky自适应个人博客模版 ZBlog 第5张

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