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的賬號。
- 在你的GitHub中新建一個庫(New repository)易遣,將其命名為example.github.io彼妻,保存之后備用。這時豆茫,https:后面的輸入欄中會有一個生成的鏈接侨歉。
example所指代的就是你的github賬號名稱 - 命令行執(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的賬號
保存文件送火。
- 配置部署到遠(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è)置主題的方法晤碘。
- 首先,打開cmd終端功蜓,進(jìn)入博客所在的文件夾
E:
cd blog
再進(jìn)入主題所在的文件夾
cd themes
再執(zhí)行以下命令
git clone https://github.com/shixiaohu2206/hexo-theme-utone.git utone
等待克隆完成
- 找到blog文件夾下的_config.yml配置文件园爷,用文本編輯器打開。找到如下的文字段落:
Extensions
Plugins: https://hexo.io/plugins/
Themes: https://hexo.io/themes/
theme: landscape
把其中的landscape改為utone之后保存一下文件式撼。
- 再更新一下童社。注意,這時候要再退回到blog文件夾下執(zhí)行更新的命令著隆。
首先扰楼,退回到blog目錄下
cd ../
再執(zhí)行更新命令
hexo g
更新完了之后呀癣,再執(zhí)行
hexo s