先找到next的config的配置文件，找到如下，将mathjax设置为true。

1
2
3
4
5

# MathJax Support
mathjax:
  enable: true(原来为false)
  per_page: false（这个是询问是否每篇文章都打开，如果选择false则全部打开，不然就要在文章中手动打开）
  cdn: //cdn.bootcss.com/mathjax/2.7.1/latest.js?config=TeX-AMS-MML_HTMLorMML

$$\lim_{n \rightarrow +\infty} \frac{1}{n(n+1)}$$

$$\left( \dfrac {1}{2}-2x\right) ^{2}$$

$$f\left( x\right) =2x^{2}+2x+1$$

网址：http://webdemo.myscript.com/views/math.html#/demo/equation

1、修改作者头像为圆形并旋转

打开 \themes\next\source\css\_common\components\sidebar\sidebar-author.styl，在里面添加如下代码：

阅读量

由于busuanzi(不蒜子)的网址更新,导致了使用Hexo Next主题时统计浏览数失效.

不蒜子官网:http://ibruce.info/2015/04/04/busuanzi/

解决方法:

到hexo的themes文件夹下, 进入

1

\themes\next\layout_third-party\analytics

打开: busuanzi-counter.swig

将

1

src=“https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js”

修改为

1

src=“https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js”

即可.

搜索功能

1、在hexo的根目录下执行命令：

1

npm install hexo-generator-searchdb --save

2、在根目录下的/theme/next/_config.yml文件中添加配置：

1
2
3
4
5

search:
  path: search.xml
  field: post
  format: html
  limit: 10000

3、在根目录下的/theme/next/_config.yml文件中搜索local_search，将enable改为true：

1
2

local_search:
  enable: true

视频教程：

由于busuanzi(不蒜子)的网址更新,导致了使用Hexo Next主题时统计浏览数失效.

不蒜子官网:http://ibruce.info/2015/04/04/busuanzi/

解决方法:

到hexo的themes文件夹下, 进入

1

\themes\next\layout_third-party\analytics

打开: busuanzi-counter.swig

将

1

src=“https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js”

修改为

1

src=“https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js”

即可.

我的视频测试文章

代码如下：

1
2
3
4
5
6
7
8

{% raw %}

<div style="position: relative; width: 100%; height: 0; padding-bottom: 75%;">
    <iframe src="//player.bilibili.com/player.html?aid=76306723&cid=130524568&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;">
    </iframe>
</div>

{% endraw %}

效果如下：

在前面的课程中，我们已经成功搭建了我们的blog，并将它放到了github通过域名进行访问，今天我们来学习一下如何用Markdown来写文章。

首先简要介绍一下什么是Markdown：

• Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。

• Markdown 语言在 2004 由约翰·格鲁伯（英语：John Gruber）创建。

• Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。

• Markdown 编写的文档后缀为 .md, .markdown。

1.Markdown标题

我们使用#号来标记我们的标题,一共有六级标题,分别对应1到6个#号,如下

1
2
3
4
5
6

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

对应显示效果如下

2、Markdown段落

（1）字体

Markdown支持显示以下几种字体

1
2
3
4
5
6

*斜体文本*
_斜体文本_
**粗体文本**
__粗体文本__
***粗斜体文本***
___粗斜体文本___

对应显示效果如下：

（2）分隔线

我们使用三个以上减号来建立分隔线

1

------ 分隔线

显示效果如下

（3）删除线

删除线只需要在文字两端加上双波浪线即可~~

1

~~HELLO~~

显示效果如下
HELLO

（4）下划线

1

<u>下划线</u>

显示效果如下

下划线

3、Markdown列表

列表分为有序列表和无序列表

1、无序列表如下所示（注意后面加一个空格）

1
2
3

- 第一项
- 第二项
- 第三项

显示效果如下

• 第一项
• 第二项
• 第三项

2、有序列表如下所示（注意后面加一个空格）

1
2
3

1. 第一项
2. 第二项
3. 第三项

显示效果如下

1. 第一项
2. 第二项
3. 第三项

3、列表嵌套用法

1
2
3
4
5
6

1. 第一项：
    - 第一项嵌套的第一个元素
    - 第一项嵌套的第二个元素
2. 第二项：
    - 第二项嵌套的第一个元素
    - 第二项嵌套的第二个元素

显示效果如下

1. 第一项：
   • 第一项嵌套的第一个元素
   • 第一项嵌套的第二个元素
2. 第二项：
   • 第二项嵌套的第一个元素
   • 第二项嵌套的第二个元素

4、Markdown引用

1

> 引用的一段话，这里演示用。

显示效果如下

引用的一段话，这里演示用。

5、Markdown代码

（1）、代码

1

`printf()`

显示效果如下
printf()

（2）、代码段

输入如下：

显示效果如下：

1
2
3

function test() {
	console.log("Hello world!");
}

6、Markdown链接

如下所示输入超链接

1

[百度](https://www.baidu.com)

显示效果如下（可点击跳转百度）
百度

7、Markdown表格

实例如下：

1
2
3
4

| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

显示效果如下：

8、Markdown图片

插入图片我们需要先上传到图床网站获取链接，然后再插入图片链接，具体操作如下：

1. 我们首先打开网站https://imgchr.com/

2. 点击开始上传，上传一张我们想要的图

3. 上传好了我们找到下面Markdown Code并复制
   

4. 将复制的链接粘贴过来

1

[![MZ53S1.md.jpg](https://s2.ax1x.com/2019/11/08/MZ53S1.md.jpg)](https://imgchr.com/i/MZ53S1)

显示成功如下

这是一些基本的用法,学会了这些我们就可以写一些基本的文章来记录自己的日常啦~

大家好，这是我的第一个博客，多谢关注！

Quick Start

Create a new post

1

$ hexo new "My New Post"

More info: Writing

Run server

1

$ hexo server

More info: Server

Generate static files

1

$ hexo generate

More info: Generating

Deploy to remote sites

1

$ hexo deploy

More info: Deployment