Hexo搭建GitHub博客--初級(一)

簡介

因爲平時本身喜歡記錄開發筆記，寫一些博客，可是總想本身搭建屬於本身的博客，在網上查閱了一下，發現Hexo在GitHub或者是碼雲上搭建博客很是給力。
接下來讓咱們一塊兒進入Hexo搭建博客學習吧。

Hexo

什麼是Hexo？

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

當咱們在遇到一個新東西的時候，進入其官網能幫助咱們解決不少問題。關於什麼是Hexo？還有一些關於Hexo的問題，你們進入Hexo官網進行查看，這裏我就很少說咯。

如何使用

咱們在使用Hexo以前須要準備一些東西，也就是須要安裝一些咱們必需的。

安裝

安裝所需

安裝Hexo至關簡單。然而在安裝前，您必須檢查電腦中是否已安裝下列應用程序：

• Node.js
• Git
• cnpm 若是npm運行出錯就安裝cnpm國內鏡像

若是沒有安裝那麼就須要安裝咯，你們能夠看看Vue-cli項目建立如何檢查Node.js、Git和cnpm是否安裝成功。

安裝Hexo

全部必備的應用程序安裝完成後，便可使用npm或者cnpm來安裝Hexo。
打開Git Bash Here輸入：

$ npm install -g hexo-cli
或者
$ cnpm install -g hexo-cli

檢查是否安裝Hexo完成,查詢是否成功，顯示hexo-cli版本就說明成功了

$ hexo -V

建站

安裝一切所需的程序後，咱們能夠開始建站了，就是建立咱們的博客,你們也能夠進入Hexo建站官網查看。
新建一個文件夾，來管理咱們的博客項目，請執行下列命令，Hexo將會在指定文件夾中新建所須要的文件。

運行命令

$ hexo init <folder>
$ cd <folder>
$ cnpm install

• 注：folder是表示建站的博客項目名

打開Git Bash Here，輸入：

$ hexo init myblog

再運行如下命令：myblog是我建立博客站。

$ cd myblog
$ cnpm install

訪問URL

咱們能夠運行看看Hexo建立的博客站是什麼樣的，運行如下命令

$ hexo server
或者
$ hexo s

訪問URL

http://localhost:4000/

好了，到這裏你已經學會了經過Hexo建立博客了，接下來咱們將會分析如何將咱們的博客上傳到咱們的GitHub服務器上呢？
還有咱們如何修改咱們的博客讓咱們的博客漂亮並且修改不一樣的主題來美化咱們的博客呢?
緊跟着腳步。

上傳到GitHub

GitHub建立repositories

進入GitHub官網,或者在瀏覽器輸入https://github.com/,若是尚未帳號就建立一個帳號就行了，這裏不教你們怎麼註冊帳號了。登陸本身的帳號，直接點擊new repositories或者進入You repositories再new repositories

進入到建立repositories頁面來,這裏很重要，必定要注意哦！必須將新建的repository的名字爲: You account name.github.io。其餘默認就行了

配置

GitHub的Repository建立好後。咱們在回到本地的Hexo的Myblog項目中，咱們用代碼編輯器工具打開，我這裏用的是Webstorm,找到在項目的根目錄下_config.yml找到 deploy標籤

在該文件下面添加

• 注：repository: https://github.com/eirunye/eirunye.github.io.git 是本身剛剛建立You account name.github.io 的repository，在Clone with HTTPS裏面，複製粘貼就好咯。冒號後面記得空格哦。branch 後面是master就行了。

deploy:
  type: git
  repository: https://github.com/eirunye/eirunye.github.io.git #複製過來
  branch: master

在_config.yml找到url 進行修改成：

url: http://eirunye.github.io # eirunye是個人帳號，修改成本身的帳號

部署

到這裏就差不到了，接下來咱們須要執行一些命令，將咱們的博客部署到GitHub上了，驚喜將會到來了。
打開Git Bash Here進入myblog根目錄下，首先咱們須要安裝一下hexo-deployer-git否則可能出現錯誤，沒法部署成功，執行命令行。

$ cnpm install hexo-deployer-git --save

而後在執行如下命令

• 注：每次提交時必須執行這三個命令

$ hexo clean
$ hexo generate
$ hexo deploy

或者簡寫方式

$ hexo clean
$ hexo g
$ hexo d

部署成功以下顯示

測試

咱們進行訪問https://eirunye.github.io/
和 http://localhost:4000/同樣的頁面說明是已經成功。

總結

咱們已經從如何使用Hexo到部署上GitHub上，沒什麼困難。須要咱們對一些命令行的操做，還有一些須要咱們必須注意的，必定要當心，否則就出錯了。
固然了，咱們還未對Hexo進行一些咱們對於博客的美化，還有修改爲爲本身獨特風格的博客。但願咱們繼續加油吧。接下來的咱們將在下一章講到哦，請查看Hexo搭建GitHub博客--初級(二)。

推薦

你們也能夠查看關於Hexo相關文章。

Hexo搭建GitHub博客--初級(一)

Hexo搭建GitHub博客--初級(二)

Hexo搭建GitHub博客—打造炫酷的Next主題--高級(三)

個人GitHub博客