Hexo + Github + 自定義域名(阿里免費SSL證書) 搭建個人博客/網站

最終成果: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

當然,此時默認的主題是無法滿足你的

更換主題

主題官網:https://hexo.io/themes/

到主題對應的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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章