由于最近剛搭建的博客,所以特此來記錄下我的個人經(jīng)驗。注:本文使用的環(huán)境為Mac OS邪狞。Windows的也基本差不多,可以參考茅撞。
環(huán)境配置
需要安裝的工具包括:Node.js, Git, Hexo帆卓。
1. 安裝Node.js
用來生成靜態(tài)頁面,建議Node.js官網(wǎng)下載米丘,然后一路安裝即可剑令。
2.安裝git
用來將本地Hexo內(nèi)容提交到Github上。Xcode自帶Git拄查,這里不再贅述吁津。或者點擊安裝程序來下載安裝git.
3.安裝Hexo
以上都安裝完畢后之后就可以安裝Hexo, Hexo 是一個快速堕扶、簡潔且高效的博客框架碍脏。終端命令:
$ sudo npm install -g hexo-cli
這里要需要輸入管理員密碼(Mac登錄密碼)即開始安裝 (sudo:linux系統(tǒng)管理指令 -g:全局安裝)
接下來在你磁盤上新建一個文件夾,比如"Hexo"然后cd到這個目錄下稍算,執(zhí)行hexo init命令:
$ hexo init blog
blog是你建立的文件夾名稱典尾。cd到blog文件夾下,執(zhí)行如下命令糊探,安裝npm:
$ npm install
現(xiàn)在已經(jīng)搭建起一個本地博客了钾埂,接著輸入一下命令生成靜態(tài)文件:
$ hexo g
然后輸入如下命令:
$ hexo s
啟動服務(wù)器。默認(rèn)情況下科平,訪問網(wǎng)址為:http://localhost:4000/褥紫。(control+c停止)
關(guān)聯(lián)GitHub
首先登錄你的Github帳號,沒有的可以先去注冊下匠抗,這里就不多說了故源。
1.創(chuàng)建倉庫
在github首頁,新建倉庫汞贸,用戶名.github.io固定寫法,如下圖所示:
然后點擊Create Repostory完成。
終端cd到blog文件夾下印机,vim打開_config.yml矢腻,(也可使用編輯器打開)命令如下:
$ vim _config.yml
打開后往下滑到最后,修改成下邊的樣子:
deploy:
type: git
repository: https://github.com/username/username.github.io.git
branch: master
你需要將repository后username換成你自己的用戶名射赛,需要注意的是冒號后面都有一個空格
在blog文件夾目錄下執(zhí)行生成靜態(tài)頁面命令:
$ hexo generate 或者:hexo g
此時若出現(xiàn)如下報錯:
ERROR Local hexo not found in ~/blog
ERROR Try runing: 'npm install hexo --save‘
則執(zhí)行命令:
npm install hexo --save
若無報錯多柑,自行忽略此步驟。
再執(zhí)行配置命令:
$ hexo deploy 或者:hexo d
若執(zhí)行命令hexo deploy仍然報錯:無法連接git或找不到git楣责,則執(zhí)行如下命令來安裝hexo-deployer-git:
$ npm install hexo-deployer-git --save
再次執(zhí)行hexo generate和hexo deploy命令竣灌。
若你未關(guān)聯(lián)Github聂沙,則執(zhí)行hexo deploy命令時終端會提示你輸入Github的用戶名和密碼,即
Username for 'https://github.com':
Password for 'https://github.com':
hexo deploy命令執(zhí)行成功后初嘹,瀏覽器中打開網(wǎng)址http://jimmyju.github.io(將jimmyju換成你的用戶名)能看到和打開http://localhost:4000時一樣的頁面及汉。
2.添加ssh key到Github
1.執(zhí)行如下命令生成ssh key:
$ ssh-keygen -t rsa -C "your_email@example.com"
注意將
your_email@example.com
換成你自己注冊Github的郵箱地址。
默認(rèn)會在相應(yīng)路徑下(~/.ssh/id_rsa.pub)生成id_rsa和id_rsa.pub兩個文件屯烦。
2.添加ssh key到github中:
Find前往文件夾~/.ssh/id_rsa.pub打開id_rsa.pub文件坷随,里面的信息即為SSH key,將這些信息復(fù)制到Github的Add SSH key頁面即可驻龟。
進入Github –> Settings –> SSH keys –> add SSH key:
Title里任意添一個標(biāo)題温眉,將復(fù)制的內(nèi)容粘貼到Key里,點擊下方Add key綠色按鈕即可翁狐。
3.接下來就是發(fā)布文章了类溢,終端cd到blog文件夾下,執(zhí)行如下命令新建文章:
$ hexo new "postName"
名為postName.md的文件會建在目錄/blog/source/_posts下露懒,postName是文件名闯冷,為方便鏈接不建議摻雜漢字。你當(dāng)然可以用vim來編輯文章隐锭。我用的MWeb編輯器窃躲,如果你有好用的markdown編輯器請推薦給我,感激不盡钦睡!
注:文章編輯完成后蒂窒,終端cd到blog文件夾下,執(zhí)行如下命令來發(fā)布:
$ hexo generate 可簡化成:hexo g
//生成靜態(tài)頁面
$ hexo deploy 可簡化成:hexo d
//將文章部署到Github
至此荞怒,Mac上搭建基于Github的Hexo博客就完成了洒琢。
博客主題
下面就說一下安裝主題的方法,這里可以你可以到Hexo官網(wǎng)主題頁去搜尋自己喜歡的theme褐桌。這里以hexo-theme-next為例, 注意: 每根換一次主題之前衰抑,運行如下命令:
$ hexo clean //清除緩存文件
1.終端cd到 blog 目錄下執(zhí)行如下命令:
$ git clone https://github.com/iissnan/hexo-theme-next themes/next
然后將blog目錄下_config.yml里theme的名稱landscape修改為next
2.終端cd到blog目錄下執(zhí)行如下命令(每次部署文章的步驟):
$ hexo clean //清除緩存文件 (db.json) 和已生成的靜態(tài)文件 (public)
$ hexo g //生成緩存和靜態(tài)文件
$ hexo d //重新部署到服務(wù)器
至于更改theme內(nèi)容比如名稱、描述荧嵌、頭像等去修改blog/_config.yml文件和blog/themes/next/_config.yml文件中對應(yīng)的屬性名稱即可呛踊, 不要忘記冒號:后加空格。 NexT 使用文檔里有極詳細的介紹啦撮。
后記
以上便是我博客的全過程谭网。。赃春。愉择。。