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

专栏回顾

创建新文章

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

hexo new <title>

mark

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

mark

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

Front-matter

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

mark

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

配置项 意义
title 网页文章标题
date 文章创建如期
comments 文章评论功能是否启动
tags 文章标签
categories 文章分类
keywords 文章关键字

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

mark

扫描二维码关注公众号,回复: 8535940 查看本文章

MarkDown内容

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

mark

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

# 一级标题

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

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

图片测试:

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

引用测试:

>这是一条引用

## 二级标题

无序列表测试:

- 哈哈
- 嘿嘿
- 吼吼

### 三级标题

#### 四级标题

生成文章

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

hexo clean

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

mark

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

hexo g

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

mark

mark

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

预览文章

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

hexo s

mark

mark

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

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

发布了156 篇原创文章 · 获赞 489 · 访问量 18万+

猜你喜欢

转载自blog.csdn.net/Mculover666/article/details/102871618
今日推荐