• February 26, 2015
• in Hexo
• 5 min read

Hexo折腾笔记（二）博客优化与定制

首先我使用的是由zippera基于官方Light主题改进而来的Lightum主题,其他主题可能稍有出入。

速度优化

参考之前的文章：静态页面优化。然后使用了hexo-qiniu-sync这个项目，将静态的图片以及css、js同步到了七牛云。（PS：主题模板中包含了两个不同版本的jquery，分别在head.ejs与after-footer.ejs中，随便删除一个。）

对于处于body区域的script、style的引用尽可能的加入data-no-instant属性，避免InstantClick重复加载。

给instantclick加载进度条加上阴影效果

#instantclick-bar{
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.56);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.56);
}

加入Swiftype搜索

去Swiftype官网申请代码，然后修改search.ejs文件为：

<div class="search">
<form>
<input type="search" id="st-search-input" placeholder="<%= __('search') %>">
</form>
</div>