学习hexo博客使用方法 (该标志在首页只显示之前的部分)
1.生成新的文档:进入blog目录,点击右键打开Git Bash Here,输入
hexo new "hexo博客用法说明"
INFO Created: 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
之所以要在文章头里设置开关,是因为考虑只有在用到公式的页面才加载 Mathjax,这样不需要渲染数学公式的页面的访问速度就不会受到影响了。