博客搭建（5）：第一篇文章

文章的创建

1.可以使用指令创建hexo new “文章标题”会在\source_posts目录下面创建文章
2.可以手动创建txt文件修改后缀创建
3.可以先在\source文件夹下创建子文件夹，然后再创建文章，方便管理

文章格式

顶部为Front-matter部分

详细介绍为

Front-matter 选项中的所有内容均为非必填的。但仍然建议至少填写 title 和 date 的值。

配置选项	默认值	描述
title	Markdown 的文件标题	文章标题，强烈建议填写此选项
date	文件创建时的日期时间	发布时间，强烈建议填写此选项，且最好保证全局唯一
author	根 `_config.yml` 中的 author	文章作者
img	featureImages 中的某个值	文章特征图，推荐使用图床(腾讯云、七牛云、又拍云等)来做图片的路径。如: `http://xxx.com/xxx.jpg`
top	true	推荐文章（文章是否置顶），如果 `top` 值为 `true`，则会作为首页推荐文章
hide	false	隐藏文章，如果 `hide` 值为 `true`，则文章不会在首页显示
cover	false	v1.0.2版本新增，表示该文章是否需要加入到首页轮播封面中
coverImg	无	v1.0.2版本新增，表示该文章在首页轮播封面需要显示的图片路径，如果没有，则默认使用文章的特色图片
password	无	文章阅读密码，如果要对文章设置阅读验证密码的话，就可以设置 `password` 的值，该值必须是用 SHA256 加密后的密码，防止被他人识破。前提是在主题的 `config.yml` 中激活了 `verifyPassword` 选项
toc	true	是否开启 TOC，可以针对某篇文章单独关闭 TOC 的功能。前提是在主题的 `config.yml` 中激活了 `toc` 选项
mathjax	false	是否开启数学公式支持，本文章是否开启 `mathjax`，且需要在主题的 `_config.yml` 文件中也需要开启才行
summary	无	文章摘要，自定义的文章摘要内容，如果这个属性有值，文章卡片摘要就显示这段文字，否则程序会自动截取文章的部分内容作为摘要
categories	无	文章分类，本主题的分类表示宏观上大的分类，只建议一篇文章一个分类
tags	无	文章标签，一篇文章可以多个标签
keywords	文章标题	文章关键字，SEO 时需要
reprintPolicy	cc_by	文章转载规则，可以是 `cc_by`, `cc_by_nd`, `cc_by_sa`, `cc_by_nc`, `cc_by_nc_nd`, `cc_by_nc_sa`, `cc0`, `noreprint` 或 `pay` 中的一个

注意:
如果 img 属性不填写的话，文章特色图会根据文章标题的 hashcode 的值取余，然后选取主题中对应的特色图片，从而达到让所有文章的特色图各有特色。
date 的值尽量保证每篇文章是唯一的，因为本主题中 Gitalk 和 Gitment 识别 id 是通过 date 的值来作为唯一标识的。
如果要对文章设置阅读验证密码的功能，不仅要在 Front-matter 中设置采用了 SHA256 加密的 password 的值，还需要在主题的 _config.yml 中激活了配置。有些在线的 SHA256 加密的地址，可供你使用：开源中国在线工具、chahuo、站长工具。
您可以在文章md文件的 front-matter 中指定 reprintPolicy 来给单个文章配置转载规则
以下为文章的 Front-matter 示例。

最简示例

---
title: typora-vue-theme主题介绍
date: 2018-09-07 09:25:00
---

最全示例

---
title: typora-vue-theme主题介绍
date: 2018-09-07 09:25:00
author: 赵奇
img: /source/images/xxx.jpg
top: true
hide: false
cover: true
coverImg: /images/1.jpg
password: 8d969eef6ecad3c29a3a629280e686cf0c3f5d5a86aff3ca12020c923adc6c92
toc: false
mathjax: false
summary: 这是你自定义的文章摘要内容，如果这个属性有值，文章卡片摘要就显示这段文字，否则程序会自动截取文章的部分内容作为摘要
categories: Markdown
tags:
  - Typora
  - Markdown
---

正文部分

正常直接写即可，存在一些特殊的格式，下面我总结了常用的部分

标题

# 一级标题（类似书籍章节名）
## 二级标题（类似章节下的子节）
### 三级标题（具体内容模块）
···

特殊文字

*斜体文字* 或 _斜体文字_  
**重点强调** 或 __重要内容__  
***兼具强调与倾斜***  
~~原价：¥999 促销价：¥599~~  
`print("Hello World")`

列表

- 水果
  - 苹果
  - 香蕉
  - 橙子
    - 脐橙
    - 血橙

1. 步骤一
2. 步骤二
3. 步骤三

超链接

访问 [GitHub官网](https://github.com)

图片

![图片](https://blog.yonghengdecheng.top/about#lg=1&slide=0) 
或
![图片](/images/.../.jpg) //本地地址，在source目录下创建images文件夹内

引用

> "Stay hungry, stay foolish."  
> —— Steve Jobs

> 多级引用示例
>> 第二层引用
>>> 第三层引用

表格

| 姓名    | 年龄 | 职业       |
|---------|------|------------|
| 张三    | 28   | 软件工程师 |
| 李四    | 32   | 产品经理   |
| 王五    | 25   | UI设计师   |

代码块

```javascript
function greet(name) {
  console.log(`Hello, ${name}!`);
}
greet("World");
```

任务

- [x] 完成项目提案
- [ ] 召开需求评审会议
- [ ] 开发原型系统

数学公式

质能方程：$E=mc^2$
积分公式：
$$
\int_{a}^{b} x^2 dx = \left. \frac{x^3}{3} \right|_{a}^{b}
$$

常见问题与注意事项

1.frontmatter部分

---
---

这两个后面不能有空格，不能有空格，不能有空格
2.注意冒号后面以及标题后面需要有空格，可以根据vscode自动变色来检验
3.调用图片时，![](), ！不能少,[]中可以不写东西
4.代码块调用代码块，外层代码块需要多一个`,同理，特殊文字中一对的``也是

5.文章内标题可以有好多级，1级标题目录默认没有，从2级开始可以通过目录快速跳转，所以推荐文章内开头1级标题重复文章标题，文章正文用2级标题起分类