最終成果:mew.wiki 歡迎您的到訪~
前提準備:
- nodejs 環境
- 自己的域名(沒有也可以,就使用github page默認提供的)
安裝Hexo
官方文檔: https://hexo.io/zh-cn/ (看官方文檔就能完成,沒什麼難度)
npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server
當然,此時默認的主題是無法滿足你的
更換主題
到主題對應的github項目地址,下載最新的發行版,解壓後把整個文件夾放到上述的 blog/themes/ 文件夾下
然後再修改_config.yml文件裏的 theme 值爲 主題文件夾的名字,完成。
具體的參數修改基本都在根目錄的_config.yml與主題目錄下的_config.yml裏面進行配置,具體可以參考文檔
託管到Github
首先在github上新建一個項目,項目取名就跟下面紅框裏保持一致,“mew97”必須是你自己的github賬戶名字,否則最後個人網站的網址可能就不如你意了。
然後在_config.yml裏面配置也如下,分支選 master 以避免不必要的麻煩
最後運行如下命令,第一次會提示你輸入github的用戶名和密碼
npm install hexo-deployer-git --save
hexo clean && hexo deploy
講道理過一會兒在瀏覽器輸入 “mew97.github.io” 就能看到你的個人博客了
如果沒有,請在github上確認這個項目的默認分支是否是master,不是的話設置一下
更換自定義域名
- 首先去你的域名解析網站添加2個解析:
- 在github上這個項目的根目錄下添加 CNAME 文件,名字就叫 CNAME 內容就是你自己的域名(當然最好是把這個文件放在本地項目根目錄的source/下,然後一起發佈上去)
講道理,過一會兒通過你自己的域名就能訪問你剛剛搭建的站點了,只要你github上項目設置頁面裏是如下顯示的就沒問題
利用阿里雲免費一年的SSL證書把你的域名變成https://
- 購買免費證書
- 然後綁定自己的域名,提交審覈,不一會兒審覈就會通過,如下就ok了
- 然後還是去剛剛github項目設置那個地方,把這個勾勾給打上
此時,大功告成,以上步驟訪問個人網站失敗的時候多等一下,有時候延遲會高一點,我操作的時候均不超過5分鐘,證書審覈時間會長一點
另外我會再分享一下美化博客有用的插件,感興趣的話大家可以關注我 mew.wiki