Hexo、主題、部署上線
安裝Hexo
git和nodejs安裝好后，就可以安裝hexo了，你可以先創建一個檔案夾MyBlog，用來存放自己的博客檔案，然后cd到這個檔案夾下（或者在這個檔案夾下直接右鍵git bash打開），
比如我的博客檔案都存放在D:\MyBlog目錄下，
在該目錄下右鍵點擊Git Bash Here，打開git的控制臺視窗，以后我們所有的操作都在git控制臺進行，就不用Windows自帶的cmd了，
npm install -g hexo-cli
安裝完后輸入hexo -v驗證是否安裝成功，
至此hexo就安裝完了
接下來初始化一下hexo,即初始化我們的網站，輸入hexo init初始化檔案夾
hexo init
之后可以運行hexo原始頁面，
hexo clean # 清空已有hexo網站檔案
hexo generate(or g) # 依據網頁文本與新的CSS樣式生成新網站檔案
hexo server(or s) # 啟動本地服務器，可以在localhost:4000查看網站修改效果
打開瀏覽器，輸入網址: http://localhost:4000，即可看到hexo生成的靜態頁面，
修改主題
1.主題推薦
官網主題：https://hexo.io/themes/
推薦兩款：
- Sakura 非常炫，缺點加載慢 https://github.com/honjun/hexo-theme-sakura
- Next 功能集成多，簡潔，界面一般 https://github.com/theme-next/hexo-theme-next
2.Butterfly
此次我選擇的主題是Butterfly
進入github點擊下載zip：https://github.com/jerryc127/hexo-theme-butterfly/
或者進入gitee點擊下載zip：https://gitee.com/iamjerryw/hexo-theme-butterfly
解壓檔案夾，將中的主題樣式復制MyBlog\themes目錄下：
修改站點組態檔config.yml,把主題修改為butterfly
之后老樣子“三件套"，
hexo c
hexo g
hexo s
打開瀏覽器，輸入網址: http://localhost:4000 ，即可看到hexo生成的靜態頁面，
當然這時候出現以下錯誤：
對應的解決方案可以在Butterfly的Github主頁看到：
安裝以下插件即可：
npm install hexo-renderer-pug hexo-renderer-stylus
三件套之后正常：
部署到Github
1.創建倉庫
首先去Github注冊，
注冊好了后，登錄Github,創建倉庫：點擊右上角的+號，選擇new repository:
建議將倉庫名設定成以下格式：
username.github.io
username對應你的github用戶名,例如我的用戶名為MoYu-zc,這里就是MoYu-zc.github.io
2.配置Git
如果第一次使用git的話，需要設定用戶名和郵箱:
git config --global user.name "username"
git config --global user.email "email"
同理，username對應你的github用戶名，email對應你的github郵箱
可以用以下兩條，檢查一下你有沒有輸對:
git config user.name
git config user.email
3.生成公鑰
執行以下命令，然后連續三次回車,生成公鑰:
ssh-keygen -t rsa
在C盤/用戶/用戶名/.ssh目錄下找到id_rsa.pub檔案,用文本編輯工具打開，并復制所有文本內容，
在Github頁面右上角，點擊用戶頭像-Settings-SSH and GPG keys-New SSH key
Title可以隨意填寫，Key需要填寫剛才復制的公鑰文本內容,然后Add SSH key，
添加完成后，在控制臺輸入:
ssh -T git@github.com
這里注意，這里在輸入框需要第一次回車后，輸入yes
如果配置成功，可以看到成功的回復，
4.上傳檔案到Github
配置_config.yml中的repo資訊:
deploy:
type: git
repo: #你的倉庫地址
#如:https://github.com/milovemengmeng/milovemengmeng.github.io.git
branch: master
直接通過hexo來發布到github，需要安裝以下插件：
npm install hexo-deployer-git --save
然后
hexo c
hexo g
hexo d #注意是 d 不是 s
重繪github對應的repository頁面，即可看到提交的內容：
5.配置靜態站點
點擊Settings,進入GitHub Pages配置，倉庫名為username.github.io，github已經自己為我們發布了靜態的頁面，當然如果不是username.github.io的格式，則需要手動配置，
成功：https://moyu-zc.github.io/
部署到Gitee
創建倉庫
老規矩，首先注冊Gitee，
注冊好了后，登錄Gitee,創建倉庫：點擊右上角的+號，選擇新建倉庫，此處的倉庫名和路徑也是最好和用戶名相同:
配置Git
1.獲得倉庫地址：
1.·新建倉庫:
2.進入倉庫–克隆/下載:
2.修改配置在主目錄找到：_config.yml，打開并修改默認(具體可參考Github配置)
deploy:
type: git
repo:
github: https://github.com/MoYu-zc/MoYu-zc.github.io.git
gitee: https://gitee.com/MoYu-zc/moyu-zc.git
branch: master
3.三件套，部署
hexo c
hexo g
hexo d
4.部署成功
此時會彈出一個對話框，提示輸入碼云的賬號密碼，部署成功后，登陸碼云，
此時本地檔案夾中出現有一個public檔案夾，代表部署成功，
開啟Page功能
1.Page功能路徑：
2.Page頁面
成功：https://moyu-zc.gitee.io
個人博客為：
MoYu’s Github Blog
MoYu’s Gitee Blog
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/258442.html
標籤：其他