搭建自己博客

一、預(yù)備工作

1、安裝node.js以及npm
(1)windows下的NodeJS安裝是比較方便的(v0.6.0版本之后,支持windows native),
只需要登陸官網(wǎng)((http://nodejs.org/)),找到對(duì)應(yīng)版本,下載安裝即可。
(2)安裝過(guò)程基本直接“NEXT”就可以了。(windows的安裝msi文件在過(guò)程中會(huì)直接添加path的系
統(tǒng)變量,變量值是你的安裝路徑,例如“C:\Program Files\nodejs”)
(3)安裝完成后可以使用cmd(win+r然后輸入cmd進(jìn)入)測(cè)試下是否安裝成功。方法:在cmd下
輸入node -v,如果出現(xiàn)nodejs的版本信息,則證明安裝正確。
(4)npm的安裝。由于新版的NodeJS已經(jīng)集成了npm,所以之前npm也一并安裝好了。同樣可以使
用cmd命令行輸入"npm -v"來(lái)測(cè)試是否成功安裝。
(5)npm作為一個(gè)NodeJS的模塊管理,需要一些額外的配置

①、我們要先配置npm的全局模塊的存放路徑以及cache的路徑,例如我希望將以上兩個(gè)文件夾放在NodeJS的主目錄下,便在NodeJs下建立"node_global"及"node_cache"兩個(gè)文件夾。如下圖

捕獲.JPG

②、啟動(dòng)cmd,輸入
npm config set prefix "C:\Program Files\nodejs\node_global"
以及
npm config set cache "C:\Program Files\nodejs\node_cache"
③、現(xiàn)在我們來(lái)裝個(gè)模塊試試,選擇express這個(gè)比較常用的模塊。同樣在cmd命令行里面,輸入“npm install express -g”
④、關(guān)閉cmd,打開(kāi)系統(tǒng)對(duì)話框,“我的電腦”右鍵“屬性”-“高級(jí)系統(tǒng)設(shè)置”-“高級(jí)”-“環(huán)境變量”。
⑤、進(jìn)入環(huán)境變量對(duì)話框,在系統(tǒng)變量下新建"NODE_PATH",輸入”C:\Program Files\nodejs\node_global\node_modules“。(ps:這一步相當(dāng)關(guān)鍵。)
2014.4.19新增:由于改變了module的默認(rèn)地址,所以上面的用戶變量都要跟著改變一下(用戶變量"PATH"修改為“C:\Program Files\nodejs\node_global\”),要不使用module的時(shí)候會(huì)導(dǎo)致輸入命令出現(xiàn)“xxx不是內(nèi)部或外部命令,也不是可運(yùn)行的程序或批處理文件”這個(gè)錯(cuò)誤。
⑥、以上步驟都OK的話,我們可以再次開(kāi)啟cmd命令行,進(jìn)入node,輸入“require('express')”來(lái)測(cè)試下node的模塊全局路徑是否配置正確了。正確的話cmd會(huì)列出express的相關(guān)信息。如下圖(如出錯(cuò)一般都是NODE_PATH的配置不對(duì),可以檢查下第④⑤步)

2、配置github
(1)先new repository,建一個(gè)倉(cāng)庫(kù)。
(2)repository name一定要跟owner名一致,即取成Ownername.github.io。描述
自己隨便寫(xiě)。可以勾選要readme也可以選擇不要。然后點(diǎn)Create repository。
(3)github倉(cāng)庫(kù)就配好了

3、電腦裝git
(1)在Windows下,打開(kāi)Git Bash,在使用git前配置一下如下內(nèi)容:
git config –global user.name “test” # 請(qǐng)將test處換成你自己的名字
git config –global user.emailtest@163.com” # 輸入你自己的郵箱
git config –global core.ignorecase false
(2)檢查電腦上現(xiàn)有的ssh key。
cd cd .ssh
(3)生成新的SSH Key,輸入如下代碼,即可生成新的key文件:
$ ssh-keygen -t rsa -C “郵件地址@youremail.com”
Generating public/private rsa key pair.
Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):(這 里直接回車(chē))
Enter passphrase (empty for no passphrase):<輸入加密串>(建議直接回車(chē)設(shè)置 空密碼)
Enter same passphrase again:<再次輸入加密串>(直接回車(chē))
最后看到這樣的界面,就成功設(shè)置ssh key了:

4、將git與github連上
(1)添加SSH Key到GitHub:
用文本編輯工具打開(kāi)id_rsa.pub文件(此文件夾位置請(qǐng)看上一步3中的圖),如
果看不到這個(gè)文件,你需要設(shè)置顯示隱藏文件。準(zhǔn)確的復(fù)制這個(gè)文件的內(nèi)容,
才能保證設(shè)置的成功。
(2)進(jìn)入你的github主頁(yè),點(diǎn)擊settings。 選擇 SSH and GPG keys 選線,然后再
點(diǎn)擊new ssh key,將id_rsa.pub,將里面的內(nèi)容全部復(fù)制到此。
(3)測(cè)試一下看看是否成功連接上。
$ ssh -T git@github.com
如果要選yes/no就敲打你的鍵盤(pán)輸入yes,要是出現(xiàn)
Hi username! You’ve successfully authenticated, but GitHub does not provide
shell access.
那就成功了。

二、安裝Hexo
1、新建一個(gè)文件件來(lái)放相關(guān)內(nèi)容,如 d:/blog,然后以管理員身份打來(lái)git bash
2、npm install-g hexo
之后,到指定的hexo目錄,建立一個(gè)hexo文件夾,進(jìn)入到 d:/blog/hexo目錄
hexo init
3、本地的hexo文件夾下內(nèi)容為:
_config.yml
db.json
node_modules
package.json
scaffolds
source
themes
4、打開(kāi)_config.yml ,在文件最后deplo修改如下
deploy:
type: git
repository: [https://github.com/yourID/yourID.github.io.git]
(https://github.com/yourID/yourID.github.io.git)
branch: master
yourID請(qǐng)換成自己的用戶名

注:在配置所有的_config.yml文件時(shí)(包括theme中的),在所有的冒號(hào):后邊都要加一個(gè)空格,否則執(zhí)行hexo命令會(huì)報(bào)錯(cuò)。
博主本人的報(bào)錯(cuò)為FATAL bad indentation of a mapping entry at line 72, column 15:
請(qǐng)確認(rèn)您使用空格進(jìn)行縮進(jìn)(Soft tab),并確認(rèn)冒號(hào)后有一個(gè)空格。

5、在blog文件夾目錄下執(zhí)行生成靜態(tài)頁(yè)面命令
hexo generate 或者 hexo g
注:若執(zhí)行命令hexo deploy仍然報(bào)錯(cuò):無(wú)法連接git,則執(zhí)行如下命令來(lái)安裝hexo-
deployer-git:
npm install hexo-deployer-git --save
再次執(zhí)行hexo generate和hexo deploy命令

6、打開(kāi)網(wǎng)頁(yè)
瀏覽器中打開(kāi)網(wǎng)址http://yourID.github.io
7、發(fā)布文章

終端cd到blog文件夾下
hexo new "postName" //新建文章,位于目錄/blog/source/_posts下
編輯文章
終端cd到blog文件夾下
hexo generate //生成靜態(tài)頁(yè)面
hexo deploy //將文章部署到Github

三、安裝theme
目前比較流行的是next主題,具體安裝步驟如下
終端cd到 hexo目錄
git clone https://github.com/iissnan/hexo-theme-next themes/next
將hexo目錄下_config.yml里theme的名稱landscape修改為next
附:NexT 使用文檔

更改theme內(nèi)容,修改 blog/_config.yml 文件和 hexo/themes/next/_config.yml 文件中對(duì)應(yīng)的屬性名稱即可。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容