github+Hexo快速搭建我的博客

注意 本文主要針對Windows平臺和Hexo 3.xnode

準備工做

下載Gitlinux

[下載地址] Git官網git

下載Node.jsgithub

[下載地址] node.js官網npm

32位或64位按本身電腦的系統來選擇,若是不清楚,能夠直接在官網下載32位的,能夠兼容64位系統瀏覽器

安裝軟件

分別安裝git和node.js安裝包,一路下一步便可。緩存

配置git

配置本機上git的全局用戶名和密碼

安裝完Git之後,雙擊桌面的「Git Bash" 圖標,輸入如下命令:hexo

$ git config --global user.name "Your Name"
$ git config --global user.email "email@example.com"

其中的用戶名和郵箱以本身的來代替便可ssh

image

建立本機的SSH Key

輸入一下命令,你須要把郵件地址換成你本身的郵件地址,而後一路回車,使用默認值便可工具

$ ssh-keygen -t rsa -C "youremail@example.com"

若是一切順利的話,能夠在用戶主目錄裏找到.ssh目錄,裏面有id_rsa和id_rsa.pub兩個文件,這兩個就是SSH Key的祕鑰對,id_rsa是私鑰,不能泄露出去,id_rsa.pub是公鑰,能夠放心地告訴任何人。

image

配置github

在github上註冊一個本身的帳號,註冊過程就不詳細說了。註冊完之後登陸github ,點擊右上角本身頭像右邊的小箭頭,選擇「Settings-SSH and GPG keys」

image

image

而後,點擊頁面右邊的「Add SSH Key」,填上任意Title,在Key文本框裏粘貼剛剛得到到的id_rsa.pub文件的內容,id_rsa.pub用記事本打開就好。

image

接下來建立本身的倉庫,點擊「New repository」

image

填寫倉庫的名稱,名稱請按xx.github.io的格式填寫,xx爲本身的用戶名,填寫完成後點擊建立便可。

image

倉庫建立完成後的頁面以下,到這裏git的配置算基本完成了,接下來要配置一下Hexo。

image

配置Hexo

在本身電腦上新建一個空的文件夾,我這裏是在e盤下新建了一個Blog文件件,而後右鍵選擇「Git Bash Here"打開git,輸入一下命令

$ npm install -g hexo-cli

若是發現沒反應則應該是被牆了,則先安裝淘寶鏡像,命令以下

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

而後輸入安裝命令

$ cnpm install -g hexo-cli

image

出現的WARN能夠不用理會,繼續輸入如下命令

$ cnpm install hexo --save

安裝完成後,輸入「hexo -v"查看是否安裝正確,接下來在Blog文件夾下輸入一下命令初始化hexo

$ hexo init

輸入一下命令安裝生成器

$ cnpm install

image

安裝完成之後輸入一下命令打開hexo服務,就能夠在瀏覽器下輸入localhost:4000,就能夠在本地看到你的我的博客了

$ hexo s

image

image

配置上傳博客到github上

打開blog根目錄下的_config.yml配置文件,修改一下配置,public_dir項修改爲與以前創建的倉庫名稱一致,修改完後保存

image

在命令行中輸入如下命令,生成hexo博客的靜態文件

$ hexo g

image

這時候會發現blog目錄下多了一個與倉庫名稱同名的文件夾,裏面存放的就是剛剛生成的網頁文件,接下來的任務就是把這些靜態文件上傳到github上去

命令行進入到該文件夾,而後輸入如下命令初始化工做區

$ git init

image

輸入如下命令將靜態文件添加的版本庫的緩存區

$ git add --all

image

輸入如下命令將更改提交到版本庫,雙引號中的內容爲本身的更改說明,可按本身狀況填寫

$ git commit -m "git tracks changes"

image

上傳博客到github上

打開剛纔在github上創建的倉庫,複製ssh的地址

image

在Git命令行窗口中輸入如下命令,添加遠程庫,後面的那串git@....git字符串替換爲本身剛纔複製的ssh地址

$ git remote add origin git@github.com:michaelliao/learngit.git

image

最後輸入如下命令,將本地的版本庫推送到github上的遠程庫

$ git push -u origin master

第一次推送按以上的輸,之後的推送只要輸入一下命令便可

$ git push origin master

image

查看github上的倉庫裏,是否是已經有了剛纔推送的文件,這時候瀏覽器打開本身的git.io地址,就能夠看到本身的博客已經搭建起來啦!

如何新建文章

在blog目錄下打開git命令行窗口,輸入一下命令,雙引號中的內容替換成文章題目

$ hexo new "title"

而後在blog——source——_post目錄下就能夠看到本身新建的.md文件了,用編輯工具編寫文章,而後重複以上步驟添加到版本庫,推送到遠程版本庫便可。

本教程完

相關文章
相關標籤/搜索