Windows系統(tǒng)下用Hexo框架搭建個人博客及遠(yuǎn)端部署到GitHub

1砌滞、安裝Git for Windows

下載頁面https://github.com/waylau/git-for-win//記得在安裝過程中選中add to path加入到path環(huán)境變量中去忧饭。

2、安裝Nodejs

下載頁面:https://nodejs.org/en/
以上兩步執(zhí)行完之后在命令行輸入 node --version 和 npm --version 來驗(yàn)證是否已經(jīng)成功安裝

3绍绘、安裝cnpm

(這是一個淘寶的源狂打,可以讓后面下載Hexo的時候速度飛升泥技。)
命令行輸入

npm install -g cnpm -registry=https://registry.npm.taobao.org

之后按回車(-g的意思是全局安裝贸宏,安裝完了,不管在哪一個路徑下面都可以調(diào)用相關(guān)的命令常摧。)/*同樣可以在命令行輸入

cnpm --version來驗(yàn)證是否安裝成功*/

4搅吁、安裝Hexo。

命令行輸入

cnpm install -g hexo-cli

之后按回車落午。
同樣谎懦,安裝完成之后,執(zhí)行

hexo --version

來驗(yàn)證是否安裝成功溃斋。

5界拦、切換到非系統(tǒng)盤

命令行輸入

D:

(這一步可省略,我只是單純的不想我的C盤多出一些亂七八糟的文件占了空間梗劫。)

6享甸、在當(dāng)前目錄下創(chuàng)建新的文件夾

在命令行中輸入

mkdir blog

  • 新建一個名為blog的文件夾。

7梳侨、在blog目錄下初始化Hexo

在命令行中輸入

cd blog

進(jìn)到文件夾的目錄下蛉威,再執(zhí)行

hexo init

初始化Hexo。

  • 這一步執(zhí)行完可能要花點(diǎn)時間等待一下走哺,并且你會發(fā)現(xiàn)蚯嫌,新建的blog文件夾中多了文件夾和文件。并且丙躏,忽略命令行出現(xiàn)的warning择示。

8、本地預(yù)覽博客

命令行執(zhí)行

hexo s

或者

hexo server

之后終端當(dāng)中會顯示在localhost:4000 可以訪問博客晒旅。打開網(wǎng)頁瀏覽器栅盲,在網(wǎng)址欄輸入localhost:4000來進(jìn)行博客的本地預(yù)覽。在終端中按 ctrl+C ,提示

終止批處理操作嗎<Y/N>敢朱?

輸入

y

之后回車

  • 這樣就關(guān)閉了在本地進(jìn)行的博客預(yù)覽剪菱。

9摩瞎、創(chuàng)建新博文

在初始化博客之后拴签,里面會有篇名為Helloworld的博文孝常。要新建博文,在命令行執(zhí)行

hexo n "我的第一篇博客文章"

之后蚓哩,blog目錄下會生成一個名為“我的第一篇博客文章”的md(markdown)格式的文件构灸。這個文件可以通過notepad++或者是微軟自帶的記事本(英文名應(yīng)該就叫notepad)來進(jìn)行編輯。注意岸梨,要用markdown的語法來編輯內(nèi)容喜颁,markdown的語法很簡單,網(wǎng)上教程很多曹阔,多學(xué)多練半开,很快就會熟練。在此赃份,我就不再贅述了寂拆。(寫完之后記得保存)
保存完了之后還要記得執(zhí)行

hexo g

命令,它會更新博客的配置文件抓韩,這樣才會生成與你新建的文章相關(guān)的文件纠永。


完成以上的步驟之后,你已經(jīng)學(xué)會了如何創(chuàng)建一個個人的靜態(tài)博客谒拴,如果沒有什么其他的要求的話尝江,那么,這些就已經(jīng)足夠你在本地自娛自樂了英上。
不過炭序,你也可以將之前建成的博客部署到遠(yuǎn)端。就可以通過網(wǎng)頁來瀏覽了苍日。
除了需要一個建成的博客之外少态,你還需要一個github的賬號。

  1. 在你的GitHub中新建一個庫(New repository)易遣,將其命名為example.github.io彼妻,保存之后備用。這時豆茫,https:后面的輸入欄中會有一個生成的鏈接侨歉。
    example所指代的就是你的github賬號名稱
  2. 命令行執(zhí)行

cnpm install --save hexo-deployer-git

-安裝遠(yuǎn)程部署博客的插件-不用在意命令行中顯示的warnning。圖形桌面打開blog文件夾揩魂,用文本編輯器打開里面的名為_config.yml的文件幽邓,打開文件之后,滑動鼠標(biāo)到文件的末尾寫有#deployment的地方火脉,在type:后面填上git牵舵,再另起一行柒啤,寫上repo:再加上步驟中g(shù)ihub上生成的倉庫的鏈接。當(dāng)然畸颅,你也再另起一行担巩,寫上branch:master。(代碼及文件將會儲存在該倉庫的主菜單下没炒,此步可省略涛癌,因?yàn)槟J(rèn)的儲存路徑就是主菜單。)如下所示:

deply:
type: git
repo: https://github.com/example/example.github.io.git
branch: master

example同樣指代上文中的你的GitHub的賬號
保存文件送火。

  1. 配置部署到遠(yuǎn)端的文件之后拳话,在命令行執(zhí)行

hexo d

進(jìn)行遠(yuǎn)端部署。如果這是你第一次遠(yuǎn)程部署或者你換了新的電腦或重裝了系統(tǒng)的話种吸,那么命令行會出現(xiàn)提示

please tell me who you are

還會伴隨著兩條示例的代碼弃衍。按照示例的代碼填寫自己的郵箱和GitHub的昵稱,再次執(zhí)行

hexo d

命令,會彈出一個圖形界面的窗口坚俗,要你輸入你的GitHub的昵稱和密碼镜盯,輸入完畢之后呢,稍等片刻坦冠,在網(wǎng)頁瀏覽器的地址欄中輸入example.github.io即可遠(yuǎn)程訪問你的博客了形耗!
example仍然指代上文中的你的github的賬號


VScode 中打開終端來部署到遠(yuǎn)端

關(guān)于輸入GitHub賬號和密碼的部分,不知道是不是因?yàn)镚itHub和VS同為微軟旗下的產(chǎn)品辙浑,VScode 中打開cmd命令終端的情況下執(zhí)行

hexo d

命令激涤,需要輸入GitHub的命令和密碼的時候非常的接近于圖形界面。它會直接先后出現(xiàn)兩行代碼:

Username for 'https://github.com' :

這時候就直接在命令終端輸入你的GitHub賬號判呕,然后回車倦踢;此時命令行會顯示另一條提示:

Password for 'https://github.com' :

輸入GitHub的密碼,就完成的了Git的身份認(rèn)證侠草。就可以順利部署到遠(yuǎn)端了辱挥。

Hexo主題設(shè)置

除了默認(rèn)的Hexo主題之外,開源社區(qū)還有許許多多各種大佬寫的基于Hexo框架的主題边涕,這里以utone主題為例來說一下設(shè)置主題的方法晤碘。

  1. 首先,打開cmd終端功蜓,進(jìn)入博客所在的文件夾

E:

cd blog

再進(jìn)入主題所在的文件夾

cd themes

再執(zhí)行以下命令

git clone https://github.com/shixiaohu2206/hexo-theme-utone.git utone

等待克隆完成

  1. 找到blog文件夾下的_config.yml配置文件园爷,用文本編輯器打開。找到如下的文字段落:

Extensions
Plugins: https://hexo.io/plugins/
Themes: https://hexo.io/themes/
theme: landscape

把其中的landscape改為utone之后保存一下文件式撼。

  1. 再更新一下童社。注意,這時候要再退回到blog文件夾下執(zhí)行更新的命令著隆。
    首先扰楼,退回到blog目錄下

cd ../

再執(zhí)行更新命令

hexo g

更新完了之后呀癣,再執(zhí)行

hexo s

在本地預(yù)覽,這樣就完成了博客主題的設(shè)置了弦赖。當(dāng)然项栏,這樣換了主題還不夠,還有很多自定義的東西需要更改腾节,這個下回再說忘嫉。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末荤牍,一起剝皮案震驚了整個濱河市案腺,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌康吵,老刑警劉巖劈榨,帶你破解...
    沈念sama閱讀 211,561評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異晦嵌,居然都是意外死亡同辣,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,218評論 3 385
  • 文/潘曉璐 我一進(jìn)店門惭载,熙熙樓的掌柜王于貴愁眉苦臉地迎上來旱函,“玉大人,你說我怎么就攤上這事描滔“舴粒” “怎么了?”我有些...
    開封第一講書人閱讀 157,162評論 0 348
  • 文/不壞的土叔 我叫張陵含长,是天一觀的道長券腔。 經(jīng)常有香客問我,道長拘泞,這世上最難降的妖魔是什么纷纫? 我笑而不...
    開封第一講書人閱讀 56,470評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮陪腌,結(jié)果婚禮上辱魁,老公的妹妹穿的比我還像新娘。我一直安慰自己诗鸭,他們只是感情好染簇,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,550評論 6 385
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著只泼,像睡著了一般剖笙。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上请唱,一...
    開封第一講書人閱讀 49,806評論 1 290
  • 那天弥咪,我揣著相機(jī)與錄音过蹂,去河邊找鬼。 笑死聚至,一個胖子當(dāng)著我的面吹牛酷勺,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播扳躬,決...
    沈念sama閱讀 38,951評論 3 407
  • 文/蒼蘭香墨 我猛地睜開眼脆诉,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了贷币?” 一聲冷哼從身側(cè)響起击胜,我...
    開封第一講書人閱讀 37,712評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎役纹,沒想到半個月后偶摔,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,166評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡促脉,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,510評論 2 327
  • 正文 我和宋清朗相戀三年辰斋,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片瘸味。...
    茶點(diǎn)故事閱讀 38,643評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡宫仗,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出旁仿,到底是詐尸還是另有隱情藕夫,我是刑警寧澤,帶...
    沈念sama閱讀 34,306評論 4 330
  • 正文 年R本政府宣布丁逝,位于F島的核電站汁胆,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏霜幼。R本人自食惡果不足惜嫩码,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,930評論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望罪既。 院中可真熱鬧铸题,春花似錦、人聲如沸琢感。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,745評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽驹针。三九已至烘挫,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背饮六。 一陣腳步聲響...
    開封第一講書人閱讀 31,983評論 1 266
  • 我被黑心中介騙來泰國打工其垄, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人卤橄。 一個月前我還...
    沈念sama閱讀 46,351評論 2 360
  • 正文 我出身青樓绿满,卻偏偏與公主長得像,于是被迫代替她去往敵國和親窟扑。 傳聞我的和親對象是個殘疾皇子喇颁,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,509評論 2 348

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