hexo搭建博客及其使用

长期更新

写在前面

搭建之前要求安装node.js,git这些软件，我早就安装好了，github也有账号。因此，这篇博客并不是详细讲解搭建的过程，更多的应该是使用。事实上是从能够访问https://moluchase.github.io这一刻开始的记录的……

看之前请参考

博客的搭建与主题的自定义

参见这篇博客
hexo文档
Next主题文档

Markdowm的使用方法

推荐下面两个网站
Markdown tutorial
Markdown 简明语法手册

基本上看这些参考就够了，后面只是为了方便，而记录下来

hexo的相关使用

文章的新建 修改 上传

新建文章：hexo n "文章名"
使用hexo -s启用本地服务器，并使站点配置文件生效，可以访问http://localhost:4000/查看修改后的样式

• 如果对站点配置文件进行修改，使其在本地生效，需要重启本地服务器
• 如果对其他配置或md文件的修改，只需要刷新网站页面即可生效

当文章修改完后，上传：

hexo clean
hexo g
hexo d

解释
1.清除public使用
2.生成静态文件
3.将静态文件上传至github
此时可以通过网站访问该文章

为文章分类与设置标签

打开文章的md文件，在两个---之间添加
添加分类，如下：

categories: 
  - Hexo

添加标签，如下：

tags: 
  - Hexo
  - Markdown

Next主题个性化

语言的选择

在站点配置文件中修改language，如修改为简体中文：language: zh-Hans
重启本地服务器，使之生效。

添加页面标签

• 在根目录下新建页面

  hexo new page tags

• 新建的页面进行修改

  ---
  title: tags
  date: 2017-04-21 16:34:58
  type: "tags"
  ---

• 修改菜单
  在主题配置文件添加tag: /tags

修改代码块的颜色：修改\themes\next\source\css\ _variables\base.styl文件，加入自定义颜色,参见hexo博客搭建进阶篇

修改正文字体，修改界面大小： next/source/css/_variables/base.styl
修改正文字体大小，代码字体大小： next/source/css/_variables/custom.styl
自定义css： next/source/css/_custom/custom.styl

图片居中 [仅对网页地址有效]

<div align=center>
<img src="https://www.tensorflow.org/images/getting_started_add.png">
</div>

第三方服务

阅读次数统计
使用LeanCloud 参见 为NexT主题添加文章阅读量统计功能

来必力评论
登陆 来必力 获取你的 LiveRe UID。 编辑 主题配置文件， 编辑 livere_uid 字段，设置如下：

livere_uid: #your livere_uid

百度统计
登入 百度统计,注册后，将页面中hm.js?后面的id复制，在主题配置文件的baidu_analytics下设置

开启打赏功能
在主题配置文件中添加

reward_comment: 坚持原创技术分享，您的支持将鼓励我继续创作！
wechatpay: /path/to/wechat-reward-image
alipay: /path/to/alipay-reward-image

其中/path的上级目录是source目录

使用公式

安装hexo-math插件

$ npm install hexo-math --save

在使用的文章标签添加,如下所示

---
title: 
date: 
tags:
mathjax: true
---

关于渲染问题参见：http://2wildkids.com/2016/10/06/如何处理Hexo和MathJax的兼容问题/

错误与解决

• md文件中每个标签后都要空格，不然要么报错要么不能达到预期效果
• 配置文件中文乱码问题，用Notepad++打开，在格式下使用以UTF-8格式编码
• 本地访问和网络访问显示不一致，在git中输入hexo clean可解决

关于文中的名词

• 站点配置文件是根目录下的_config.yml文件.
• 主题配置文件主题next下的_config.yml文件.