本次教程演示環境為 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 博客
發布新文章#
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 命令來啟動本地測試,並進行查看是否發布成功
本地網站發到到網路#
今天我們就演示如何將網站發布到 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. 登錄到我們的網址進行查看