使用Hexo+Github搭建屬於本身的博客(基礎)

前言

hexo是一個臺灣人作的基於Node.js的靜態博客程序,優點是生成靜態文件的速度很是快,支持markdown, 我最終選定它的緣由是它速度快並且不容易出錯,而且能夠一鍵部署到github或者其它靜態服務器上去。折騰了一天總算搞定。江湖小劍客html

環境:window10,nodejs(v8.10.0),git(version 2.15.1.windows.2),hexonode

環境準備

一、安裝Node.js和配置好Node.js環境,打開cmd命令行,成功界面以下git

C:\Users\liquan>node -v
v8.10.0

C:\Users\liquan>npm -v
5.6.0

 

 二、安裝Git和配置好Git環境,安裝成功的象徵就是在電腦上任何位置鼠標右鍵可以出現以下兩個選擇github

 

注意:通常出於安全考慮,只有在Git Bash Here中才能進行Git的相關操做。若是須要在cmd命令行裏調用Git,那麼就要配置電腦的環境變量Path,或者在安裝的時候選擇use Git from the Windows Command Prompt。這個無關緊要,影響不大,成功配置的界面如圖npm

C:\Users\liquan>git --version
git version 2.15.1.windows.2

 

 3.安裝Hexo,在本身認爲合適的地方創個文件夾,我是在E盤建了一個hexo文件夾。而後經過命令行進入到該文件夾裏面windows

C:\Users\liquan>e:

E:\>cd hexo

E:\hexo>

 輸入 npm install hexo -g ,開始安裝Hexo,以下則表示安裝完成瀏覽器

輸入 hexo -v ,檢查hexo是否安裝成功安全

E:\hexo>hexo -v
hexo: 3.6.0
hexo-cli: 1.1.0
os: Windows_NT 10.0.16299 win32 x64
http_parser: 2.7.0
node: 8.10.0
v8: 6.2.414.50
uv: 1.19.1
zlib: 1.2.11
ares: 1.10.1-DEV
modules: 57
nghttp2: 1.25.0
openssl: 1.0.2n
icu: 60.1
unicode: 10.0
cldr: 32.0
tz: 2017c

 輸入 hexo init ,初始化該文件夾(有點漫長的等待。。。)服務器

 輸入 npm install ,安裝所須要的組件markdown

 

輸入 hexo g , hexo s 首次體驗Hexo

 

而後用瀏覽器訪問http://localhost:4000, 此時,你應該看到了一個漂亮的博客了,固然這個博客只是在本地的,別人是看不到的,hexo3.0使用的默認主題是landscape。

 

 

發佈到github上面

首先你得有github帳號,若是沒有就去註冊個,很簡單的步驟。

建立repository

repository至關於一個倉庫,用來放置你的代碼文件。登錄進入Github,並進入我的頁面,選擇repositories,而後New一個repository。 建立時,只須要填寫Repository name便可。格式必須爲yourGitHubname.github.io,好比個人是noobgod.github.io

設置Git的user name 和email(若是是第一次的話)

上圖是上面建立的e://hexo文件夾裏面鼠標右鍵,點擊Git Base Here。這裏「feng」能夠替換成本身的用戶名,郵箱能夠替換成本身的郵箱

若是你是第一次使用Github或者是已經使用過,但沒有配置過SSH,則可能須要配置一下SSH。 在Git Bash輸入如下指令(任意位置點擊鼠標右鍵),檢查是否已經存在了SSH keys。 

1.輸入cd ~/.ssh,檢查是否由.ssh的文件夾

 

2.輸入ls,列出該文件下的內容。下圖說明存在

 

3.輸入 ssh-keygen -t rsa -C 「929762930@qq.com」 ,連續三個回車,生成密鑰,最後獲得了兩個文件:id_rsa和id_rsa.pub(默認存儲路徑是:C:\Users\Administrator\.ssh)。

 

4.輸入 eval "$(ssh-agent -s)" ,添加密鑰到ssh-agent

 5.再輸入 ssh-add ~/.ssh/id_rsa ,添加生成的SSH key到ssh-agent

 

6.鍵入如下指令,拷貝Key(先拷貝了,等一下能夠直接粘貼,不放心的在執行下面命令後,先黏貼在記事本上):

clip < ~/.ssh/id_rsa.pub

7.登陸Github,點擊頭像下的settings,添加ssh

8.新建一個new ssh key,將id_rsa.pub文件裏的內容複製上去,Ttile隨便你命名,Key就黏貼上你剛纔複製的key,而後點Add SSH key,最後會讓你從新輸入下gitHub的密碼 最後仍是測試一下吧,鍵入如下命令:

9.輸入 ssh -T git@github.com ,測試添加ssh是否成功。若是看到Hi後面是你的用戶名,就說明成功了

 問題:假如ssh-key配置失敗,那麼只要如下步驟就能徹底解決

首先,清除全部的key-pair
ssh-add -D
rm -r ~/.ssh
刪除你在github中的public-key

從新生成ssh密鑰對
ssh-keygen -t rsa -C "xxx@xxx.com"

接下來正常操做
在github上添加公鑰public-key:
一、首先在你的終端運行 xclip -sel c ~/.ssh/id_rsa.pub將公鑰內容複製到剪切板
二、在github上添加公鑰時,直接複製便可
三、保存

測試:

在終端 ssh -T git@github.com

10. 先修改D:\hexo下的_config.yml文件,記得一點,hexo的配置文件中任何’:’後面都是帶一個空格的

deploy:
  type: git
  repository: git@github.com:noobgod/noobgod.github.io.git
  branch: master

repo值是你在github項目裏的ssh(右下角)

我剛開始是部署到github上面,如今我部署到本身的騰訊雲主機上面去了, 原理都同樣,在騰訊雲主機上面建立一個git服務便可。而後上面的repository改爲本身的git服務器地址。

 

生成文章

1.在生成以及部署文章以前,須要安裝一個擴展:

npm install hexo-deployer-git --save

 

 

2.新建一篇博客,在cmd執行命令:hexo new post 「博客名」

E:\hexo>hexo new "hello-Hexo"
INFO  Created: E:\hexo\source\_posts\ceshi6.md

這時候在文件夾_posts目錄下將會看到已經建立的文件,經過markdown工具打開,就能夠編輯了

 

 3.使用編輯器編好文章,那麼就可使用命令: hexo d -g ,生成以及部署了

 

部署成功後訪問你的地址:http://用戶名.github.io。那麼將看到生成的文章

 

 

刪除文章

刪除文章,進入 /source/_posts目錄下,經過右鍵刪除想刪除的文章,而後執行命令:

hexo d -g 

 

好了,到此爲止,最基本的也是最全面的hexo+github搭建博客完結。接下來是進階的操做

 

參考列表:1.使用hexo搭建github博客

2.使用Hexo+Github一步步搭建屬於本身的博客(基礎)

3.使用Hexo+Github一步步搭建屬於本身的博客(進階)

相關文章
相關標籤/搜索