hexo博客用法说明

学习hexo博客使用方法 (该标志在首页只显示之前的部分)
1.生成新的文档:进入blog目录,点击右键打开Git Bash Here,输入

hexo new "hexo博客用法说明"

INFOCreated: F:\Gosrc\src\blog\source\_posts\hexo博客用法说明.md

2.编辑器编辑:进入生成的目录,打开md文件进行编辑,我使用Goland自带的插件Markdown进行编辑,如果没有合适的可以选择下载MarkdownPad 2进行编辑.
3.标签及目录设置:打开看到头部已经生成具体模板,包括title题目,date时间,我自己添加了标签和目录,用法:
tags: - hexo博客 categories: - hexo博客系列

4.markdown语法:在—下进行正文书写,使用markdown语法,具体示例,
标题:
# 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题

字体:
*斜体* **粗体** ***加粗斜体*** ~~删除线~~

引用
> 文字引用

代码:
`行内代码` 三个` 表示多行代码

公式:
打开Online LaTex Equation 编辑自己的公式,使用^来表示上标,_来表示下标,同时如果上下标的内容多于一个字符,可以使用{}来将这些内容括起来当做一个整体。(),[]和|都表示它们自己,但是{}因为有特殊作用因此当需要显示大括号时一般使用\lbrace \rbrace来表示。分数使用\frac{分母}{分子}这样的语法,不过推荐使用\cfrac来代替\frac,显示公式不会太挤。开方使用\sqrt[次数]{被开方数}这样的语法.
http://latex.codecogs.com/eqneditor/editor.php
$$ 数学公式 $$

分割线:
... +++ ***

列表:
1. 有序列表项* 无序列表项+ 无序列表项- 无序列表项

表格:
表头1|表头2 -|- 内容11|内容12 内容21|内容22

超链接:
方法一:[链接文字](链接地址 "链接描述") 例如:[示例链接](https://www.example.com/ "示例链接") 方法二:<链接地址> 例如:

图片,新建的images文件夹,保存所有图片:
/仓库名/images/图片名

空格
   

5.文章在本地显示:
hexo s

6.文章发布:
hexo g -d

7.如果需要重新编译静态资源文件
hexo clean hexo g

8.使用数学公式安装插件:
更换Hexo的默认的hexo-renderer-marked渲染引擎,改为hexo-renderer-kramed。在终端输入命令如下:
npm uninstall hexo-renderer-marked npm install hexo-renderer-kramed --save

开启NexT主题的Mathjax的开关,进入到主题目录,找到 _config.yml ,将Mathjax enable false改为true
博客根目录下,找到node_modules\kramed\lib\rules\inline.js,把第11行的 escape 变量的值做相应的修改:
//escape: /^\\([\\`*{}\[\]()#$+\-.!_>])/, escape: /^\\([`*\[\]()#$+\-.!_>])/,

这一步是在原基础上取消了对,{,}的转义(escape)。 同时把第20行的em变量也要做相应的修改。
//em: /^\b_((?:__|[\s\S])+?)_\b|^\*((?:\*\*|[\s\S])+?)\*(?!\*)/, em: /^\*((?:\*\*|[\s\S])+?)\*(?!\*)/,

重新启动hexo(先clean再generate),问题完美解决。还需要在文章的Front-matter里打开mathjax开关,如下:
title: index.html date: 2018-07-05 12:01:30 tags: mathjax: true

【hexo博客用法说明】之所以要在文章头里设置开关,是因为考虑只有在用到公式的页面才加载 Mathjax,这样不需要渲染数学公式的页面的访问速度就不会受到影响了。

    推荐阅读