hexo部落格搭建

目錄

1. node.js的安裝
2. hexo的安裝
3. Git的安裝
4. 本地搭建部落格
5. 開始管理你的部落格！
6. 将部落格部署到Github上
7. 主題選擇
8. 參考資料

1.node.js的安裝

node.js下載下傳位址 :

https://nodejs.org

{% asset_img nodejs0.png %}

點選紅色框部分下載下傳

安裝隻需不斷 下一步 即可

安裝完成後win+R 打開 cmd 輸入

node -v

檢視是否安裝成功 若出現版本号 {% asset_img hexoCmdVersion0.png %}說明安裝成功

再輸入

npm -v

查詢npm是否安裝成功

若都安裝成功則進入下一步:安裝cnpm

輸入

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm -v

檢查是否安裝成功

2.hexo架構的安裝

在cmd中輸入

cnpm install -g hexo-cli

開始安裝hexo架構

等待安裝成功後，同樣通過

hexo -v

驗證是否安裝成功

{% asset_img hexoCmd0.png %}

hexo安裝成功如上圖所示

3.Git的安裝

Git的下載下傳

官方下載下傳位址:

https://git-scm.com/download/win

下載下傳安裝教程:

http://www.cnblogs.com/qijunjun/p/7137207.html

4.本地搭建部落格

1. 建立一個檔案夾作為部落格的根目錄

​ 如果後續安裝失敗或出錯，隻需要删除這個檔案夾重新建立，并不會影響到其他的配置。

2. 在該檔案夾中打開cmd指令行視窗 / (或者通過指令行語句進入該目錄)

{% asset_img openCmd.jpg %}

3. 輸入

hexo init

指令開始生成hexo

等待安裝.........

如果安裝失敗，複制失敗提示百度/CSDN都可以解決

4. 安裝成功後檔案夾會出現以下這些檔案

{% asset_img successInstall.jpg %}

5. 在指令行輸入

hexo s

或

hexo server

即可開啟本地連接配接

{% asset_img hexoServer.jpg %}

6. 在浏覽器輸入網址

http://localhost

:4000 即可打開本地的部落格

顯示出頁面代表已經完成本地搭建

5.開始管理你的部落格！

1.建立部落格

hexo new '<name>'

指令建立一篇新的部落格文章，文章會以Markdown檔案格式儲存在

/source/__post

檔案夾中

2.編輯文章内容

基于Markdown文法編輯文章

Markdown基本文法教程

3.上傳儲存更改後的文章

在根目錄中先後輸入

hexo clean

和

hexo g

hexo generate

上傳更改後的檔案

4.本地檢視更新

輸入指令

hexo s

hexo server

在本地端口檢視更新後的部落格

6.将部落格部署到Github上

首先你需要注冊一個Github賬号

github官網位址:

http://github.com/

輸入賬号、郵箱、密碼,然後點選注冊按鈕.

1.在github首頁右上角點選建立一個倉庫

{% asset_img githubStep0.jpg %}

2.(重點) 部署倉庫名字必須和使用者名相同

{% asset_img githubStep1.jpg %}

3.下載下傳上傳工具

在根目錄的指令行中輸入

cnpm install --save hexo-deployer-git

下載下傳安裝

4.(重點)設定_config.yml檔案

推薦在檔案夾中找到這個檔案用記事本打開編輯

在檔案底部找到 \# Deployment 将type的值改為git，下面添加repo屬性填入github位址，再添加一個branch屬性填入master

{% asset_img githubStep2.jpg %}

github位址:

感謝程式羊code sheep的視訊教程

{% asset_img githubStep3.jpg %}

5.部署到遠端

hexo d

hexo deploy

部署到遠端 出現{% asset_img githubStep4.jpg %}提示符表示部署已經完成

6.打開你的部落格

在浏覽器中輸入你的倉庫名即可打開你的部落格

到此為止已經完成了一個基本部落格的搭建

7.其他

7.1 主題選擇

​ 根據個人喜好搜尋

​ CSDN:

Hexo 好看的主題推薦_浮沉半生的部落格-CSDN部落格_hexo主題