Hexo创建、编写博客

终于用 Hexo + GitHub 搭建起了一个个人博客站点，下面介绍下如何创建和编写一个博文的。

一，配置文件命名规则和路由地址

1.可以通过 Hexo 的配置文件 _config.yml 中的 new_post_name 参数来改变默认的文件名称

Hexo 默认以标题作为文件名称:

1	new_post_name: :title.md

可以修改按照日期+title的形式，方便在目录中查看，例如：

1	new_post_name: :year-:month-:day-:title.md

当创建博客时，就会以这种格式生成Markdown文件，如这篇博客的文件名就生成 2018-09-06-write-blog.md 这种形式。

2.配置浏览器地址栏中的URL。

同样在 Hexo 的配置文件 _config.yml 中, 配置 permalink 属性，例如：

1	permalink: /blog/:year/:month/:day/:title/

当在地址栏访问时，就会如下方式呈现出来：

1	http://localhost:4000/blog/2018/09/06/write-blog/

二，创建博客

在命令行中用如下命令创建一篇新的文章

1	$ hexo new [layout] <title> #[layout]默认可省略 <title>博客的名字的

布局[ayout]	存储路径	说明
post	source/_posts	默认，可以直接发布
page	source	在source下新建一个文件夹
draft	source/_drafts	新建文件将保持到_drafts中

可以用 publish 命令将草稿移动到 source/_posts 文件夹下

1	$ hexo publish [layout] <title>

三，编写博客

打开 source/_posts 文件夹下刚创建的 Markdown 文件，你会发现有如下内容：

---
title: write-blog
copyright: true
date: 2018-09-06 11:22:16
tags:
---

title 是可以随便改的，当然了 date 也是可以改，不过没有改的必要；这里要说一下 tags 这个属性，如果需要配置多个有两种方式：

1	tags: [tag1, tag2, tag3]

或者

tags:
  - tag1
  - tag2
  - tag3

###代码块
作为IT者写的博客内容写的最多的就是代码块，里面可以写代码，或者需要全部显示在页面上的内容，格式如下：
code
由于3个”`”会被markdown转译，所以用图表示，

1. 字体

1.1 斜体和粗体

*这是斜体* 或 _这也是斜体_
**这是粗体**
***这是加粗斜体***
~~这是删除线~~

效果：
这是斜体 或 这也是斜体
这是粗体
这是加粗斜体
~~这是删除线~~

1.2 字号和颜色

如果想设置某一句的颜色或大小，只需用html语法写出来就行了

1
2
3

<font color="#FF0000"> 我可以设置这一句的颜色哈哈 </font>
<font size=3> 我还可以设置这一句的大小嘻嘻 </font>
<font size=4 color="#FF0000"> 我甚至可以设置这一句的颜色和大小呵呵</font>

效果：

我可以设置这一句的颜色
我还可以设置这一句的大小
我甚至可以设置这一句的颜色和大小

2. 分级标题，一共分6级

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

效果：
title

3. 链接

3.1 超链接

行内形式：[我的博客](https://yuguiqi.github.io/)
参考形式：[我的博客][1]，有一个很好的平台-[简书][2]
[1]:https://yuguiqi.github.io/
[2]:http://https://www.jianshu.com/u/135e4c5cf214/

效果：

行内形式：我的博客
参考形式：[我的博客][1]，有一个很好的平台-[简书][2]
[1]:https://yuguiqi.github.io/
[2]:http://https://www.jianshu.com/u/135e4c5cf214/

3.2自动链接

支持以比较简短的自动链接形式来处理网址和电子邮件信箱，只要是用方括号包起来， Markdown 就会自动把它转成链接。一般网址的链接文字就和链接地址一样，例如：

1	<https://yuguiqi.github.io/>

Markdown 会转为：

1	<a href="https://yuguiqi.github.io">https://yuguiqi.github.io</a>

https://yuguiqi.github.io/

4.列表

无序列表：
写法：

1
2
3

* 无序列表项1
+ 无序列表项2
- 无序列表项3

无序列表项1

无序列表项2

无序列表项3

有序列表：
写法：

1
2
3

1.有序列表项1
2.有序列表项2
3.有序列表项3

1.有序列表项1
2.有序列表项2
3.有序列表项3

5，插入图片

在 Hexo 中插入图片，首先在source下目录下创建images 文件夹，需要将图片放在images文件下，图片会生成到public下的images目录下
按照博客的路径生产规则，找到图片相对路径，然后如下方式进行插入：

1	![](../../../../../images/mac.png)

效果：

6，表格

| 表头1|表头2|表头3|表头4|
|-| :- | :-: | -: |
|默认左对齐|左对齐|居中对其|右对齐|
|默认左对齐|左对齐|居中对其|右对齐|
|默认左对齐|左对齐|居中对其|右对齐|

效果：

表头1	表头2	表头3	表头4
默认左对齐	左对齐	居中对其	右对齐
默认左对齐	左对齐	居中对其	右对齐
默认左对齐	左对齐	居中对其	右对齐

四，首页显示”阅读更多”

因为在你的博客主页会有多篇文章，如果你想让你的文章只显示一部分，多余的可以点击阅读全文来查看，那么你需要在你的文章中添加

1	<!--more-->

其后面的部分就不会显示了，只能点击阅读全文才能看

一， 配置文件命名规则和路由地址