【最详细的Hexo教程,没有之一】02 - 创建新文章并生成页面

mac2026-06-04  5

专栏回顾

【最详细的Hexo教程,没有之一】01 - 本地建立 Hexo 站点

创建新文章

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

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 教程

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

# 一级标题 代码测试: \```py print("Hello") \``` 注意:这里因为我放在md文件中的,所以加上了\,不解析```,实际测试时请去掉\。 图片测试: ![](http://mculover666.cn/blog/20191031/R4mWMXsrRKxu.png?imageslim) 引用测试: >这是一条引用 ## 二级标题 无序列表测试: - 哈哈 - 嘿嘿 - 吼吼 ### 三级标题 #### 四级标题

生成文章

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

hexo clean

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

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

hexo g

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

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

预览文章

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

hexo s

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

更多精彩文章及资源,请关注我的微信公众号:『mculover666』。

Mculover666 认证博客专家 嵌入式软件开发 IoT全栈开发 博客专家,微信公众号mculover666,凭借与生俱来的热爱专注于嵌入式领域,在自己折腾的同时,以文字的方式分享所玩、所思、所想、所悟,作为一个技术人,我们一起前进~
最新回复(0)