继续前面的 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
说明：遇到不懂的还是得多看文档
