基於Hexo&GitHub從零搭建我的博客

如今愈來愈多的人喜歡利用Github搭建靜態網站，緣由不外乎簡單省錢。本人也利用hexo+github搭建了本博客，用於分享一些心得。在此過程當中，折騰博客的各類配置以及功能佔具了我一部分時間，在此詳細記錄下我是如何利用hexo+github搭建靜態博客以及一些配置相關問題，以避免事後遺忘，且當備份之用。

準備工做

• 下載&安裝node.js，默認會安裝npm：nodejs.org/zh-cn/
• 下載&安裝git：git-scm.com/downloads
• 下載安裝hexo。方法：打開cmd 運行npm install -g hexo

本地搭建hexo靜態博客

• 新建一個文件夾，如blog
• 進入該文件夾內，右擊運行git，輸入：hexo init（生成hexo模板）
• 生成完模板，運行npm install（目前貌似不用運行這一步）
• 最後運行：hexo s （運行程序，訪問本地localhost:4000能夠看到博客已經搭建成功）

目錄介紹

├── _config.yml						// 博客配置文件
├── public								// 靜態文件存放目錄
│   ├── 2019
│   ├── archives
│   ├── css
│   ├── images
│   ├── index.html
│   ├── js
│   └── lib
├── source								
│   └── _posts						// 博文存放路徑
└── themes								// 主題路徑
    ├── landscape
    └── next
複製代碼

將博客與Github關聯

• 在Github上建立名字爲XXX.github.io的項目，XXX爲本身的GitHub用戶名。
• 打開本地的MyBlog文件夾項目內的_config.yml配置文件，將其中的type設置爲git

deploy:
 type: git
 repository: https://github.com/XXX/XXX.github.io.git
 branch: master
複製代碼

• 運行：npm install hexo-deployer-git –save
• 運行：hexo g（本地生成靜態文件）
• 運行：hexo d（將本地靜態文件推送至Github）

此時打開 XXX.github.io ，便可看到效果

這裏注意把文中的 XXX 修改成本身的github用戶名

### 更新文章

• 在blog目錄下執行：hexo new 「個人第一篇文章」，會在source->_posts文件夾內生成一個.md文件。
• 編輯該文件（遵循Markdown規則）
• 修改起始字段
  • title 文章的標題
  • date 建立日期 （文件的建立日期 ）
  • updated 修改日期 （ 文件的修改日期）
  • comments 是否開啓評論 true
  • tags 標籤
  • categories 分類
  • permalink url中的名字（文件名）
• 編寫正文內容（MakeDown）
• hexo clean 刪除本地靜態文件（public目錄）
• hexo g 生成本地靜態文件（public目錄）
• hexo deploy 將本地靜態文件推送至github（hexo d）

修改主題

至此，咱們的博客就已經搭建完了，發現兩個問題，一是醜，二是使用GitHub默認域名不舒服。因此咱們要修改一個好看的主題（默認的主題通過一番DIY也能達到不錯的效果，這裏就很少作演示）和使用本身的域名（可選），非必須，看我的喜愛。

目前安裝的主題：Next

更多主題：主題

主題配置文檔：Next主題配置

一、在博客的根目錄下，也就是上文提到的blog文件夾中，執行clone主題

$ git clone https://github.com/theme-next/hexo-theme-next themes/next
複製代碼

二、修改hexo配置文件

使用文本編輯器打開blog目錄下的_config.yml文件，將 themes 對應的值進行修改，以下：

theme: next
複製代碼

三、從新生成靜態文件

$ hexo clean

$ hexo g

$ hexo s
複製代碼

瀏覽器打開 http://localhost:4000 便可看到效果。確認沒問題執行 hexo d 命令更新到GitHub，稍等片刻從新打開 XXX.github.io 即可看到效果；

綁定域名

• 域名提供商設置

  添加一條CNAME記錄：

  CNAME —> XXX.github.io

• 博客添加CNAME文件

  配置完域名解析後，進入博客目錄，在source目錄下新建CNAME文件，寫入域名，如：jacian.com

• 運行：hexo g

• 運行：hexo d

從新發布完，稍等片刻打開本身的域名便可看到效果。至此你的我的博客就已經搭建完畢了；固然，你還能夠作一些DIY的設置，在這篇文章中就不一一列舉了，能夠參考文檔或者其餘大神的博客去進行一些自定義的設置。