上一篇博文?《利用Hexo搭建個(gè)人博客－環(huán)境搭建篇》?中，我們講解了利用Hexo搭建個(gè)人博客應(yīng)該要配置哪些環(huán)境。
相信大家已經(jīng)迫不及待的想要知道接下來(lái)應(yīng)該要怎么把自己的博客搭起來(lái)了，下面，讓我們一起見(jiàn)證這奇跡的時(shí)刻。

?

1 初始化博客

首先，我們需要按照下面的步驟進(jìn)行博客的初始化：

1>?創(chuàng)建一個(gè)hexo-blog文件夾，當(dāng)然你也可以命名為其他名字,這里以hexo-blog為例

$ mkdir hexo-blog

?

2>?執(zhí)行以下命令，Hexo將會(huì)在目標(biāo)文件夾下建立博客需要的所有文件

$ hexo init

這個(gè)時(shí)候終端會(huì)輸出

INFO Copying data to ~/Documents/workspace/git/hexo-blog INFO You are almost done! Don't forget to run 'npm install' before you start blogging with Hexo!?

同時(shí)，hexo-blog目錄下會(huì)生成以下文件:

• scaffolds : 腳手架，用于存放我們創(chuàng)建文章時(shí)的模版
• source : 用于存放我們用markdown編寫(xiě)的博文原文件、其他靜態(tài)資源文件
• themes : 用于存放主題，里面有我們博客的默認(rèn)主題landscape
• _config.yml : Hexo和站點(diǎn)的配置文件，里面可以設(shè)置博客的名字、標(biāo)題、作者、鏈接格式等相關(guān)項(xiàng)

?

3>?執(zhí)行以下命令進(jìn)行依賴(lài)包安裝

$ sudo npm install

執(zhí)行成功后，hexo-blog目錄下將會(huì)增加一個(gè)模塊

• node_modules: 關(guān)聯(lián)保存了將會(huì)使用到的hexo依賴(lài)包

?

2 配置博客

當(dāng)我們的博客初始化完成以后，接下來(lái)要做的就是對(duì)其進(jìn)行個(gè)性化的配置了.
為了讓大家更好懂，下面我就以配置博客?小學(xué)徒的成長(zhǎng)歷程?為例進(jìn)行講解。

2.1 Hexo設(shè)置

這個(gè)其實(shí)就是博客根目錄下的?_config.yml?文件，主要是對(duì)Hexo的配置以及站點(diǎn)的相關(guān)配置，下面開(kāi)始進(jìn)行分段詳細(xì)的說(shuō)明

1> 站點(diǎn)配置

1 # Site 2 title: 小學(xué)徒V的成長(zhǎng)歷程 # 網(wǎng)站標(biāo)題 3 subtitle: 挑戰(zhàn)人生無(wú)極限，攀登人生更高峰 # 網(wǎng)站子標(biāo)題 4 description: 這是一個(gè)利用Hexo搭建的博客 # 網(wǎng)站描述 5 author: 小學(xué)徒V # 網(wǎng)站作者，也就是您的名字 6 language: zh-cn # 網(wǎng)站使用的語(yǔ)言 7 timezone: # 網(wǎng)站時(shí)區(qū)。Hexo 預(yù)設(shè)使用您電腦的時(shí)區(qū)。

?

2> 網(wǎng)址配置

這個(gè)地方一般根據(jù)情況修改?url?和?root?即可。

1 # URL 2 url: http://xiaoxuetu.github.io # 博客網(wǎng)址 3 root: / # 網(wǎng)站根目錄 4 permalink: :year/:month/:day/:title/ # 文章的永久鏈接格式 :year/:month/:day/:title/ 5 permalink_defaults: # 永久鏈接中各部分的默認(rèn)值

?注意！ 如果你的網(wǎng)站存放在子目錄中，例如 http://xiaoxuetu.github.io/blog, 則將url設(shè)為http://xiaoxuetu.github.io/blog， 并且把 root 設(shè)為/blog/。

?

3> 目錄配置

這個(gè)地方一般直接取默認(rèn)值不用修改。

1 # Directory 2 source_dir: source # 資源文件夾，這個(gè)文件夾用來(lái)存放內(nèi)容，例如我們用markdown編寫(xiě)的博文 3 public_dir: public # 公共文件夾，這個(gè)文件夾用于存放生成的靜態(tài)博客文件。 4 tag_dir: tags # 標(biāo)簽文件夾 5 archive_dir: archives # 歸檔文件夾 6 category_dir: categories # 分類(lèi)文件夾 7 code_dir: downloads/code # Include code 文件夾 8 i18n_dir: :lang # 國(guó)際化（i18n）文件夾 9 skip_render: # 跳過(guò)指定文件的渲染，您可使用 glob 來(lái)配置路徑。

??

4> 文章配置

這個(gè)地方一般直接取默認(rèn)值不用修改。

1 # Writing 2 new_post_name: :title.md # 新文章的文件名稱(chēng) 3 default_layout: post # 預(yù)設(shè)布局 4 titlecase: false # 把標(biāo)題轉(zhuǎn)換為 titlecase（titlecase指的是將每個(gè)單詞首字母轉(zhuǎn)換成大寫(xiě)） 5 external_link: true # 在新標(biāo)簽中打開(kāi)鏈接 6 filename_case: 0 # 把文件名稱(chēng)轉(zhuǎn)換為 (1) 小寫(xiě)或 (2) 大寫(xiě), 0表示不變 7 render_drafts: false # 顯示草稿 8 post_asset_folder: false # 啟動(dòng) Asset 文件夾 9 relative_link: false # 把鏈接改為與根目錄的相對(duì)位址 10 future: true # 顯示未來(lái)的文章 11 highlight: # 代碼塊的設(shè)置 12 enable: true 13 line_number: true # 是否顯示行號(hào) 14 auto_detect: true # 是否自動(dòng)監(jiān)測(cè) 15 tab_replace: # 將 tab 替換成其他字符串

?

5> 分類(lèi)和標(biāo)簽配置

這個(gè)地方一般直接取默認(rèn)值不用修改。

1 # Category & Tag 2 default_category: uncategorized # 默認(rèn)分類(lèi), uncategorized表示未分類(lèi) 3 category_map: # 分類(lèi)別名 4 tag_map: # 標(biāo)簽別名

?

6> 日期 以及 時(shí)間格式 配置

Hexo 使用 Moment.js 來(lái)解析和現(xiàn)實(shí)時(shí)間，一般我們直接取默認(rèn)值不用修改。
如果你想修改的話(huà)，可以按照?http://momentjs.com/docs/#/displaying/format/?中定義的格式進(jìn)行修改。

1 date_format: YYYY-MM-DD # 日期格式 2 time_format: HH:mm:ss # 時(shí)間格式

?

7> 分頁(yè)配置

這個(gè)地方一般根據(jù)自己的需求修改?per_page??設(shè)置每頁(yè)顯示的文章數(shù)量即可。

1 # Pagination 2 per_page: 10 # 每頁(yè)顯示的文章量，如果設(shè)置值為0，則表示禁止分野 3 pagination_dir: page # 分頁(yè)目錄

?

8> 主題配置

一般從這里開(kāi)始，都是屬于Hexo拓展插件的配置了，下面這段是配置我們博客所要使用的主題名字，想要獲取更多的主題，可以參考：http://hexo.io/themes/

1 # Extensions 2 theme: landscape # 主題設(shè)置，默認(rèn)是 landscape

?

9> 部署配置

這一塊涉及到博客發(fā)布，將在下一篇博文中統(tǒng)一進(jìn)行講解，這里可以先不用修改配置?

1 # Deployment 2 deploy: 3 type: # 設(shè)置發(fā)布類(lèi)型，如git，rsync

2.2 主題設(shè)置

這個(gè)其實(shí)就是?themes/{主題名稱(chēng)}/_config.yml??文件了，主要是網(wǎng)站主題的一些配置，如需要顯示的菜單、開(kāi)啟的組件等等。

不同的主題，都會(huì)增加了自己的一些特別開(kāi)關(guān)，下面只以默認(rèn)主題為例進(jìn)行講解。

1> 菜單配置

這里主要是對(duì)博客顯示的菜單項(xiàng)的訪(fǎng)問(wèn)路徑進(jìn)行配置，

1 # Header 2 menu: # 菜單項(xiàng)的相關(guān)配置 3 Home: / # 配置博客的主頁(yè)路徑 4 Archives: /archives # 配置博客的歸檔路徑 5 rss: /atom.xml # 配置博客的RSS訂閱路徑

??

2> 顯示內(nèi)容配置

這里主要對(duì)博客顯示的內(nèi)容進(jìn)行設(shè)置，比如查看全文的按鈕文本顯示。

1 # Content 2 excerpt_link: 閱讀全文 # 設(shè)置查看全文的按鈕顯示文本 3 fancybox: true # 是否開(kāi)啟彈出層效果

?

3> 側(cè)邊欄配置

主要是對(duì)側(cè)邊欄展現(xiàn)進(jìn)行設(shè)置。

1 # Sidebar 2 sidebar: right # 側(cè)邊欄展示的方向 3 widgets: # 側(cè)邊欄添加的組件配置 4 - category # 顯示分類(lèi) 5 - tag # 顯示標(biāo)簽 6 - tagcloud # 顯示標(biāo)簽云 7 - archive # 顯示歸檔 8 - recent_posts # 顯示最近發(fā)布

?

4> 其他配置

第1點(diǎn) 和 第2點(diǎn) 都是大部分主題通用的配置，下面這些就是比較定制化的了。除了下面列出的，國(guó)內(nèi)大部分主題都還會(huì)添加了百度統(tǒng)計(jì)的ID配置、多說(shuō)的ID配置、Jiathis分享活著百度分享的配置等等。

具體我們依舊是只講解默認(rèn)主題里面的。

1 # Miscellaneous 2 google_analytics: "UA-********-1" # 谷歌統(tǒng)計(jì)的ID配置，如果你沒(méi)有用到，可以為空 3 favicon: /favicon.png # 網(wǎng)站圖標(biāo)路徑 4 twitter: # twitter配置 5 google_plus: # google plus 配置 6 fb_admins: # facebook 配置 7 fb_app_id:

至此，我們博客的 Hexo配置 和 主題配置 都完成了。

?

3 創(chuàng)建博文 - Hello Hexo

當(dāng)我們的博客個(gè)性化配置完成后，我們一起來(lái)看下如何創(chuàng)建我們的第一篇博文－Hello Hexo.

1> 進(jìn)入到博客的根目錄，執(zhí)行以下命令生成新的博文

$ hexo new hello-hexo # 格式是： hexo new ｛文章名｝

命令執(zhí)行成功后，你就會(huì)發(fā)現(xiàn)在?source/_posts?目錄下多了一個(gè)文件?hello-hexo.md?。
前面我們已經(jīng)說(shuō)到，我們的博文使用markdown語(yǔ)法進(jìn)行編寫(xiě)的，后面的博文我會(huì)詳細(xì)的進(jìn)行markdown語(yǔ)法的講解。
接下來(lái)，打開(kāi)這個(gè)文件，我們可以看到以下內(nèi)容：

1 title: hello-hexo 2 date: 2015-09-03 00:08:30 3 tags: 4 ---

他們的含義是：

• title : 文章的標(biāo)題
• date : 該文章的創(chuàng)建時(shí)間
• tags : 該文章的標(biāo)記tag

下面我們可以更改成?

title: 你好，Hexo date: 2015-09-03 00:08:30 tags: - hexo ---這是我的第一篇博客，你好，Hexo。

?到這里，我們的第一篇博客編寫(xiě)完畢。

?

4 瀏覽博客效果

經(jīng)過(guò)了重重困難，我們終于配置好了我們的博客。深呼吸一口氣，讓我們一起來(lái)見(jiàn)證奇跡的時(shí)刻。

打開(kāi)終端，在我們的hexo-blog目錄下執(zhí)行以下命令

$ hexo s # 等同于 hexo server , s 其實(shí)就是 server的縮寫(xiě)

執(zhí)行成功后，控制臺(tái)將會(huì)輸出

INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.

打開(kāi)瀏覽器，我們可以看到我們用Hexo搭建好的使用默認(rèn)主題的博客展現(xiàn)效果。

5 結(jié)束語(yǔ)

在這篇博客里，我們了解到了以下內(nèi)容：

• 如何進(jìn)行博客的配置
• 如何進(jìn)行主題的配置
• 如何創(chuàng)建我們的第一篇博客
• 如何預(yù)覽我們的博客效果

在下一篇博客里，我們將會(huì)講解 “如何將我們的博客發(fā)布到github上”，敬請(qǐng)期待。

?

轉(zhuǎn)載于:https://www.cnblogs.com/xiaoxuetu/p/hexo-guide.html

總結(jié)

以上是生活随笔為你收集整理的利用Hexo搭建个人博客－博客初始化篇的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。