hexo系列教程:(五)hexo博客的优化技巧续
转载自http://zipperary.com/2013/06/02/hexo-guide-5/
继续介绍hexo博客的优化和使用。
添加RSS
hexo提供了RSS的生成插件,需要手动安装和设置。步骤如下:
- 安装RSS插件到本地:
npm install hexo-generator-feed
- 开启RSS功能:编辑
hexo/_config.yml
,添加如下代码:
1 2 | plugins: - hexo-generator-feed |
- 在站点添加链接:
在themes/light/_config.yml
中,编辑rss: /atom.xml
在themes/light/layout/_partial/header.ejs
中,<ul></ul>
之间,添加一样代码<li> <a href="/atom.xml">RSS</a> </li>
添加sitemap
同样的,我们使用hexo提供的插件,方法与添加RSS类似。
- 安装sitemap到本地:
npm install hexo-generator-sitemap
- 开启sitemap功能:编辑
hexo/_config.yml
,添加如下代码:
1 2 | plugins: - hexo-generator-sitemap |
- 访问
zipperary/sitemap.xml
即可看到站点地图。不过,sitemap的初衷是给搜索引擎看的,为了提高搜索引擎对自己站点的收录效果,我们最好手动到google和百度等搜索引擎提交sitemap.xml。
设置百度统计、Google Analytics
到百度统计和Google Analytics(可能需要穿墙)注册账号、添加网站地址即可,很简单,不详述了。需要注意的是,设置好之后数据要过几个小时才能出现,不用着急。
购买域名、设置DNS
参考之前的这篇博客购买域名、设置DNS
文章中插入图片
使用markdown写文章,插入图片的格式为![图片名称](链接地址)
,这里要说的是链接地址怎么写。对于hexo,有两种方式:
- 使用本地路径:在
hexo/source
目录下新建一个img
文件夹,将图片放入该文件夹下,插入图片时链接即为/img/图片名称
。 - 使用微博图床,地址http://weibotuchuang.sinaapp.com/,将图片拖入区域中,会生成图片的URL,这就是链接地址。
加入「fork me on github」
这里有 github 给出的教程,把代码插入到任意一个全局的模板文件中就行,比如layout.ejs
的末尾。
bug:「warning: LF will be replaced by CRLF」
在hexo deploy
时,有时会出现这个提示信息warning: LF will be replaced by CRLF
,虽然看起来挺乱糟糟的,但不影响使用,可以忽略不计。若想不提示,可以使用如下方法:
- 切换到博客的根目录,执行如下命令:
git config --global core.autocrlf false
- 删除掉该目录下的
.git
文件夹(可能是隐藏的),命令:rm -rf .git
- 重新
git init
。
再deploy试试吧,清新脱俗了。
bug:hexo deploy
没反应
好多网友遇到过这个问题,目前来看,主要问题出在config.yml的deploy配置上。注意缩进,同时注意冒号后面要有一个空格。
bug:hexo update -g
升级错误,hexo命令失效
我升级时遇到了这个问题,原因不详。这种情况下,可执行npm install -g hexo
重新安装一遍hexo,效果跟升级一样。各版本所做更新修正,请参考这里。
bug:搜索框进行搜索:没有结果
点击搜索后进入的google页面,搜索框里面是不是显示「site:yoursite.com」,这说明有个地方没有设置,请随我来:
打开根目录下的config文件,第15行,url:
,自觉填上吧。
bug:代码块中不显示行号
hexo 的作者已经提示过了,使用四个空格的方式标志代码块的确没行号,需要行号的要使用反引号的方式。
文件结构
最后,贴上文件结构的截图,供大家参考。
![source目录](http://zipperary.com/img/source.png)