hexo博客用法说明

学习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/ "示例链接")
方法二:<链接地址>
例如:<https://www.example.com/>

图片,新建的images文件夹,保存所有图片:

/仓库名/images/图片名

空格

&emsp;&emsp;

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,这样不需要渲染数学公式的页面的访问速度就不会受到影响了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值