hexo系列教程:(五)hexo博客的优化技巧续

继续介绍hexo博客的优化和使用。

添加RSS

hexo提供了RSS的生成插件,需要手动安装和设置。步骤如下:

  1. 安装RSS插件到本地:npm install hexo-generator-feed
  2. 开启RSS功能:编辑hexo/_config.yml,添加如下代码:
1
2
plugins:
- hexo-generator-feed
  1. 在站点添加链接:
    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类似。

  1. 安装sitemap到本地:npm install hexo-generator-sitemap
  2. 开启sitemap功能:编辑hexo/_config.yml,添加如下代码:
1
2
plugins:
- hexo-generator-sitemap
  1. 访问zipperary/sitemap.xml即可看到站点地图。不过,sitemap的初衷是给搜索引擎看的,为了提高搜索引擎对自己站点的收录效果,我们最好手动到google和百度等搜索引擎提交sitemap.xml。

设置百度统计、Google Analytics


百度统计Google Analytics(可能需要穿墙)注册账号、添加网站地址即可,很简单,不详述了。需要注意的是,设置好之后数据要过几个小时才能出现,不用着急。

购买域名、设置DNS

参考之前的这篇博客购买域名、设置DNS

文章中插入图片

使用markdown写文章,插入图片的格式为![图片名称](链接地址),这里要说的是链接地址怎么写。对于hexo,有两种方式:

  1. 使用本地路径:在hexo/source目录下新建一个img文件夹,将图片放入该文件夹下,插入图片时链接即为/img/图片名称
  2. 使用微博图床,地址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,虽然看起来挺乱糟糟的,但不影响使用,可以忽略不计。若想不提示,可以使用如下方法:

  1. 切换到博客的根目录,执行如下命令:git config --global core.autocrlf false
  2. 删除掉该目录下的.git文件夹(可能是隐藏的),命令:rm -rf .git
  3. 重新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 的作者已经提示过了,使用四个空格的方式标志代码块的确没行号,需要行号的要使用反引号的方式。

文件结构

最后,贴上文件结构的截图,供大家参考。

hexo根目录

source目录


爱打卡-100days-第6天-1111