为Hexo 安装主题

继续前面的 GitHub搭建免费Hexo博客接下来我们为Blog安装主题，下面有一些不错的主题推荐:

• pure ★★ ★ ★ ★ 站点预览
• edinburgh ★ ★ ★ ★ 首页图片展示形式 Demo预览
• magnetic ★ ★ ★ ★ 首页图片展示形式 Demo预览
• cover ★ ★ ★ ★ 站点预览
• TKL ★ ★ ★ ★ 站点预览

下面以pure主题为例

1. 安装主题

打开terminal cd命令切换到hexo目录 /Users/7th/Documents/Blog (这是我的本地hexo安装目录)

下面代码的意思是下载 pure主题到 theme文件夹下

git clone https://github.com/cofess/hexo-theme-pure.git themes/pure

然后 (用文本编辑器)打开 Blog目录下的 _config.yml ，修改theme那行为 theme: pure

这样就启用了 pure主题

2. 安装插件，修改配置

虽然主题成功启用了，但是还得需要插件的支持
命令行切换到hexo博客根目录，安装下面插件

hexo-wordcount 字数统计

npm install hexo-wordcount --save

hexo-generator-json-content

npm install hexo-generator-json-content --save

hexo-generator-feed

npm install hexo-generator-feed --save

hexo-generator-sitemap

npm install hexo-generator-sitemap --save

hexo-generator-baidu-sitemap

npm install hexo-generator-baidu-sitemap --save

hexo-neat

npm install hexo-neat --save

配置文件_config.yml中添加

# hexo-neat
neat_enable: true
neat_html:
  enable: true
  exclude:  
neat_css:
  enable: true
  exclude:
    - '*.min.css'
neat_js:
  enable: true
  mangle: true
  output:
  compress:
  exclude:
    - '*.min.js' 

hexo-baidu-url-submit 百度搜索引擎收录

npm install hexo-baidu-url-submit --save

这样插件也安装成功了～

3.同步本地Hexo到Github

在本地博客目录执行以下命令：

hexo clean  // clean本地项目，防止缓存
hexo g      // 根据你编辑的md格式的博客，生成静态网页
hexo d      // 将本地博客发布到github

然后，在浏览器地址栏输入yourusername.github.io就可以访问你的博客了，别人也可以通过这个地址访问你的博客。

4. 其他配置

数学公式

Hexo默认使用"hexo-renderer-marked"引擎渲染网页，该引擎会把一些特殊的markdown符号转换为相应的html标签

解决方案有很多，可以网上搜下，为了节省大家的时间，这里只提供亲身测试过的方法。更换Hexo的markdown渲染引擎，hexo-renderer-markdown-it-plus引擎替换默认的渲染引擎hexo-renderer-marked即可。

安装hexo-renderer-markdown-it-plus插件

npm un hexo-renderer-marked --save
npm i hexo-renderer-markdown-it-plus --save

配置文件_config.yml中添加

markdown_it_plus:
  highlight: true
  html: true
  xhtmlOut: true
  breaks: true
  langPrefix:
  linkify: true
  typographer:
  quotes: “”‘’
  plugins:
    - plugin:
        name: markdown-it-katex
        enable: true
    - plugin:
        name: markdown-it-mark
        enable: false  

文章启用mathjax

title: Hello World
mathjax: true

说明：遇到不懂的还是得多看文档