title: 利用Hexo&Github快速構建個人Blog date: 2020-03-08 17:22:45 categories: 個人Blog tags: Blog
typora-root-url: ..
摘要：
本文將分為Hexo的安裝、在github上部署、個人域名綁定三個部分介紹如何利用這兩者在Ubuntu環境上搭建自己的個人博客。我的個人博客:www.onthroad.work:8888
介紹
1.Hexo是一款快速、簡潔且高效的博客框架，支持Markdown編寫、支持一件部署、擁有200多款主題，插件豐富可擴展，在幾秒內，即可利用靚麗的主題生成靜態網頁。 2.github 眾所周知一個有名的代碼託管平臺，github pages 是其為開發者免費提供的個人網站託管平臺，只能託管靜態內容。目前國內的coding代碼託管平臺也能夠支持靜態頁面的託管，本次僅介紹在github上部署的過程，在coding的部署與之類似。 3.我的運行環境：Ubuntu 18.04.4 LTS
Hexo安裝
可以跟著我的步驟來，也可以直接參考Hexo官方文檔（支持中文） 1.安裝 Git ： $ sudo apt-get install git-core 2.安裝 Node.js：直接從Node.js官網下載安裝後，執行第８步安裝Hexo時可能會出現EACCES權限錯誤（官方建議不要使用sudo來解決），如有錯誤利用nvm全局安裝解決錯誤，步驟如下。沒有錯誤可跳過3、4、5、6、7步驟。 3.下載nvm
$ git clone [email protected]:nvm-sh/nvm.git ~/.nvm 4.設置淘寶registry提高下載速度$ npm config set registry https://registry.npm.taobao.org5.~/.bashrc添加$ export NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node $ export NVM_IOJS_ORG_MIRROR=http://npm.taobao.org/mirrors/iojs $ . ~/.nvm/nvm.sh6.使配置生效 $ . ~/.bashrc 7.利用nvm安裝node 和npm$ nvm list-remote #查看可所有版本號 $ nvm install $ nvm use example: $ nvm list-remote $ nvm install v13.10.1 $ nvm use v13.10.18.安裝 Hexo： $ npm install -g hexo-cli 至此Hexo的安裝已經完成。
Hexo初始化
$ mkdir <folder> $ cd <folder> $ hexo init <folder> $ npm install新建完成後，指定文件夾的目錄如下:. ├── _config.yml ├── package.json ├── scaffolds ├── source | ├── _drafts | └── _posts └── themes_config.yml是網站的配置信息，等會部署到github 會修改其中參數（後面講解），具體參數參考Hexo官網 生成初始頁面看看效果$ hexo g $ hexo s 在瀏覽器中輸入http://localhost:4000地址就可以看到當前的博客啦/<folder>/<folder>/<folder>
github 配置
1.首先在github官網註冊賬號並登錄，不講了 2.點擊new創建新的repository，Reposotory name設置為.github.io，如圖所示，只要這樣設置才能解析到你的github pages.
3.創建好後回到命令窗口配置github
git config --global user.name "你註冊的用的用戶名" git config --global user.email "你註冊用的郵箱"4.創建SSH ，一路回車直到創建完成，your email為你的github註冊郵箱
ssh-keygen -t rsa -C "youremail" 5.在github你當前創建的repository中點擊settings找到SSH keys的設置選項，點擊New SSH key 6.在命令窗口中cd 到~/.ssh/目錄下將id_rsa.pub裡面的內容複製上面方框中保存即可。 7.測試SSH是否成功$ ssh -T [email protected] 8.更改_config.yml文件配置網頁部署信息，YourgithubName就是你的github用戶名
deploy: type: git repo: [email protected]:YourgithubName/YourgithubName.github.io.git branch: master9.安裝部署命令 $ npm install hexo-deployer-git --save 10.重新編譯部署 $ hexo clean $ hexo g $ hexo d 現在你的博客就部署好啦，可以通過http://yourname.github.io這個網址來訪問自己的博客啦。
個人域名綁定
如果你不喜歡這個域名，可以自己購買其他的域名來綁定你的博客，通過自己的域名及可直接訪問 我在DNSPOD上購買的域名，贈送了免費的DNS雲解析套餐基本能夠滿足我的使用要求
境內 4 大智能線路細分 10 個 DNS 節點分佈 3 級子域名 600s TTL 最低值 2 條 URL 轉發 2 條負載均衡 1G 攻擊防護流量 7 大主流搜索引擎優化建議在購買域名的時候不要只看重首年多少錢，比如說首年１元的域名，第二年續費價格會很貴，土豪不用考慮這些 步入正題 免費版需要添加兩個默認的解析
接下來在你創建的github repository下點擊settings往下翻，找到Custom domain填入你想解析的頂級域名或者二級域名，然後點擊save保存，此時你的repository裡面會新增一個CNAME文件，裡面就是你剛才輸入的域名
回到DNSPOD控制檯，點擊添加記錄，按圖中所示添加第３條記錄
其中記錄值填入你的github repository名＋.github.io，比如說我填寫的記錄值就是AlwaysOnTheRoad.github.io. 至此域名綁定已經完成，等待一段時間，你就可以通過自己的域名訪問自己的博客啦！ 如果你訪問出現如下的404錯誤，不要驚慌，這說明你已綁定成功，還要再等待一會，就可以訪問啦！
小結
- 利用Ｈexo＆Github 夠建博客很簡單，只是在執行的過程中會出現很多問題，每個人的問題都不一樣，自己得針對問題找答案。
- 使用中發現，有時候加載速度有點慢，可以考慮將其部署到coding上，畢竟是國內的服務器，速度應該快點，不過聽說容量限制在128M以內，我也不清楚，我的解決方法是利用自己的Nanopi開發板搭建自己的服務器，將網頁部署在上面，目前已架設完成，速度絲滑，下一篇文章將出詳細教程。
閱讀更多 coding愛好者 的文章
