Zblog主题-卢松松模版自适应主题免费下载

关于卢松松博客主题背景

相信很多接触过卢松松博客主题的技术宅，大概都知道卢松松博客主题是一个以图片为题材大型建模css架构主体,所以需要一个比较好的服务器才能达到理想的效果,但卢松松博客主题的SEO优化做的是非常到位,这是一个值得肯定的!

而卢松松官方博客所下载的版本并不是最新的，此版本转载自美文美句，是在原版的基础上修改而成。增加了自适应等，基本和官网所用一模一样。

主题自适应网页说明

该主题可以根据移动设备自动调整网页显示方式，也就是说网站在电脑、PAD、手机、手机横版等的显示都是不一样的。

这样做的目的是在“统一域名”的前提下拥有移动端的网站，兼容任何的移动设备，可以更有利于网站的SEO优化。

自适应网页是未来的发展趋势，先到先得，快人一步。懂SEO的朋友都知道做SEO时间先后顺序的重要性。

移动互联网已经全面爆发，难道你的网站还没有一个像样的移动版本？微营销时代的到来，我们同样可以如鱼得水！

在松松主题基础上优化了哪些？

首先升级为网页自适应就不说了，在这个基础上去掉了多余的垃圾代码，减少了没必要的代码，使网页更加的简洁，会更有利于网站的SEO优化，并且也会更加的整齐美观。

主题适用Z-Blog2.2版吗？

该主题最近（2015.05.13）已经升级到了Z-Blog2.2版，并且保留了Z-Blog2.1版本，两个版本除了使用程序版本不同之外几乎没有区别，都可以完美适用。具体应该选择哪个版本，大家可以根据自己的使用习惯或者你现在正在使用的Z-Blog版本来选择。

安装方法

1、下载模板文件，进入zblog后台，使用[主题导入与恢复]上传导入主题安装包。

2、修改参数。

电脑端导航栏修改

导航栏左边

<div class="left"><ul id="menu" class="menu">
<li><a href="https://www.xhsay.com/%E4%BD%A0%E7%9A%84%E5%9F%9F%E5%90%8D%E9%93%BE%E6%8E%A5" title="首页"><span id="menuON">首页</span></a></li>
<li><a href="https://www.xhsay.com/%E4%BD%A0%E7%9A%84%E5%88%86%E7%B1%BB%E9%93%BE%E6%8E%A5" title="分类title">分类名称</a></li></ul></div>

导航栏右边

<div class="right"><ul id="menus" class="menu">
<li class="page_right"><a href="https://www.xhsay.com/%E9%93%BE%E6%8E%A5" title="请自定义" target="_blank">显示名称</a></li>
<li class="page_right"><a href="https://www.xhsay.com/%E9%93%BE%E6%8E%A5" title="请自定义" target="_blank">显示名称</a></li></ul></div>

手机端导航栏修改

<ul id="navs" class="menu">
<li><a href="https://www.xhsay.com/%E9%93%BE%E6%8E%A5" title="请自定义">显示名称</a></li>
<li><a href="https://www.xhsay.com/%E9%93%BE%E6%8E%A5" title="请自定义">显示名称</a></li></ul>

请根据自己的需要，自行添加。这里代码根据自己的写好之后，模版管理-新建模版：

注意圈出来并且用箭头指住的位置，必须为和图片是一致。

提交保存之后，首台首页更新一下缓存，即可看到效果。