使用hexo+github搭建我的博客

此處輸入圖片的描述

前言

上大學期間都沒有作筆記、寫博客的習慣,工做之後學的東西多了,接觸的東西多了,才發現作筆記是一件很重要的事情,作筆記能夠將本身的想法、思路寫下來,方便之後查閱,俗話說好記性不如鍵盤黨,作筆記、寫博客也可讓本身學會總結、學會分享,今年年初纔開始使用cnblogs來寫博客,帳號已經申請了兩年多了,大學期間一直沒用,cnblogs寫了一段時間發現網上一些大牛都有本身的博客,由於我比較喜歡折騰和裝X,因此我也打算搭建一個博客,我不是作web方向的,也不懂jsp、asp.net、php(世界上最好的語言)、webpy等語言和技術(大學時學過,後來就忘了),以前我看到我同窗基於WordPress搭建了一個博客,這個須要數據庫啊,服務器之類的,感受有點麻煩,後來在網上查閱資料看到hexojekyll配合github就能夠用來搭建博客,github做爲服務器這樣還省去了租用服務器的費用,有人會問國內的coding也能夠做爲部署服務器啊,還快些,我只想說信仰不一樣,不相爲謀,存儲圖片我也是用的github,沒有用七牛的,最後我選擇的hexo + github方案來製做我的博客,我是在ubuntu上搭建的,在windows和mac上搭建的朋友本篇博客仍是有參考意義,下面是詳細的製做過程(我的博客也發表了《使用hexo+github搭建我的博客》)。php

安裝git

部署服務器須要使用github,因此git成了必要工具。html

sudo apt-get install git

安裝node.js

我直接在node.js官網下載二進制包來安裝的,下載事後,解壓,設置軟連接。node

ln -s /your/nodejs/dir/bin/node /usr/local/bin/node
ln -s /your/nodejs/dir/bin/npm /usr/local/bin/npm

將上面路徑替換成你的nodejs真實路徑,也能夠直接將node可執行文件拷貝到/usr/local/bin目錄下。git

安裝hexo

sudo npm install -g hexo-cli

安裝hexo須要使用npm包管理器來安裝,安裝好後運行hexo命令,控制檯提示說找不到該命令,讓我鬱悶了一哈,後來才發現hexo命令在/your/nodejs/dir/bin/目錄下,仍是老辦法,設置軟連接。github

ln -s /your/nodejs/dir/bin/hexo /usr/local/bin/hexo

創建站點

hexo init blog

blog目錄就是你的站點根目錄,目錄裏面的_config.yml站點配置文件,後面還會說到主題配置文件,每個主題都用一個_config.yml文件,不要搞混了,到目前爲止博客環境已經搭建完成。web

本地調試

博客搭建好了,沒有run起來感受內心是虛的,接下來咱們把博客run起來看,首先生成靜態頁面。數據庫

hexo generate(能夠縮寫成g)

啓動本地服務,在瀏覽器輸入http://localhost:4000就能夠看效果了。npm

hexo server(能夠縮寫成s)

此處輸入圖片的描述
看到上圖出現,說明搭建博客成功。ubuntu

配置github

hexo生成的靜態頁面是要上傳到github上面的,因此須要配置好github,首先須要在github上創建一個倉庫,倉庫名格式是username.github.io,好比個人就是chxuan.github.io,不要亂取,否則配置不成功。以後編輯站點配置文件在末尾加入。windows

deploy:
  type: git
  repo: https://github.com/chxuan/chxuan.github.io.git
  branch: master

repo行須要替換成你本身的倉庫路徑,保存以後運行以下命令。

npm install hexo-deployer-git --save
hexo deploy(能夠縮寫成d)

至此hexo已經關聯好了github,在瀏覽器輸入http://username.github.io/,好比個人是http://chxuan.github.io/就能夠瀏覽了,github默認提供的是一個二級域名,你也可去阿里雲購買域名,替換掉github提供的。

發表文章

hexo new "xxxxxxxx" 
hexo clean
hexo generate(能夠縮寫成g)
hexo deploy(能夠縮寫成d)

以上是發表文章的步驟,執行hexo new 以後會在站點目錄的source/_posts/目錄下生成.md結尾的博客,我用的Cmd Mardown來寫博客的。

建立一個標籤頁

hexo new page "about" 
hexo clean
hexo generate(能夠縮寫成g)
hexo deploy(能夠縮寫成d)

上面建立了一個關於個人標籤頁並部署到github服務器上。

設置主題

我使用的是NexT主題,目前github星星數最多的一個主題,主題界面通常,主要是文檔齊全吧,因此很受人們歡迎,我也建議新手使用該主題,主題配置參考NexT官方文檔
此處輸入圖片的描述

集成第三方插件

若想要別人評論你的博客、查看訪問次數、搜索博客等功能須要第三方插件支持,你能夠參考NexT官方文檔

多電腦發佈博客

公司電腦和家用電腦均可以寫博客,當環境搭建好後,怎麼進行文章同步呢,我使用的是github,我在github上建立了一個名爲blog的倉庫用來存放博客文件,你須要將本地站點blog目錄進行hexo clean以後,hexo clean執行事後就是刪除public裏面生成的靜態頁面等操做,將剩下的文件放入github同步就能夠了。

參考文章

  1. hexo官方文檔
  2. NexT主題官方文檔
相關文章
相關標籤/搜索