开心六月综合激情婷婷|欧美精品成人动漫二区|国产中文字幕综合色|亚洲人在线成视频

在利用 Hexo 框架搭建一個(gè)屬于我們自己的博客網(wǎng)站后，下面我們就來(lái)談?wù)勗鯓釉诰W(wǎng)站上書寫我們的第一篇博客吧

一、創(chuàng)建文章

在站點(diǎn)文件夾中打開 git bash，輸入如下命令創(chuàng)建文章，其中 title 為文章的標(biāo)題

$ hexo new "title"

當(dāng)輸入命令后，就會(huì)在 source/_post 文件夾下創(chuàng)建一個(gè)文件，命名為：title.md

這個(gè)文件就是將要發(fā)布到網(wǎng)站上的原始文件，用于記錄文章內(nèi)容

下面，我們將要在這個(gè)文件中寫下我們的第一篇博客

二、編寫文章（基于 Markdown）

1、Markdown 簡(jiǎn)介

但是，在我們正式寫下第一個(gè)文字前，我們需要了解一下究竟什么是 Markdown？

Markdown 是一種可以使用普通文本編輯器編寫的 標(biāo)記語(yǔ)言，通過(guò)簡(jiǎn)單的 標(biāo)記語(yǔ)法，它可以使普通文本內(nèi)容具有一定的格式

基于 Markdown 語(yǔ)法的簡(jiǎn)潔性，它已經(jīng)成為目前世界上最流行的用于書寫博客的語(yǔ)言

2、Markdown 語(yǔ)法

在編寫 Markdown 時(shí)，博主強(qiáng)烈的推薦給大家一款簡(jiǎn)潔易用的 Markdown 編輯器 —— Typora

按照官方的說(shuō)法就是 簡(jiǎn)單而強(qiáng)大，它不僅支持原生的語(yǔ)法，也支持對(duì)應(yīng)的快捷鍵，更重要的是它還可以 實(shí)時(shí)預(yù)覽

這里附上 Typora 的下載地址：https://www.typora.io/，有興趣的朋友可以下載來(lái)試試

好，下面開始進(jìn)入正題，介紹一些常用的 Markdown 語(yǔ)法

（1）標(biāo)題

Markdown 語(yǔ)法：

# 一級(jí)標(biāo)題## 二級(jí)標(biāo)題### 三級(jí)標(biāo)題#### 四級(jí)標(biāo)題##### 五級(jí)標(biāo)題###### 六級(jí)標(biāo)題

Typora 快捷鍵：

Ctrl+1：一級(jí)標(biāo)題

Ctrl+2：二級(jí)標(biāo)題

Ctrl+3：三級(jí)標(biāo)題

Ctrl+4：四級(jí)標(biāo)題

Ctrl+5：五級(jí)標(biāo)題

Ctrl+6 ：六級(jí)標(biāo)題

Ctrl+0：段落

（2）粗體、斜體、刪除線和下劃線

Markdown 語(yǔ)法：

*斜體***粗體*****加粗斜體***~~刪除線~~

Typora 快捷鍵：

Ctrl+I：斜體

Ctrl+B：粗體

Ctrl+U：下劃線

Alt+Shift+5：刪除線

（3）引用塊

Markdown 語(yǔ)法：

> 文字引用

Typora 快捷鍵： Ctrl+Shift+Q

（4）代碼塊

Markdown 語(yǔ)法：

`行內(nèi)代碼`?```多行代碼多行代碼?```

Typora 快捷鍵：

行內(nèi)代碼：Ctrl+Shift+`

多行代碼：Ctrl+Shift+K

（5）公式塊

Markdown 語(yǔ)法：

$$數(shù)學(xué)公式$$

Typora 快捷鍵： Ctrl+Shift+M

（6）分割線

Markdown 語(yǔ)法：

方法一：---方法二：+++方法三：***

（7）列表

Markdown 語(yǔ)法：

1. 有序列表項(xiàng)* 無(wú)序列表項(xiàng)+ 無(wú)序列表項(xiàng)- 無(wú)序列表項(xiàng)

Typora 快捷鍵：

有序列表項(xiàng)：Ctrl+Shift+[

無(wú)序列表項(xiàng)：Ctrl+Shift+]

（8）表格

Markdown 語(yǔ)法：

表頭1|表頭2-|-|-內(nèi)容11|內(nèi)容12內(nèi)容21|內(nèi)容22

Typora 快捷鍵： Ctrl+T

（9）超鏈接

Markdown語(yǔ)法：

方法一：[鏈接文字](鏈接地址 "鏈接描述")例如：[示例鏈接](https://www.example.com/ "示例鏈接")方法二：<鏈接地址>例如：<https://www.example.com/>

Typora快捷鍵： Ctrl+K

（10）圖片

Markdown語(yǔ)法：

![圖片文字](圖片地址 "圖片描述")例如：![示例圖片](https://www.example.com/example.PNG "示例圖片")

Typora快捷鍵： Ctrl+Shift+I

說(shuō)明：在 Hexo中 插入圖片時(shí)，請(qǐng)按照以下的步驟進(jìn)行設(shè)置

1. 將 站點(diǎn)配置文件 中的 post_asset_folde 選項(xiàng)的值設(shè)置為 true

2. 在站點(diǎn)文件夾中打開 git bash，輸入命令 npm install hexo-asset-image --save 安裝插件

3. 這樣，當(dāng)使用 hexo new title 創(chuàng)建文章時(shí)，將同時(shí)在 source/_post 文件夾中生成一個(gè)與 title 同名的文件夾，我們只需將圖片放進(jìn)此文件夾中，然后在文章中通過(guò) Markdown 語(yǔ)法進(jìn)行引用即可

   例如，在資源文件夾（就是那個(gè)與 title 同名的文件夾）中添加圖片 example.PNG，則可以在對(duì)應(yīng)的文章中使用語(yǔ)句 ![示例圖片](title/example.PNG "示例圖片") 添加圖片

3、高級(jí)設(shè)置

（1）模板設(shè)置

當(dāng)我們使用命令 hexo new "title" 創(chuàng)建文章時(shí)，Hexo 會(huì)根據(jù) /scaffolds/post.md 對(duì)新文章進(jìn)行初始化

換言之，/scaffolds/post.md 就是新文章的 模板，所以我們可以修改它來(lái)適應(yīng)自己的寫作習(xí)慣

一個(gè)簡(jiǎn)單的示例如下：

title: {{ title }}date: {{ date }}tags: categories: 

（2）頭部設(shè)置

在每篇利用 Hexo 創(chuàng)建的文章的開頭，都會(huì)有對(duì)文章進(jìn)行說(shuō)明的文字，叫做 文章頭部

文章的頭部除了可以設(shè)置文章標(biāo)題、發(fā)布日期等基礎(chǔ)信息外，還可以為文章添加標(biāo)簽、分類等

一個(gè)簡(jiǎn)單的示例如下：

title: Titledate: YYYY-MM-DD HH:MM:SStags: [tag1, tag2, ...]categories: category

注意：屬性和屬性值之間必須有一個(gè)空格，否則會(huì)解析錯(cuò)誤

（3）首頁(yè)顯示

在利用 Hexo 框架搭建的博客網(wǎng)站中，首頁(yè)會(huì)顯示文章的內(nèi)容，且默認(rèn)顯示文章的全部?jī)?nèi)容

如果當(dāng)文章太長(zhǎng)的時(shí)候就會(huì)顯得十分冗余，所以我們有必要對(duì)其進(jìn)行精簡(jiǎn)

這時(shí)，我們只需在文章中使用 <!--more--> 標(biāo)志即可，表示只會(huì)顯示標(biāo)志前面的內(nèi)容

三、部署發(fā)布

在站點(diǎn)文件夾中打開 git bash，輸入如下命令部署和發(fā)布文章

$ hexo g -d

建議：在使用 hexo g 部署之后，可以先使用 hexo s 運(yùn)行本地站點(diǎn)，然后在瀏覽器輸入地址 http://lacolhost:4000/ 查看運(yùn)行結(jié)果，檢查無(wú)誤后再使用 hexo d 發(fā)布

【Hexo系列相關(guān)文章】

• Hexo系列(一) 搭建博客網(wǎng)站

• Hexo系列(二) 配置文件詳解

• Hexo系列(三) 常用命令詳解

• Hexo系列(四) NexT主題配置

• Hexo系列(五) 撰寫文章