只需30分鐘,使用HEXO快速搭建個人博客網站

習慣寫博客的博主們可能都有過類似的經歷:辛辛苦苦寫的文章總莫名的被刪;想發表一些觀點卻審查不通過,明明是自己寫的文章卻被第三方拿來打廣告,而且還不分給你錢,自己搭個網站吧,不會寫代碼不說,還要花錢買服務器。

只需30分鐘,使用HEXO快速搭建個人博客網站

如果現在告訴你,你的博客你做主,不用寫代碼,不用花錢買服務器,只要半個小時就能搭建一個完全屬於你個人的博客網站。先上一下別人做好的效果圖:

只需30分鐘,使用HEXO快速搭建個人博客網站

準備工作

1.安裝Node.js一路next即可

只需30分鐘,使用HEXO快速搭建個人博客網站

2.安裝git,一路next即可

只需30分鐘,使用HEXO快速搭建個人博客網站

3.註冊github賬號,這個步驟就不說了吧…

只需30分鐘,使用HEXO快速搭建個人博客網站

4.生成ssh key(這一步非必須)

4.1 檢測之前是否有生成過ssh沒

只需30分鐘,使用HEXO快速搭建個人博客網站

cd ~/.ssh #注意 ~/.ssh之間沒有空格

如果提示:No such file or directory 說明你還未生成ssh key

4.2 生成新的ssh key

$ ssh-keygen -t rsa -C "郵件地址@youremail.com" //這個郵箱地址就是你註冊github使用的郵箱
Generating public/private rsa key pair.
Enter file in which to save the key (/c/Users/xxx/.ssh/id_rsa):

(第三行是在詢問你將生成的ssh key放在哪裡默認是你的用戶目錄,這裡直接回車就好)

4.3 接下來或讓你創建一個密碼,並再次確認

Created directory '/c/Users/xxx/.ssh'.
Enter passphrase (empty for no passphrase):
Enter same passphrase again:

4.4 添加 ssh key 到 github

打開本地/c/Users/xxx/.ssh,你的肯定不是我這個文件,改成你在是第二步保存的文件位置,將id_rsa.pub文件用記事本打開,將此文件裡面內容為剛才生成人密鑰。如果看不到這個文件,你需要設置顯示隱藏文件。複製這個文件的內容,登陸你的github,點擊右上角頭像處的下拉列表 Settings—>SSH and GPG keys —> 右上角 New SSH key,把你本地生成的密鑰複製到裡面(key文本框中), 點擊add key就 ok 了.同時你也可以設置title用來為這個 key 做一個標示,因為我們很可能在多臺電腦上都寫博客並推送,不同的電腦需要按照相同的步驟,當然生成的ssh key是不同的,如果你需要同時在另一臺電腦上工作,就需要把另一臺電腦的ssh key 也添加到你的github中,title所以,你自己可以區分開就好,比如單位的,用一個work,在家的用一個home,隨你喜歡.

4.5 測試 ssh 是否正確設置

$ ssh -T [email protected]

The authenticity of host 'github.com (207.97.227.239)' can't be established.
RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48.
Are you sure you want to continue connecting (yes/no)?
//這一步輸入yes
	
Hi cnfeat! You've successfully authenticated, but GitHub does not provide shell access.

(如果正常的話,就是顯示這些內容了.)

4.6 設置用戶信息

$ git config --global user.name "userName" //你的用戶名,要加雙引號的啊
$ git config --global user.email "[email protected]" //填寫自己的郵箱 ,也要加雙引號的啊

建立博客

1.登陸 github ,創建一個新的倉庫,名字叫做 xxx.github.io,這裡xxx要換成你的 github 的用戶名,點擊「Create Repository」 完成創建。

只需30分鐘,使用HEXO快速搭建個人博客網站

2.創建一個文件夾來保存你寫的博客,例如在 E 盤下創建文件夾 blogs

3.進入該文件夾,鼠標右鍵,打開git bash

4.安裝hexo,在bash中輸入npm install -g hexo

5.bash中進入bolgs文件夾下

cd E:/blogs

6.輸入hexo init

7.現在已經搭建起來一個本地博客了 , 輸入以下命令驗證

$ hexo g -生成

$ hexo s -啟動服務本地預覽

然後到瀏覽器輸入localhost:4000進行預覽(ctrl + c 停止本地預覽)

更換主題

目前使用的是hexo默認的主題,其實也很好看的,如果你不喜歡,可以更換主題,這裡推薦jacman

1.下載主題:

將主題下載到blogs/theme目錄下在bash中執行git clone https://github.com/wuchong/jacman.git E:/blogs/themes/jacman

2.更換主題

修改blogs目錄下的config.yml配置文件中的theme屬性,將其設置為jacman

3. 啟用主題

hexo clean --因為主題換了 你需要clean以下老主題生成的緩存
cd themes/jacman
git pull
hexo g --生成
hexo s --啟動本地預覽

上傳博客

經過上面的步驟之後,就可以開始寫博客並上傳到github上了,步驟如下:

  1. 進入到blogs文件加下,運行hexo n "博客文件名"
  2. 找到blogs/source/_posts/xxx其中xxx是第一步新鍵的博客文件名,默認為.md文件
  3. 打開該文件,書寫博客,保存
  4. 執行 ./ok.sh,中間可能會遇到讓你輸入用戶名和密碼的情況,輸入即可.(關於ok.sh,請看下面的快捷部署)

快捷部署

1.進入 blogs 的根目錄 接著操作以下命令將你之前創建的GitHub 倉庫克隆到本地 , 命令會新建一個目錄叫做.deploy用於存放克隆的代碼。

$ git clone https://github.com/你倉庫的名字 .deploy/你的名字.github.io

2.接著在 blogs根目錄下創建一個 .txt 文件 , 把下面的命令複製進去

hexo generate 
#在blogs/public 下面生成博客對應的html文件
cp -R public/* .deploy/你的名字.github.io 
 #將 public 下的所有文件拷貝到本地的.deploy/你的名字.github.io 路徑下
cd .deploy/你的名字.github.io
#進入.deploy/zachaxy.github.io路徑
git add .
git commit -m "update"
git push origin master
#將本地文件推送到遠程分支

3.將這個 .txt 文件的後綴改成 .sh , 它就變成了腳本文件 , 我們就將文件改成 ok.sh

4.從此以後需要部署本地博客到 GitHub , 在 hexo 根目錄下,直接./ok.sh , 會彈出提示 , 需要輸入 GitHub 的用戶名跟密碼 , 按提示輸入自己的用戶名和密碼即可

大功告成

在瀏覽器中輸入:https://你的名字.github.io/, 即可看到你自己的博客,以後你每當本地寫好博客後都執行一次ok.sh腳本,則你的博客網站會自動更新你新寫的博客文章,媽媽再也不擔心你的博客被刪啦!

只需30分鐘,使用HEXO快速搭建個人博客網站



分享到:


相關文章: