Hexo 优化与定制(二)

Hexo 优化与定制(一) 中我们介绍了怎样在 Hexo 中添加添加相关文章插件, 统计代码, 百度分享,’上一篇’和’下一篇’导航, 文章目录, Mathjax 等内容. 本文将新增一些内容.

使用图床

国内最好用的免费图床应该是七牛了, 点击注册, 在文章 部署 Hexo 静态博客至七牛 我们已经提到过怎么部署 Hexo 至七牛, 但是由于缓存的问题, 不刷新的话可能看不到变化, 这一点导致更新博客不能立即见效. 不过作为图床却再适合不过了.

优化 HTML,CSS,JS, Image

更新: 为了优化 HTML,CSS,JS, 我们需要安装插件 Hexo-all-minifier, 安装非常简单 Git Bash 进到你的 hexo 博客根目录安装该插件

然后在 hexo 博客根目录下的 config.yml 文件中加入如下代码

具体用法参照插件主页.

CDN

接下来需要把 CSS, JS, Image 等静态文件利用七牛等 CDN 服务加速, 也就是 hexo o 以后生成的这类文件(优化过的). 一般来说只添加网页结构基本不变的东西, 例如 CSSJS, 对于内容里面的图片文件另议. 举个例子, 以默认主题 Landscape 为例, 打开 \layout\_partial 里的 after-footer.ejs, 找到如下代码.

为了加速这些文件, 我们需要找到 public 文件里的这些已经被优化过的文件, 然后将之上传到七牛等服务. 这样我们会得到这些文件的地址, 然后修改上述代码, 将其对应至七牛等服务的地址.

需要注意一点 jquery.fancybox.css 将会用到 fancybox 文件下的图片, 所以我们还需要把对应的图片上传到七牛, 并且保持文件夹目录.

添加 InstantClick

加上 InstantClick.js 后, 通过预加载可以达到网页秒开的效果 (并没有实际提速), 具体介绍可以看这里 博客启用InstantClick. 使用 instantclick.js 也很简单, 进入 InstantClick 下载 instantclick.min.js 至使用主题目录下 source/js 文件夹里, 然后在 \layout\_partial 里的 after-footer.ejs, 加上如下代码即可.

使用 InstantClick 可能导致 Google Analyitcs, 百度统计, MathjaxAdsense 等不兼容, 官方提供了 Google Analyitcs解决办法

怎样使 InstantClick 兼容 MathJax, 百度统计, 让InstantClick兼容MathJax、百度统计 等? 文章让InstantClick兼容MathJax、百度统计等给出了如下解决办法. 即在 InstantClick.init(); 之前加入

这段代码的含义是每次页面重载时,通过直接的函数调用来实现 MathJax, 百度统计, Google Code Prettify, Google Analytics的重新运行。

RSS 插件

使用插件 hexo-generator-feed 能生成 Atom 1.0 或者 RSS 2.0 feed. 安装很简单

然后在 Hexo 根目录下的 _config.yml 里配置一下

  • type 表示类型, 是 atom 还是 rss2.
  • path 表示 Feed 路径
  • limit 最多多少篇最近文章

网站地图 Sitemap

使用插件 hexo-generator-sitemap 能生成站点地图, 方法如下

然后在 Hexo 根目录下的 _config.yml 里配置一下

  • path 表示 Sitemap 的路径. 默认为 sitemap.xml.

对于国内用户还需要安装插件 hexo-generator-baidu-sitemap, 顾名思义是为百度量身打造的. 安装

然后在 Hexo 根目录下的 _config.yml 里配置一下

同上.

推广博客与提交 Sitemap

为了博客有更好的展示率, 最好的方式是通过搜索引擎, 下面讲讲怎么让搜索引擎搜录你的博客.

百度站长平台为站长提供单条url提交通道,您可以提交想被百度收录的url,百度搜索引擎会按照标准处理,但不保证一定能够收录您提交的url。
建议验证网站所有权后,再提交url。

提交 SitemapGoogle 可以参考博客推广——提交搜索引擎如何向google提交sitemap(详细).

向百度和360以及Bing提交 Sitemap 的过程基本一样, 下面以百度为例.

  • 注册并登录百度站长平台.
  • 点击 我的网站=>站点管理, 添加你的域名, 类似上文中验证你的域名, 采用 文件验证 上传 html 文件的方式.
  • 验证号以后就可以在 数据提交 里面提交 Sitemap 了.

百度站长平台 里面还有其他工具, 不妨一试. 另外, 向 Google 提交以后, 一般来说几天内就可以看到被搜录了, 但是 Baidu 可没那么好说话…

添加百度站内搜索

百度站长平台 中验证了自己的域名后, 可以考虑添加百度站内搜索至 Hexo.

点击 其他工具=>站内搜索, 再点击 开始使用, 然后一步步操作即可. 如果有问题可以参考这篇攻略 hexo添加百度站内搜索.

Swiftype 站内搜索

上述说到了使用百度站内搜索, 但是这依赖于网站在百度的索引量, 如果百度收录情况不好的话, 这个搜索效果微乎其微. 而在收录方面很快的 Google, 因为你懂的原因现在也不能使用. 那么可以考虑这个替换方案, 使用 Swiftype.

  • 首先去 Swiftype 注册, 然后登录. 按照如下图示注册
  • 建立一个搜索引擎
  • 填入你的网址并点击 verify, 然后给这个搜索引擎取名 Hexo(随意)

  • 获取安装代码, 点击 install, 并将弹出的如下代码添加到 after-footer.ejs, 方法和添加统计代码等类似

  • 选择 Swiftype 在你的网站的呈现方式, 个人推荐第一种, 比较方便快捷.
  • 演示, 在网站的右下角会有 search this website 的按钮, 点击后可以输入要搜索的内容即可

PS: 在注册过程中会出现如下语句

While you wait, please confirm your account via our confirmation email. We will only crawl 50 pages until your account is verified.

意思是要你验证邮件, 否则最多只会爬50个页面.

One thought on “Hexo 优化与定制(二)

  1. Pingback: 部署 Hexo 静态博客至七牛 - 空念远兮

Leave a Reply

Your email address will not be published. Required fields are marked *