我是如何使用hexo+github pages搭建我的博客

Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown（或其餘渲染引擎）解析文章，在幾秒內，便可利用靚麗的主題生成靜態網頁。

搭建博客的基本流程

我所用的系統環境爲deepin15.5，已經安裝好Git。先檢查電腦是否已經安裝SSH：ls -al ~/.ssh ， 若是有id_rsa（私鑰），id_rsa_pub（公鑰）文件就表示安裝好了。測試一下： ssh -T git@github.com

進入github主頁新建一個倉庫，格式：USERNAME.github.io

• 咱們要設置主題，點擊-setting，change theme 選擇一個主題，發佈
• 在瀏覽器輸入USERNAME.github.io，你會看到博客主頁

建立的遠程分支有hexo、master，設置hexo爲默認分支。

• hexo分支 #用來存放網站的資源文件
• master分支 #用來存放部署的靜態網頁

安裝Hexo的流程

• 裝Hexo須要安裝Node.js、Git ，安裝Node.js，下面是使用nvm安裝的方法：
  wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh
  安裝完成後，重啓終端並執行命令npm instal stable便可安裝 Node.js。

• 使用npm install -g hexo-cli安裝Hexo

• 使用git clone git@github.com:USERNAME/USERNAME.github.io.git拷貝倉庫，此時爲默認分支hexo

• USERNAME.github.io.git目錄通常有.gtik、_comfig.yml和index.md，把.git文件複製出來，刪除掉 _comfig.yml和index.md文件。此時USERNAME.github.io.git目錄爲空，執行hexo init（創建博客所需的文件）、npm install （安裝依賴包），把以前複製出來.git文件黏貼回去進行覆蓋

到這裏，Hexo博客已經搭建好了本地的服務，執行命令hexo g和hexo s --debug在瀏覽器中輸入localhost:4000就能夠看到博客主頁了

關聯Github Piges，編輯_config.yml文件，修改：

#Deployment
    ##Docs: https://hexo.io/docs/deployment.html
      deploy:
      type: git
      repository: https://github.com/USERNAME/USERNAME.github.io
      branch: master

• 爲了可以使Hexo部署到GitHub上，須要安裝一個插件：

  npm install hexo-deployer-git --save

• 平時工做都是在分支hexo，並不影響部署。執行命令hexo g -d在瀏覽器輸入USERNAME.github.io ,便可看到博客首頁

推送網站相關的文件

git status #查看本地文件的狀態
    git add . #將全部更新的本地文件添加到版本控制系統中
    git commit -m '更新信息說明' #提交
    git push origin hexo #推送到遠程倉庫

同步源碼到其餘電腦

安裝hexonpm install hexo，使用git clone git@github.com:USERNAME/USERNAME.github.io.git拷貝倉庫，默認分支爲hexo，在USERNAME.github.io.git目錄下執行下面代碼：

npm install
   npm install hexo-deployer-git --save

使用其餘主題的方法：

• 使用git clone拷貝到USERNAME.github.io/themes下,例如：

$ cd USERNAME.github.io #你的根目錄
$ git clone https://github.com/theme-next/hexo-theme-next themes/next

• 再將站點配置文件_config.yml中的theme: landscape改成對應的主題名字。

## Themes: https://hexo.io/themes/
theme: next

• 主題的配置是在/themes/yelee/_config.yml文件裏面

Hexo經常使用命令：

• hexo n "title" == hexo new "title" #新建文章,在source/_posts生成.md文件
• hexo new page "pageName" #新建頁面
• hexo clean #清除緩存文件
• hexo generate == hexo g #生成靜態網頁
• hexo server == hexo s #開啓服務，默認localhost：4000
• hexo s --debug #啓動本地站點，並開啓調試模式
• hexo deploy == hexo d #部署到Github Pages

發佈文章的流程：

• hexo new "title" #新建文章，使用markdown編輯器編寫，如atom。或者直接把寫好md文件放到source/_posts下
• hexo generate #生成靜態頁面
• hexo server #預覽，localhost:4000
• hexo deploy #部署到github（博文發佈）

綁定阿里雲域名

• 先到阿里雲註冊一個域名，按提示來走就行，很簡單。
• 在source目錄建立一個CNAME文件，內容是你的域名xxx.xyz。github會讀取CNAME文件，將USERNAME.github.io重定向到xxx.xyz。當咱們提交CNAME文件時，github就會幫咱們自動部署了。
• 進入阿里雲管理控制檯，雲解析DNS，添加兩條解析

記錄類型	主機記錄	解析線路	記錄值
CNAME	www	默認	USERNAME.github.io
CNAME	@	默認	USERNAME.github.io

• 這樣配的好處是有無www都能訪問你的網站
• 等一會，刷新網頁，神奇的事情就發生了：）

參考資料：

http://theme-next.iissnan.com/getting-started.html
http://codepub.cn/2016/03/20/Hexo-blog-theme-switching-from-Jacman-to-NexT-Mist/
http://www.javashuo.com/article/p-ytqlnroo-nh.html
http://www.javashuo.com/article/p-asgsqgka-ch.html
http://shenzekun.cn/hexo%E7%9A%84next%E4%B8%BB%E9%A2%98%E4%B8%AA%E6%80%A7%E5%8C%96%E9%85%8D%E7%BD%AE%E6%95%99%E7%A8%8B.html