使用github/coding來搭建免費hexo博客

咱們先把github搭建hexo的流程走一遍以下:

要準備的東西

系統安裝Node.jsGit、註冊一個GitHub帳戶html


 

1、本地安裝hexo

打開Git Bash,輸入命令:node

  npm install hexo-cli -ggit

安裝完成以後,使用命令 hexo init /c/blog 部署hexo,其中 /c/blog 意爲指定C盤blog目錄,可自行修改。github

若是執行以後提示:未找到命令npm

把hexo加到系統環境變量中便可。緩存

命令執行完成以後,hexo就已經在本地部署完成,使用命令 hexo server 便可在本地啓動hexo,啓動以後訪問 http://localhost:4000 便可查看效果,若是沒出問題的話,應該會出現下圖界面:hexo

/****(我出問題了!訪問本地的時候發現被拒絕了???(*  ̄︿ ̄)以後發現git 啓動不了hexo? 不!是你沒在blog目錄下操做,哭遼)***/ssh

hexo本地啓動成功這樣   測試

******************************************************************************************************************************************************************************************ui

 

 

 


 

2、配置及部署

至此咱們已經在本地搭建好了hexo,爲了將hexo部署到GitHub pages,咱們須要進行一系列的配置。

一、配置Git

 

git config --global user.email 「你的GitHub註冊郵箱」

git config --global user.name 「你的GitHub用戶名」

而後生成你的密鑰

ssh-keygen -t rsa -C 「你的GitHub郵箱」

執行以後直接三次回車便可            注意ssh與-keygen中間沒有空格,不然會報錯(不要問我怎麼知道的( ̄﹏ ̄;))

而後在你的用戶目錄會出現一個 .ssh 文件夾,具體路徑爲C:\Users\用戶名\.ssh,打開該目錄下的 id_rsa.pub 文件,該文件爲公鑰,將其內容複製到GitHub,以下圖操做:

 

 而後

 

保存以後測試是否成功      ssh -T git@github.com

執行命令以後以下圖若是終端出現 Hi!You’ve successfully authenticated 則證實環境配置成功。


 

二、創建倉庫

 咱們須要在GitHub上創建一個倉庫用來存放hexo的文件,倉庫的名稱必須爲 你的用戶名.github.io ,其餘的倉庫名均沒法使用


三、在GitHub上部署hexo

通過前兩步的操做,咱們已經完成了準備工做,已經能夠準備在GitHub上部署hexo了,在這以前咱們須要將本地hexo和GitHub倉庫創建聯繫。

修改blog文件夾下的 _config.yml 文件,直接拉動最底部,按照本身的博客修改deploy的內容

 

修改完成以後咱們須要安裝一個插件,有了這個插件咱們才能將hexo部署到GitHub pages。

執行如下命令:

npm install hexo-deployer-git -g

安裝完成以後便可開始部署到GitHub

執行如下命令

hexo clean # 清除緩存文件

hexo d -g #生成靜態文件並部署到GitHub

執行完成以後,靜等緩存同步,不出意外的話你已經能夠經過 https://你的用戶名.github.io 訪問到你的博客啦。(固然你出了意外的話仍是要百度一哈啥問題/逃)


 

三:綁定域名與開啓https

爲了美觀以及方便訪問,咱們能夠給GitHub pages綁定我的域名,在通過幾回更新以後,綁定域名的操做已經很人性化了。

一、建立CNAME文件

在source文件夾下建立CNAME文件,文件內容爲你要綁定的域名。

而後執行命令

hexo d -g


二、設置域名解析

在你的域名服務商處設置兩個CNAME解析,分別爲www和@,以下圖:

 

保存以後靜等解析生效,大概須要10分鐘左右。

三、開啓https

當你解析域名生效以後,便可經過域名訪問GitHub pages,可是你會發現訪問並非https,這是由於你的域名沒有與之對應的證書,不過不用擔憂,GitHub已經準備了免費的證書供你使用。

找到你github的博客庫中的設置,最下面有強制使用https的開關,勾選上就行了。

注意:有些狀況下 強制https 開關會顯示不可用,這是由於你的證書還未準備好,稍等片刻便可。


 

接下來是在coding上搭建(我用的騰訊雲開發者平臺,國內訪問速度很快,我用coding的時候失敗了不知道爲啥,網上教程貌似不太同樣我就有點腦闊疼)

1.基本和github上搭建同樣,和github使用一套ssh公鑰並添加到coding的ssh配置中,在本地博客中配置文件_config.yml下修改以下圖(每一個人注意不一樣)

 

 

2.在私有域名服務商 修改 私有域名 CNAME 訪問  coding用戶名.coding.me (國外訪問github.io國內訪問coding.me的解析方案朋友說得是高級解析得花錢,最後我就cname到了國內的coding)

 

 

 

3.配置完成後 hexo d -g可實如今coding和github上的同步部署 ,國內訪問速度也快了/喜       

 遇到的問題:配置完以後我信心滿滿的覺得一下能雙重同步到coding和github,確實剛開始都用的https上去都得登錄ssh帳號密碼。能夠不知道爲何以後同步的時候就出現了警告和錯誤,以後ssh 測試coding的時候就連不上了而後各類換公鑰,郵箱也十多封郵件,(我太難了。。55),最後是測試完成時候將bolg中git配置換成了https的就是第一次部署須要登錄帳號密碼的那種,好像是算整好了。溜了。。。

 

 參考自:

 

         CY博客:  https://hackbar.design/build-hexo-on-github.html

        csdn:   https://blog.csdn.net/weixin_43971764/article/details/95240003

相關文章
相關標籤/搜索