小時(shí)候，經(jīng)常聽人講：好記性，不如爛筆頭。上學(xué)時(shí)期，老師家長(zhǎng)也總是提醒我們不懂的不會(huì)的要做好記錄，由此可見，記錄對(duì)我們學(xué)習(xí)成長(zhǎng)的必要性。

好記性不如爛筆頭

特別是這個(gè)高速發(fā)展的時(shí)代，世界在日新月異的變化。終生學(xué)習(xí)，已經(jīng)成為新時(shí)代的標(biāo)簽。那么做好學(xué)習(xí)記錄，也就顯得很有必要了。

現(xiàn)在市場(chǎng)上有很多我們可以自己記錄的博客，像我們熟悉的：網(wǎng)易博客、CSDN、新浪博客等。但是我們?nèi)绾未罱▽儆谧约旱牟┛湍兀?/p>

博客示例

也許你會(huì)問，都有這么多博客網(wǎng)站了，我可以直接用他們的產(chǎn)品，為什么我還要自己搭建博客呢？這個(gè)問題每個(gè)人有每個(gè)人的看法，除了可以增加逼格之外，我覺得更安全更有保障也是個(gè)優(yōu)點(diǎn)。就像之前我們有很多免費(fèi)的云網(wǎng)盤，我們可以上傳很多資料去保留可以隨時(shí)取用。但現(xiàn)在剩下的也就只有百度網(wǎng)盤了。

搭建自己的博客，其實(shí)很簡(jiǎn)單只需要用到四個(gè)步驟(最好有一定的編程能力)

安裝前提：

安裝 Hexo 相當(dāng)簡(jiǎn)單?？梢约嫒蓦娔X，平板，手機(jī)等。但是在安裝前，您必須檢查電腦中是否已安裝下列應(yīng)用程序：(很簡(jiǎn)單，網(wǎng)上很多安裝教程)

響應(yīng)式布局

Node.js（自帶npm如果需要cnpm先下載鏡像）

Git

如果您的電腦中已經(jīng)安裝上述必備程序，那么恭喜您！接下來(lái)只需要使用 npm 即可完成 Hexo 的安裝。

一：hexo工具搭建博客

官網(wǎng)安裝步驟

1 選擇文件新建git倉(cāng)庫(kù)

git命令輸入： `git init`

2 選擇文件使用npm工具全局安裝hexo環(huán)境

git命令輸入： `npm install hexo-cli -g`

3 在需要?jiǎng)?chuàng)建博客的目錄下輸入命令：`hexo init myBlog`

會(huì)在當(dāng)前目錄下創(chuàng)建1個(gè)myBlog文件夾. 并聯(lián)網(wǎng)下載一些初始化文件，打開如圖

創(chuàng)建的文件及文件詳情

3 直接啟動(dòng)服務(wù)

輸入命令`hexo server`

* 打開提示的網(wǎng)頁(yè)地址(http://localhost:4000/)就可以看見博客頁(yè)面

啟動(dòng)博客成功

?

二：用markdown編輯新文章

* 使用命令來(lái)發(fā)表新文章

* `hexo new 學(xué)習(xí)使用hexo`

* 會(huì)生出一個(gè).md文件

* 在這個(gè)文件中編輯.md文件. 該md文件的內(nèi)容就是發(fā)布的博客.

添加內(nèi)容

* 重新啟動(dòng)`hexo s` 打開網(wǎng)頁(yè)就可以看到新發(fā)表的文章.

內(nèi)容展示在博客上

?

三：next選擇主題安裝

* 許多第三方為hexo提供了主題, 我們可以搜索并使用.

知乎：?https://www.zhihu.com/question/24422335

hexo：?https://hexo.io/themes/

主題選擇

* 選擇你想用的主題

* 按照官方文檔下載最新版本

* 將解壓縮后的目錄復(fù)制到博客目錄下的themes目錄下.

* 并將其改為1個(gè)較為簡(jiǎn)單的名字如：`yilia`

* 修改博客目錄下的_config.yml文件.

* 修改theme: l配置項(xiàng)為yilia

* 重啟服務(wù)(hexo server)

* 就可以看到新使用的主題效果了.

不同主題效果

四：github部署博客

1: github上面新建項(xiàng)目存放博客。

github新建項(xiàng)目

2:在開始之前，您必須先在 _config.yml 中修改參數(shù)，一個(gè)正確的部署配置中至少要有 type 參數(shù)，如部署到github上

deploy:

type: git

repo: git@github.com:yourname/yourname.github.io.git<>

branch: master

message: '這是我的博客'

3 hexo g 生成靜態(tài)html網(wǎng)頁(yè)

會(huì)在頁(yè)面中增加一個(gè)public文件夾，里面就是最終生成的博客網(wǎng)頁(yè)

4 hexo d 將代碼部署到服務(wù)器

服務(wù)器上博客地址

5:注意事項(xiàng)：

注意事項(xiàng)

本內(nèi)容為功能性內(nèi)容，建議收藏以便日后查看研究。如有疑問，請(qǐng)留言交流。