Hexo博客教程(二)| 如何写作新文章并发布

2020-07-16 11:05:27 浏览数 (1)

创建新文章

在网站根目录下打开命令行,使用如下命令创建新文章:

代码语言:javascript复制
hexo new <title>

执行该命令,Hexo会在/source/_posts目录下创建一篇新的文章:

接下来在这篇文章里使用 MarkDown 语法编写文章即可。

Front-matter

打开 Hexo 创建的文章可以看到,文章开头有这样一段:

这个使用---包括起来的内容称之为Front-matter,即前置信息,用于给 Hexo 渲染该 md 文档,除了这三项,还有很多的配置项可以自己添加:

配置项

意义

title

网页文章标题

date

文章创建如期

comments

文章评论功能是否启动

tags

文章标签

categories

文章分类

keywords

文章关键字

这里我用一张图来说明如何使用:

Markdown内容

Hexo 支持大多数的 MD 语法,如果对MD语法还不熟悉,可以查看该教程:

  • 菜鸟教程-Markdown 教程

https://www.runoob.com/markdown/md-tutorial.html

这里我编写一些简单的内容,作为测试使用:

代码语言:javascript复制
# 一级标题

代码测试:
```py
print("Hello")
```

注意:这里因为我放在md文件中的,所以加上了,不解析```,实际测试时请去掉。

图片测试:

![](http://mculover666.cn/blog/20191031/R4mWMXsrRKxu.png?imageslim)

引用测试:

>这是一条引用

## 二级标题

无序列表测试:

- 哈哈
- 嘿嘿
- 吼吼

### 三级标题

#### 四级标题

生成文章

文章写好之后,首先清除掉旧的数据:

代码语言:javascript复制
hexo clean

这个命令会清除掉之前生成的网页,即站点根目录下的public文件夹:

然后使用如下命令生成新的页面:

代码语言:javascript复制
hexo g

这个命令会将source文件夹下所有的md文件进行渲染,生成HTML页面,存放在public文件夹下:

特别提醒! 每次修改文章后,都要执行这两条命令,清除掉旧的数据,然后重新生成页面。

预览文章

重新生成页面后,我们可以在本地开启服务器,预览一下文章是否满意:

代码语言:javascript复制
hexo s

好啦,今天的教程就到这儿,快去上手试试吧~

0 人点赞