網(wǎng)上關(guān)于這個的教程非常多,今天我自己嘗試一下囊榜,感覺教程講得非常明白审胸,但自己實踐起來總是沒有那么的一帆風(fēng)順,會遇到這樣那樣的問題卸勺,所以寫點東西記下來砂沛,以防自己下次再碰到,或者可以及時救出跟我掉進同個坑里的朋友曙求。
什么是Hexo
hexo是一個基于Node.js的靜態(tài)博客程序碍庵,可以方便的生成靜態(tài)網(wǎng)頁托管在github和Heroku上映企。Hexo更加簡單優(yōu)雅, 而且風(fēng)格多變, 適合程序員搭建個人博客,而且支持多平臺的搭建。
1. 安裝Nodejs
nodejs是一個js的框架静浴,因為Hexo依賴于這個框架堰氓,所以要使用Hexo必須先安裝它。
ubuntu上安裝
本人比較懶苹享,一般可以簡單安裝就不想去麻煩双絮。和一般冉歡類似,在Ubuntu上Node也可以用apt-get安裝
$ sudo apt-get install nodejs
$ sudo apt-get install npm
當(dāng)然也有源碼編譯安裝的方法得问。
windows用戶
用戶可以直接用exe文件安裝(又是偷懶的辦法囤攀,哈哈),具體可以參考Nodejs安裝
2.安裝Hexo
正式安裝Hexo
$ sudo npm install -g hexo
初始化
$ hexo init
到這一步宫纬,其實Hexo的安裝都已經(jīng)完成了焚挠,下面是來顯示它的步驟
Hexo設(shè)置
$ hexo g #生成靜態(tài)網(wǎng)頁
$ hexo s #運行本地服務(wù)器
關(guān)于hexo 的命令,和命令的縮寫下面會講哪怔。順利的話會出現(xiàn)
INFO Start processing
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
此時說明你已經(jīng)安裝成功了,在瀏覽器地址欄輸上http://localhost:4000就能出現(xiàn)默認主題的博客界面了向抢。
主題更改
我使用的是next主題认境,大家的評論還是非常不錯的。
安裝主題
$ hexo clean
$ git clone https://github.com/iissnan/hexo-theme-next themes/next
更新主題
修改Hexo目錄下的_config.yml挟鸠,在theme屬性上叉信,將其設(shè)置為next,默認是landscape。
$ cd themes/next
$ git pull
$ hexo g
$ hexo s
現(xiàn)在重新打開http://localhost:4000/ 艘希,就發(fā)現(xiàn)新的主題安裝成功了硼身。
next主題的配置方法作者都非常全,Hexo官方配置教程
hexo 常用命令
1. $ hexo g == hexo generate #生成靜態(tài)網(wǎng)頁
2. $ hexo d == hexo deploy #部署
3. $ hexo s == hexo server #啟動服務(wù)器
安裝配置github
安裝git
ubuntu系統(tǒng)一般都自帶的git覆享,如果沒有可以通過這個命令
sudo apt-get install git
要是不知道有沒有安裝佳遂,也可以在命令行里輸入這個安裝命令,如果你有安裝會告訴你git已經(jīng)是最新版本了撒顿。
windows用戶可以在Git官網(wǎng)下載安裝就可以丑罪。安裝完成后出現(xiàn)Git Bash了就說明成功了。
配置github
在命令行里輸入
$ git config --global user.name "yourName"
$ git config --global user.eamil "email@example.com"
ubuntu直接在命令行里輸入凤壁,windows在Git Bash 里輸入吩屹,其中yourname 是輸入你自己的用戶名,email@example.com輸入你自己的注冊郵箱拧抖。
創(chuàng)建公鑰
輸入
ssh-keygen -C 'you email address@gmail.com' -t rsa
這里的C必須大寫煤搜,之后你可以一直按回車,直到出現(xiàn)
之后會在用戶目錄 ~/.ssh/ 下建立相應(yīng)的密鑰文件唧席,即 ~/.ssh/id_rsa.pub 擦盾,打開該文件嘲驾,在下面一步有用。
添加公鑰
還是在github首頁右上角點擊頭像厌衙,選擇Settings距淫,然后選擇New SSH KEY,把上面一步id_rsa.pub文件的秘鑰復(fù)制進去就好了婶希。
創(chuàng)建項目倉庫
登錄Github官網(wǎng)榕暇,點擊右上角的+,選擇New repository喻杈。
在頁面里輸入github賬戶名.github.io只能這么填彤枢,不能改,例如我的是**tofulife.github.io填完后點擊Create repository即可筒饰。
現(xiàn)在github也配置完了缴啡。。瓷们。
部署到github
打開hexo 目錄下的_config.yml
$ sudo gedit _config.yml
到最底下业栅,改成這樣子,注意:后面一定要空格
deploy:
type: git
repository: https://github.com/tofulife/tofulife.github.io.git
branch: master
把其中的tofulfie改成你的username谬晕。另外碘裕,還需要裝個Hexo的插件才能push到git上。
npm install hexo-deployer-get --save
現(xiàn)在你就可以瀏覽器上輸入攒钳,yourname.github.io訪問的你的博客了帮孔。
掉進的坑
網(wǎng)頁404
總是會有些坑一直等著你跳。我的git也配置好了不撑,Hexo也能在本地打開文兢,但就是push不到git上,一直顯示404焕檬。使用
$ hexo d
提示“無法推送一些引用到 'git@github.com:tofulife/tofulife.github.io.git'”其實到現(xiàn)在我也不知道原因姆坚。
網(wǎng)上有教程說,不用deploy实愚,直接通過git命令push上去旷偿,但是還是提示錯誤。
后來我用這些命令重新來了一遍
$ hexo clean
$ hexo generate
$ hexo deploy
竟然成功了爆侣,現(xiàn)在我知道估計是deploy文件有問題萍程,但是具體什么問題不清楚。如果有“坑友”跟我遇到一樣的問題兔仰,或者類似的問題茫负,可以試試上面的命令,重新把Hexo部署一般乎赴,希望能幫到你忍法。
接下來就是博客的配置了潮尝,發(fā)現(xiàn)博客有好多東西可以玩,例如饿序,瀏覽量勉失,評論等,抽時間自己配置完了再寫哈原探!
最后我有參考下面的文章
感謝這樣的大神,讓我們小白漲姿勢咽弦。