banner
阿道

阿道

阿道博客

零基礎利用Github免費搭建靜態博客-hexo教程

本次教程演示環境為 mac 系統,windows 系統基本上是同樣的步驟,這裡就不過多說明了。

安裝準備#

安裝 hexo 之前,必須先保證電腦中已經安裝了以下兩款軟體:

  • node.js
  • git(會提示安裝,同意即可)

開始安裝#

1. 打開終端工具,輸入以下命令進入到管理員權限:

   sudo su

2. 安裝 npm,由於國內特殊情況,安裝 npm 會比較緩慢,這裡我們使用淘寶的 cnpm 來進行安裝:

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

4. 安裝 hexo:

cnpm install -g hexo-cli

5. 查看是否為用戶目錄,是的話繼續操作,否則需要先進入到用戶目錄(一般為用戶名的文件夾)

6. 新建目錄,這裡我創建為 blog:

mkdir blog

7. 進入到 blog 目錄:

cd blog

8. 初始化博客:

sudo hexo init

提示:INFO Start blogging with Hexo! 為成功

9. 本地測試:

hexo s

顯示
INFO Start processing
INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

10. 瀏覽器打開上方地址即可查看 hexo 博客

默認標題_2019-07-18-0

發布新文章#

1. 新建文章

hexo n "文章標題"

INFO Created: /Users/ching/blog/source/_posts/ 文章標題.md

2. 進入文章(這裡我就直接使用 vim 命令進行編輯,當然也是可以使用其他的 Markdown 編輯器)

3. 按 i,並按回車進行編輯,這裡我就隨意輸入一些內容,編輯完成後,按 esc,並輸入:wq,即可保存

4. 返回到 blog 目錄,並進行清理:

hexo clear

5. 生成網站內容

hexo g

6. 再次使用 hexo s 命令來啟動本地測試,並進行查看是否發布成功
Snipaste_2019-07-25_19-07-32

本地網站發到到網路#

今天我們就演示如何將網站發布到 github 上。

1. 登錄到 github
2. 新建新的倉庫

  • 右上角 + 號點擊 new repository
  • 倉庫名:github 用戶名 + github.io
  • 填寫好描述
  • 點擊 create repository 創建即可

3. 返回到本地終端,並安裝插件 hexo-deployer-git:

cnpm install --save hexo-deployer-git

4. 打開配置文件:

vim _config.yml

5. 移動到文檔末尾,編輯修改:

deploy:
type: git
repo: https://github.com/ 用戶名 / 自定義地址.github.io.git
branch: master

6. 部署到 github:

hexo d

輸入 github 賬號密碼,顯示 INFO Deploy done: git 為成功

7. 登錄到我們的網址進行查看
Snipaste_2019-07-25_19-55-13

載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。