使用hexo生成博客

之前,也創建過一次博客。是通過百度別人的文章,跟着步驟一步一步來做的。過程中遇到的幾個問題基本都是因爲環境變量沒配置好,以及命令順序錯誤。雖然最後博客是搭建成功了,搭建過程卻還是感覺不清不楚的,那次的創建,基本上只是起到了大概熟悉下git和github怎麼使用。所以,就有了這篇文章。

以下內容建立在對git、github、node.js有一點了解的基礎上。

軟件的安裝

我們需要安裝gitnode.js這兩個軟件,我不確定版本是否會有影響,我這邊安裝的是Git-2.6.3和node-v4.2.2這兩個版本。安裝完後記得要進行環境配置。

SSH key的生成

我們使用SSH key讓本地git項目和github建立連接。這裏需要幾個步驟來實現:

1、檢測是否已經有SSH key

cd ~/. ssh

如果已經存在,會進入SSH文件夾,key就在裏面,可直接跳過第二步。

2、生成SSH Key

ssh-keygen -t rsa -C"郵箱地址@youremail.com"

出現Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):<回車就好>
接下去需要輸入兩次密碼即可生成key。

3、把key添加到github上

登錄github後點擊Settings,選擇SSH keys-Add SSH key;
用文本打開id-rsa.pub,複製裏面的內容放置到key窗口裏保存即可。

安裝hexo-cli

安裝並配置完軟件以後,我們需要安裝hexo。可以使用自帶的命令臺或者GIT BASH進行安裝,輸入命令:

npm install -g hexo-cli

在被牆的情況下,npm可能很難使用,這個時候可以考慮使用cnpm,cnpm需要安裝,可參照淘寶NPM鏡像進行設置。

開始創建博客項目

hexo安裝完後,就可以開始着手項目了,使用命令:

hexo init myBlog

創建一個項目後,進入項目

cd myBlog

這邊需要先運行下面這個命令,沒有運行這個命令的話,會卡在無法提交到github這一步上,沒有補救的方法,只能重新來:

npm install hexo-deployer-git --save

接着運行

npm install

執行完到這邊,我們的博客創建之路已經走了一大半。這邊我們可以輸入一下命令

hexo g
hexo s

然後在瀏覽器中登錄http://localhost:4000/來查看是否成功生成了頁面。
接下去再對全局的config.yml(有幾個,我們這邊修改的是創建的myBlog目錄下的config.yml)進行配置後就可以上傳到github上並進行訪問了。

修改config.yml配置

用文本打開config.yml,在最末尾添加如下內容:

deploy:
  type: git
  repository: https://github.com/JarvisKent/jarviskent.github.io.git [改成你自己的倉庫]
  branch: master

這邊需要注意的是:後面的空格是必須有的,不能省略。
修改完保存後,輸入如下命令

hexo d -g

接着會要求輸入github賬號和密碼,輸入後即可上傳成功。
驗證是否創建成功,打開瀏覽器輸入jarviskent.github.io(倉庫名),即可驗證是否創建成功。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章