博客搭建-Github Pages+Hexo

選擇前提

Github pages:html

  • 能夠綁定本身的域名
  • 簡單快捷,使用Github Pages能夠爲你提供一個免費的服務器,免去了本身搭建服務器和寫數據庫的麻煩

Hexo:node

  •  快速、簡潔且高效的博客框架git

  • 一鍵部署,支持Markdown

 

安裝Node.JS

 點擊進入官網下載合適的版本安裝https://nodejs.org/en/download/github

 

安裝Git

進入git官網下載https://git-scm.com/download/win,安裝完成在cmd中檢查版本號確認成功,桌面右鍵可看到Git GUI Here/Git Bash Here數據庫

 

 

Hexo安裝

桌面右鍵鼠標,點擊Git Bash Here,輸入npm命令便可安裝windows

npm install hexo-cli -g

npm install hexo-deployer-git --save

第一句是安裝hexo,第二句是安裝hexo部署到git page的deployer,兩個都須要安裝。緩存

 

Hexo初始化配置

選擇一個文件位置做爲項目文件(D:\Github\Hexo),在此處右鍵選擇Git Bash Here進入Git命令框,執行如下操做服務器

$ hexo init

初始化完成自動建立項目文件

部署項目,本地啓動查看

hexo g
hexo s

登陸localhost:4000,便可看到本地的效果以下:

 

 

將博客部署到Github Pages上 

 本地的博客已經搭建,可是隻能經過本地鏈接查看咱們的博客。那麼咱們如今須要作的就是把本地的博客發佈到服務器上,讓別人也能夠鏈接咱們的博客,而Github Pages就幫我完成了這件事情。可是Github Pages的代碼就是寄存在Github上面的。那麼接下來咱們須要在Github上面建立一個新的項目。

建立項目代碼庫

註冊完登錄後,咱們就建立一個咱們本身的Github Pages項目。點擊New repository

 

配置SSH祕鑰

配置Github的SSH密鑰可讓本地git項目與遠程的github創建聯繫,讓咱們在本地寫了代碼以後直接經過git操做就能夠實現本地代碼庫與Github代碼庫同步。

  1. 檢查本機是否已經存在祕鑰,打開Git Bash,並運行:
$ cd ~/. ssh 

檢查你本機用戶home目錄下是否存在.ssh目錄。如不存在此目錄,則進行第2步操做,不然,你本機已經存在ssh公鑰和私鑰,能夠略過第二步,直接進入第三步操做。

 

  2. 建立一對新的SSH密鑰(keys)

$ssh-keygen -t rsa -C "your_email@example.com"
#這將按照你提供的郵箱地址,建立一對密鑰
Generating public/private rsa key pair.
Enter file in which to save the key (/c/Users/you/.ssh/id_rsa): [Press enter]

直接回車,則將密鑰按默認文件進行存儲。此時也能夠輸入特定的文件名,接着根據提示,你須要輸入密碼和確認密碼(也能夠直接回車,無需輸入)

  3. 在GitHub帳戶中添加你的公鑰

運行以下命令,將公鑰的內容複製到系統粘貼板(clipboard)中:

clip < ~/.ssh/id_rsa.pub

登陸github,進入設置選擇SSH在相應位置添加祕鑰

 

  4. 測試

輸入下面命令,查看設置是否成功:

$ ssh -T git@github.com

 

若是是下面的反饋,輸入yes便可:

 

  5.配置我的信息

如今你已經能夠經過SSH連接到GitHub了,還有一些我的信息須要完善的。 Git會根據用戶的名字和郵箱來記錄提交。GitHub也是用這些信息來作權限的處理,輸入下面的代碼進行我的信息的設置,把名稱和郵箱替換成你本身的,名字根據本身的喜愛本身取,而不是GitHub的暱稱。

$ git config --global user.name "ryanlijianchang"//用戶名
$ git config --global user.email  "liji.anchang@163.com"//填寫本身的郵箱

 

將本地的Hexo文件更新到Github的庫中

  1. 登陸github,進入剛剛創建的項目username.github.io,複製ssh地址

  2. 打開開始建立的Hexo文件夾,用記事本打開文件夾下的_config.yml文件,修改以下位置

  3. git命令部署推送

hexo g
hexo d

執行完以後會讓你輸入github的帳號和密碼,輸入完後就能夠登陸咱們本身的部署在Github Pages服務器上的博客了(https://username.github.io/)

 

美化博客

Hexo官方衆多主題任君選擇https://hexo.io/themes/

 

  •  克隆主題

打開Hexo文件夾下的themes目錄,右鍵Git Bash,在命令行輸入:

git clone https://github.com/iissnan/hexo-theme-random (此處random替換成你須要使用的主題的地址)

 

  •  下載完成後,打開Hexo文件夾下的配置文件_config.yml,修改參數爲:theme:name(根據實際狀況變動)
  •  本地效果查看滿意以後,便可部署推送到github上
hexo clean   (必需要,否則有時由於緩存問題,服務器更新不了主題)
hexo g -d

 

 

附錄:

推薦主題:random 

Markdown在線編輯器:

hexo經常使用命令:http://www.javashuo.com/article/p-asgsqgka-ch.html

相關文章
相關標籤/搜索