2018-02-03

本篇為從零開始的基礎篇,其他SEO谍婉、評論系統(tǒng)、統(tǒng)計等請看Hexo博客添加SEO-評論系統(tǒng)-閱讀統(tǒng)計-站長統(tǒng)計,本篇所包含的內(nèi)容如下:

安裝Git Bash

安裝NodeJs

安裝hexo

生成SSH并添加到github

部署項目

上傳到github

綁定個人域名

修改及配置主題

添加RSS

添加評論

寫文章部分

耍起來

由于小花的電腦在搭建博客之前就有了各種環(huán)境柠贤,但是對于沒有任何基礎的人來講,我覺得還是從源頭開始講會好一點类缤,就像教別人做菜臼勉,總得把所有的用料及步驟說清楚對吧?(大佬們可以自動忽略啊啊啊啊~)

1.?安裝Git Bash

我一直不太喜歡在cmd中操作各種命令餐弱,所以挑了這個比較好使的Git Bash, 我的是windows環(huán)境宴霸,所以下載windows版本并安裝就可以了。

下載地址

安裝步驟:雙擊下載好的exe文件膏蚓,一路next就好啦

安裝好后瓢谢,打開gitbash,查看版本:

命令:git version?(寫這篇博客的時候最新版本:2.12.2)

然后你就可以在這里發(fā)揮你的聰明才智了

2.?安裝NodeJs

Hexo是基于nodeJS環(huán)境的靜態(tài)博客驮瞧,里面的npm工具很有用啊氓扛,所以還是老老實實把這玩意兒裝了吧

下載地址(說明:LTS為長期支持版,Current為當前最新版)

安裝步驟:反正下載好msi文件后剧董,雙擊打開安裝幢尚,也是一路next,不過在Custom Setup這一步記得選?Add to PATH?,這樣你就不用自己去配置電腦上環(huán)境變量了翅楼,裝完在按?win + r?快捷鍵調(diào)出運行尉剩,然后輸入cmd確定,在cmd中輸入path可以看到你的node是否配置在里面(環(huán)境變量)毅臊,沒有的話你就自由發(fā)揮吧理茎。

查看版本:

命令:node -v

又到自由發(fā)揮的時候了

3.?安裝hexo

看到這么多安裝,千萬不要緊張,小哥哥小姐姐們一定要穩(wěn)住皂林,別怕朗鸠,因為后面的東西都是在gitbash中用npm工具安裝就好了。

先創(chuàng)建一個文件夾(用來存放所有blog的東西)础倍,然后cd到該文件夾下烛占。

安裝hexo命令:npm i -g hexo

安裝完成后,查看版本:

初始化命令:hexo init?沟启,初始化完成之后打開所在的文件夾可以看到以下文件:

解釋一下:

node_modules:是依賴包

public:存放的是生成的頁面

scaffolds:命令生成文章等的模板

source:用命令創(chuàng)建的各種文章

themes:主題

_config.yml:整個博客的配置

db.json:source解析所得到的

package.json:項目所需模塊項目的配置信息

做好這些前置工作之后接下來的就是各種配配配置了忆家。

4.?搭橋到github

沒賬號的創(chuàng)建賬號,有賬號的看下面德迹。

創(chuàng)建一個repo芽卿,名稱為yourname.github.io, 其中yourname是你的github名稱,按照這個規(guī)則創(chuàng)建才有用哦胳搞,如下:

回到gitbash中卸例,配置github賬戶信息(YourName和YourEail都替換成你自己的):

創(chuàng)建SSH

在gitbash中輸入:ssh-keygen -t rsa -C "youremail@example.com,生成ssh肌毅。然后按下圖的方式找到id_rsa.pub文件的內(nèi)容筷转。

將上面獲取的ssh放到github中:

添加一個?New SSH key?,title隨便取芽腾,key就填剛剛那一段旦装。

在gitbash中驗證是否添加成功:ssh -T git@github.com

完成下一步你就成功啦!

5.?一步之遙

用編輯器打開你的blog項目摊滔,修改_config.yml文件的一些配置(冒號之后都是有一個半角空格的):

deploy:? type:git? repo:https://github.com/YourgithubName/YourgithubName.github.io.git? branch:master

回到gitbash中阴绢,進入你的blog目錄,分別執(zhí)行以下命令:

hexocleanhexo generatehexo server

注:hexo 3.0把服務器獨立成個別模塊艰躺,需要單獨安裝:npm i hexo-server呻袭。

打開瀏覽器輸入:http://localhost:4000

接著你就可以遇見天使的微笑了~

6.?上傳到github

先安裝一波:npm install hexo-deployer-git --save(這樣才能將你寫好的文章部署到github服務器上并讓別人瀏覽到)

執(zhí)行命令(建議每次都按照如下步驟部署):

hexocleanhexo generatehexo deploy

注意deploy的過程中要輸入你的username及passward。如下:

在瀏覽器中輸入http://yourgithubname.github.io就可以看到你的個人博客啦腺兴,是不是很興奮左电!

感覺gitbash中東西太多的時候輸入clear命令清空。

7.?綁定個人域名

不想綁定的自行忽略

第一步購買域名:隨便在哪個網(wǎng)站買一個就好了页响,小花是在阿里云購買的visugar.com, DNS也是順道在那買的篓足。

第二步添加CNAME:在項目的source文件夾下新建一個名為CNAME的文件,在里面添加你購買的域名闰蚕,比如我添加的是visugar.com栈拖,只能添加一個哦。

到DNS中添加一條記錄:

其中ip地址為你的github的地址没陡,可在cmd中ping一下就能看到(ping yourname.github.io):

接著再次部署一下涩哟,用你購買的域名打開索赏,就可以看到你的博客啦~

8.?修改及配置主題

hexo初始化之后默認的主題是landscape?, 然后你可以去這個地址里面找到你想要的主題。在github中搜索你要的主題名稱贴彼,里面都會有該主題的如何使用的介紹潜腻,按著來就好了,反正就是改改改器仗!我選的是hueman,看起來挺不錯融涣,至少是我喜歡的類型。

跟該主題相關(guān)的配置在themes/hueman/_config.yml里面,然后根據(jù)你的需要在這配配配就行了精钮。

有的東西我也不知道是啥玩意兒暴心,你要多試多倒騰幾次,就能意會啦

下面是針對我所選的主題的兩小點(別的主題我沒看杂拨,可能也是類似):

在導航欄添加點東西

例如我添加了一個更新日志的模塊。

在主題的配置文件中悯衬,menu添加一欄:Board: /board弹沽。

然后在source中添加一個board,即對應上面的名字筋粗。然后再創(chuàng)建一個index.md策橘,里面可以寫你想寫的內(nèi)容。

在主題的hueman/langulages/zh-CN.yml中的index適當?shù)奈恢眉樱篵oard: '更新日志'娜亿,位置和名字是你自己設定丽已。

重新部署,然后就OK了

在側(cè)邊欄添加點東西

回到你的主題的配置文件中买决,找到widgets一欄沛婴,在你要添加的位置處添加一條你自定義的名稱。例如我的叫communiation且放在了第二行督赤。

在上面所提到的zh-CN.yml文件中找到sidebar一欄嘁灯,添加communiation: '你要設的名稱'。

在hueman/layout/widget中添加一個communiation.ejs,填入模板

<%if(site.posts.length) { %><%=__('sidebar.communiation') %><%} %>

9.?添加RSS

先安裝rss相關(guān)插件:npm i hexo-generator-feed

在你的項目的_config.yml配置文件下找到Extensions添加如下內(nèi)容:

# Extensions? #插件和主題## Plugins: https://hexo.io/plugins/## Themes: https://hexo.io/themes/#RSS訂閱plugin:- hexo-generator-feed#Feed Atomfeed:? type:atom? path:atom.xml? limit:20

進入到你的主題的配置文件下躲舌,找到你的放rss的位置丑婿,添加/atom.xml即可。

重新部署再打開就能看到效果啦~

10.?添加評論

20170812更新:

云更貼已在2017年8月1日停止服務没卸,具體評論系統(tǒng)文章統(tǒng)計站長統(tǒng)計及百度SEO谷歌SEO什么的可參考Hexo博客添加SEO-評論系統(tǒng)-閱讀統(tǒng)計-站長統(tǒng)計

-----

此段已失效羹奉。

先選一個你要使用的第三方評論系統(tǒng),最好找個靠譜點的(我使用的是網(wǎng)易云跟帖)约计。

在主題的配置文件下找到comment诀拭,添加一行,例如我添加的是yungentie: 此處自由發(fā)揮

注冊完評論系統(tǒng)后獲取相應的代碼病蛉,然后在主題的layout下找到comment新建一個ejs模板文件炫加,名稱自定義瑰煎。

找到你的article.ejs模板文件,加上<%- partial('comment/你剛剛?cè)〉妹?) %>保存俗孝。

重新部署酒甸,OK啦

11.?寫文章部分

新建文章:hexo new '文章名',然后你就可以在source/_posts路徑下看到你創(chuàng)建的文章啦赋铝,編輯完成之后按照前面說的方式部署插勤,在瀏覽器刷新就能看到你的文章了。

關(guān)于具體的文章編輯你可以看下官網(wǎng)的介紹

至于markdown革骨,可以自行發(fā)揮啦~

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末农尖,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子良哲,更是在濱河造成了極大的恐慌盛卡,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,639評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件筑凫,死亡現(xiàn)場離奇詭異滑沧,居然都是意外死亡,警方通過查閱死者的電腦和手機巍实,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,277評論 3 385
  • 文/潘曉璐 我一進店門滓技,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人棚潦,你說我怎么就攤上這事令漂。” “怎么了丸边?”我有些...
    開封第一講書人閱讀 157,221評論 0 348
  • 文/不壞的土叔 我叫張陵叠必,是天一觀的道長。 經(jīng)常有香客問我妹窖,道長挠唆,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,474評論 1 283
  • 正文 為了忘掉前任嘱吗,我火速辦了婚禮玄组,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘谒麦。我一直安慰自己俄讹,他們只是感情好,可當我...
    茶點故事閱讀 65,570評論 6 386
  • 文/花漫 我一把揭開白布绕德。 她就那樣靜靜地躺著患膛,像睡著了一般。 火紅的嫁衣襯著肌膚如雪耻蛇。 梳的紋絲不亂的頭發(fā)上踪蹬,一...
    開封第一講書人閱讀 49,816評論 1 290
  • 那天胞此,我揣著相機與錄音,去河邊找鬼跃捣。 笑死漱牵,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的疚漆。 我是一名探鬼主播酣胀,決...
    沈念sama閱讀 38,957評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼娶聘!你這毒婦竟也來了闻镶?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,718評論 0 266
  • 序言:老撾萬榮一對情侶失蹤丸升,失蹤者是張志新(化名)和其女友劉穎铆农,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體狡耻,經(jīng)...
    沈念sama閱讀 44,176評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡顿涣,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,511評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了酝豪。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,646評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡精堕,死狀恐怖孵淘,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情歹篓,我是刑警寧澤瘫证,帶...
    沈念sama閱讀 34,322評論 4 330
  • 正文 年R本政府宣布,位于F島的核電站庄撮,受9級特大地震影響背捌,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜洞斯,卻給世界環(huán)境...
    茶點故事閱讀 39,934評論 3 313
  • 文/蒙蒙 一毡庆、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧烙如,春花似錦么抗、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,755評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至徘溢,卻和暖如春吞琐,著一層夾襖步出監(jiān)牢的瞬間捆探,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,987評論 1 266
  • 我被黑心中介騙來泰國打工站粟, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留黍图,地道東北人。 一個月前我還...
    沈念sama閱讀 46,358評論 2 360
  • 正文 我出身青樓卒蘸,卻偏偏與公主長得像雌隅,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子缸沃,可洞房花燭夜當晚...
    茶點故事閱讀 43,514評論 2 348

推薦閱讀更多精彩內(nèi)容