github+hexo搭建博客

引言

    以前用阿里雲彈性web託管採用wordpress搭建的我的博客，通過我使用一段時間以後發現存在不少問題:

• 網站的響應速度很是慢，估計打開主頁須要3-4s的時間，我通過搜索發現不少人都有這樣的問題，因此應該不是wordpress的鍋，而是阿里雲彈性web託管的問題，畢竟我買的時候一年只要幾百塊，並且仍是最便宜的經濟版(內存128M+2G網頁空間+4G流量+1G數據庫)。其實我後來才知道彈性web託管是一個啥玩意
  ，和虛擬機差很少，性能很是有限。惋惜我當時不知道啊，不然應該買雲虛擬主機獨享版的，雖然貴一點，可是應該會流暢不少。
• 我最開始買的是經濟版，由於訪問速度慢的緣由，我昨天打算把它升級成高級版(256M內存+4G網頁空間+2G數據庫)。我花了不到20塊錢買了試用升級兩個月。可是最坑爹的事情發生了，我在升級了以後，原來
  的網站打開速度並無提高多少(至少我沒感受到)，並且出現了一系列的問題，最後我連後臺都進不去了，
  一直提示我500內部錯誤。我搜索了半天也沒找到解決辦法。並且我用filezilla也一直連不上ftp(我確認帳號和密碼都是對的，升級以前一直能夠登陸)，這樣我根本無法檢查wordpress到底哪裏出現問題
  了。因而我陷入了只能瀏覽個人博客，可是卻沒法登陸後臺的尷尬境地。
• 嘗試了半天我也沒有解決這個問題。最後想了一下，反正個人web彈性託管再過一個多月也就到期了，算
  了，乾脆不續費了。從新找個其餘的辦法搭博客吧。這裏額外說一句，以前一直是在博客園寫博客的，其實
  仍是很不錯的，我一直是用的markdown寫的，感受博客園的markdown解析速度挺快，並且網頁打開也很快。雖然如此，可是我仍是想搭一個本身的博客(畢竟能夠本身的地盤本身作主嘛)。想到了以前好像看過
  能夠用github免費搭建靜態網頁的博客。因而我就查資料開工了。事實證實，用github搭建博客稍微有點麻煩，可是對於通常的程序員應該花幾個小時就搞好了,我本身大概花了不到三個小時吧。

1. 搭建過程

    由於網上已經有不少介紹怎麼用github搭建博客的教程了，其中不乏一些很是詳細優秀的教程，因此這裏我就不從頭詳細描述一遍了。只是簡單走下流程，貼一些有用的資料和遇到的坑。(注:個人本機系統是Ubuntu 16.04,好像windows系統搭建過程略有差異，若是你是windows系統，請搜索其餘安裝教程)。

    1.1 我參考的資料。

• 在github上搭建hexo我的博客（Linux-Ubuntu）
• 我是如何利用Github Pages搭建起個人博客，細數一路的坑

• hexo推薦主題yilia

      推薦按照我是如何利用Github Pages搭建起個人博客，細數一路的坑這篇教程進行安裝，由於做者寫的比較詳細，若是遇到一些問題，能夠自行搜索解決或者參考其餘教程。

      1.2 我遇到的一些坑。

• 前面安裝nvm,node.js應該沒有太多的問題。我遇到的主要問題集中在將本地的hexo產生的文件同步到github以及後面hexo yilia主題配置的問題。hexo主要有hexo init,hexo g,hexo s,hexo d,hexo clean,hexo new等命令，分別表示初始化,生成靜態文件,開啓本地服務器,在瀏覽器預覽,將本地文件同步到關聯的github repo,清空緩存,產生新文章。注意在配置好hexo以及關聯好github repo以後，最好每次執行hexo g,hexo d以前先執行一下hexo clean清空一下緩存，不然可能你輸入博客的網址沒法查看到你修改以後的頁面。好比我當時弄了半天都無法正常查看個人博客主頁，一直提示404,找不到github pages。不過我後來關閉了一下瀏覽器，執行了一下hexo clean就能夠正常查看了。因此你若是遇到問題，不妨關閉瀏覽器從新打開，或者多刷新幾回，說不定就行了。
• yilia的配置。這個其實能夠查看yilia的官方github,講的比較詳細。其實最主要就是裝好了yilia以後，修改hexo的全局_config.yml配置文件以及themes/yilia/_config.yml文件。至於配置參數怎麼寫，yilia的官方配置文件都給你寫好了，照葫蘆畫瓢改爲你本身的就能夠了。可是特別須要注意的是!!!:這裏有兩個_config.yml文件，一個是hexo全局的，還有一個是yilia的，必定要區分清楚!在全局配置文件裏，你只須要加上下面的配置條件:

jsonContent:
  meta: false 
  pages: false 
  posts:
    title: true 
    date: true
    path: true 
    text: false 
    raw: false 
    content: false 
    slug: false 
    updated: false 
    comments: false 
    link: false 
    permalink: false 
    excerpt: false 
    categories: false 
    tags: true

• 而在yilia的配置文件裏，你才須要按照yilia官方文檔那樣修改yilia主題的配置參數。想我當時就是不當心把yilia的配置命令寫到全局_config.yml文件裏了，搞了半天主題一直都不變，最後才發現寫錯文件了，真的是。。。。另外還有一個問題是若是你使用hexo s在本地瀏覽器預覽，可能會發現圖像url無法正常解析(圖像沒法顯示)以及圖標中文亂碼的狀況(我本身碰到了)，因此若是你也碰到了同樣的問題，直接去打開你的博客主頁瀏覽應該就行了。(緣由不詳)
• 最後知乎上還有一篇文章手把手教你建github技術博客by hexo寫的仍是不錯的，有些詳細的yilia配置細節能夠參考下,好比yilia博文添加多個tags是[tag1,tag2]這樣的形式而不是tag1,tag2等等。
  

  2. 成果展現

  
      個人github博客主頁是Lyrichu's Blog,原來的wordpress搭建的博客後面估計不會維護了。之後主要在博客園和github博客寫文章了。