这里是一篇Ganace记录的如何写markdown格式文章，放入GitHub Page Blog”posts”文件夹中的文章。

markdown文件头

• layout: post

  这里不能做修改.

• title

  这是文章的标题，格式：title: 关于博客

• author

  这是文章的作者，默认是网站的作者，格式：author: Ganace.

• date

  这是文章写作或者发布时间，格式如： date: 2017-09-20 or data: 2017-09-20 17:18:35

• categories

  这是文章隶属的类目名称，格式如： categories: Ganace, categories: Ganace-post

  如果要把一篇文章放入多个类目，只要把类目之间空格就可以了。

• tags (可选)

  这是文章的标签，可选，格式如： tags: [PHP, CURL].

• mathjax (可选)

  选择是否启用mathjax，true为启用，否则禁用，格式如： mathjax: true

• update (可选)

  文章的更新时间，可选，格式如 update: 2017-09-21

• comment (可选)

  选择是否启用评论，true为启用，否则禁用，格式如： comment: true

• published (可选)

  选择是否发布，格式如： published: true

markdown文件内容

可以使用所有markdown格式的内容

链接\图片\代码

链接

链接

链接

[链接](https://ganace.gitee.io/)
[链接](https://ganace.gitee.io/)

图片

![Screenshot](https://i0.hdslb.com/bfs/archive/22650682fd25a4a5aa96dd9ef53190c6b8d54912.png)
![image][pic0]
[pic0]:data:image/png;base64,……
![布偶猫](https://ganace.gitee.io/assets/postfile/202009/cat.jpg)
![布偶猫](https://ganace.gitee.io/assets/postfile/202009/cat.jpg)

代码

输出双大括号

{{ message }}

{％raw％}
  {{  message  }}
{％endraw％}

％替换成%

代码

输出双大括号

{{ message }}

{％raw％}
  {{  message  }}
{％endraw％}

％替换成%

代码

~~~javascript
console.log('Ganace');
~~~

```ruby
console.log('Ganace');
```

document.getElementById("myBtn").addEventListener("click", displayDate);
```js
document.getElementById("myBtn").addEventListener("click", displayDate);
```

<?php
echo "Hello World!";
?>
```php
<?php
echo "Hello World!";
?>
```

SELECT COUNT(*) FROM tablename
```sql
SELECT COUNT(*) FROM tablename
```

<form action="form_action.asp" method="get">
  First name: <input type="text" name="fname" />
  Last name: <input type="text" name="lname" />
  <input type="submit" value="Submit" />
</form>
```html
<form action="form_action.asp" method="get">
  First name: <input type="text" name="fname" />
  Last name: <input type="text" name="lname" />
  <input type="submit" value="Submit" />
</form>
```
```xml
<form action="form_action.asp" method="get">
  First name: <input type="text" name="fname" />
  Last name: <input type="text" name="lname" />
  <input type="submit" value="Submit" />
</form>
```

标题

标题1

标题2

标题3

标题4

标题5

标题6

# 标题1
## 标题2
### 标题3
#### 标题4
##### 标题5
###### 标题6

分行

第一行 北冥有鱼，其名为鲲。鲲之大，不知其几千里也；化而为鸟，其名为鹏。鹏之背，不知其几千里也；怒而飞，其翼若垂天之云。是鸟也，海运则将徙于南冥。南冥者，天池也。《齐谐》者，志怪者也。《谐》之言曰：“鹏之徙于南冥也，水击三千里，抟扶摇而上者九万里，去以六月息者也。”

第二行 野马也，尘埃也，生物之以息相吹也。天之苍苍，其正色邪？其远而无所至极邪？其视下也，亦若是则已矣。且夫水之积也不厚，则其负大舟也无力。覆杯水于坳堂之上，则芥为之舟，置杯焉则胶，水浅而舟大也。

第一行 北冥有鱼，……

第二行 野马也，尘埃也，……

添加类名\引用\标注

添加类名

hello

{: .my-class}
hello

引用

北冥有鱼，其名为鲲。¹

北冥有鱼，其名为鲲。[^1]

[^1]:
    庄子，《逍遥游》

标注

到头来，依旧是风尘骯髒违心愿。^{按：骯，口朗切，仄声，音慷。骯髒，义即不屈}好一似，无瑕美玉遭泥陷；又何须，王孙公子叹无缘？

到头来，依旧是风尘骯髒违心愿。**<sup>按：骯，口朗切，仄声，音慷。骯髒，义即不屈</sup>**好一似，无瑕美玉遭泥陷；又何须，王孙公子叹无缘？