使用Hexo框架10分鐘搭建個人博客

首先是先給大家打個招呼

最近看網(wǎng)上看到了很多的的關(guān)于搭建博客的視頻代承,我自己也學(xué)著自己搭建了一個博客"我自己的博客鏈接"(歡迎大家來我的博客跟我深入交♂流)枫笛,今天我把搭建的過程記錄下來寫成博客堡纬,留下一個紀(jì)念乖订,也可以順便幫助那些想要搭建個人博客的小伙伴們板壮,幫助他們搭建屬于自己的博客主頁啦斥难,那么廢話不多說枝嘶,現(xiàn)在就開始吧。


環(huán)境搭建與安裝

第一步:安裝node.js
nodejs下載地址

在這里插入圖片描述

進(jìn)入鏈接地址后點(diǎn)擊下載長期支持版哑诊。

在這里插入圖片描述

進(jìn)入后按照你們自己的系統(tǒng)選擇安裝包群扶,我這里==使用的是win10系統(tǒng)==,不過mac系統(tǒng)的也可以繼續(xù)看下去,因為==這兩個系統(tǒng)在下文將會使用到的指令非常的相像==竞阐,我也會指出那些不一樣的地方

下載完之后進(jìn)行安裝缴饭,node.js的安裝非常簡單,只需要一直點(diǎn)擊下一步就好了

注意在最后時骆莹,==安裝完成會你會注意到給出的兩個地址==颗搂,在安裝包其中它不僅下載了==node.js本身==,還安裝了一個是==npm包管理器==幕垦,而這個它是下文我們使用hexo搭建博客必須使用到的東西丢氢。


win + R 打開運(yùn)行,輸入cmd 進(jìn)入終端

輸入node先改, 如果安裝成功則會顯示其版本號
在這里插入圖片描述
在這里插入圖片描述

那么到這里可能你們會有疑問了疚察,為什么要下載node.js,上面干這么多事情有什么用呢仇奶?貌嫡?!這是因為hexo是在node.js上生成的该溯,所以當(dāng)我們真正的要開始安裝hexo的時候衅枫,前面這兩個東西是必不可少的


接下來我們就會使用到剛剛安裝的npm包管理器來下載hexo了,由于國內(nèi)鏡像源的速度很慢朗伶,所以我們先使用npm來安裝一個==cnpm==,這是一個淘寶的鏡像源步咪,使用說明可以看這里鏈接论皆。不過我也會在下面說怎么下載。

在終端里輸入 :

npm install -g cnpm --registry=https//registry.npm.taobao.org
在這里插入圖片描述

敲擊回車鍵即可開始下載了猾漫。

當(dāng)安裝好cnpm点晴,可以使用上面測試node.js和npm那樣的方法,輸入cnpm


在這里插入圖片描述

這樣的話cnpm也安裝好了悯周,接下來就借助cnpm來安裝hexo了

在終端輸入

cnpm install -g hexo-cli

敲擊回車鍵后就會開始下載粒督。

在這里插入圖片描述

當(dāng)安裝完成后,我們繼續(xù)使用

hexo -v

來驗證一下安裝是否成功
在這里插入圖片描述

好了hexo博客已經(jīng)安裝好了禽翼,我們已經(jīng)離成功不到一半的距離了

那么我們接下來就要為我們的博客建立一個新的文件夾來存放我們所有的配置文件和博客文章了屠橄。

輸入

    md blog

即可在當(dāng)前目錄下創(chuàng)建一個叫blog的文件夾,當(dāng)然你如果想要去其他的名字闰挡,把blog改掉就好了锐墙。
在這里插入圖片描述

這時打開文件夾,找到剛才的目錄长酗,你就可以找到剛剛建立的blog文件夾

在這里插入圖片描述

當(dāng)然更簡單的方法溪北,就直接在文件管理器里面右鍵新建文件夾即可創(chuàng)建。


初始化博客

終端里輸入

cd blog

進(jìn)入剛剛新建的文件夾

window 系統(tǒng)里直接輸入

hexo init

如果是mac系統(tǒng)則輸入

sudo hexo init

回車即可開始初始化

初始化完成后

Window系統(tǒng)輸入

dir

查看一下安裝初始化完成后,文件夾內(nèi)都生成了什么東西


在這里插入圖片描述

而mac系統(tǒng)輸入

ls -l

即可查看

這些東西我們也可以在文件管理器中直接看到


在這里插入圖片描述

這些都是hexo為你自動生成的一些最基礎(chǔ)的博客框架的東西

啟動hexo博客

這時候我們一切都準(zhǔn)備好了以后之拨,在blog文件夾目錄下終端輸入

hexo s

即可啟動hexo
==(tips: hexo s 即為 hexo server)==
你會看到以下


在這里插入圖片描述

這時它就自動為你在本地4000的端口上面啟動了hexo茉继,這時候復(fù)制該網(wǎng)址,輸入到瀏覽器里面就可以訪問到我們剛生成的博客蚀乔。


博客界面

這個時候你的博客就已經(jīng)搭建好了烁竭。

并且上面自己附帶了一篇文章叫Hello world,里面教你了如何新建文章和一些基本操作乙墙。

新建文章的語法是:在終端cd到博客的文件夾的目錄內(nèi)輸入

hexo new "你的博客名字"

[圖片上傳失敗...(image-225fd-1597724859157)]
這時候它會提示你的這篇新文章的目錄地址颖变,上圖即為

    \blog1\source\_posts\我的第一篇博客.md

進(jìn)入到文件夾內(nèi),找到剛才的目錄
在這里插入圖片描述

直接雙擊打開它听想,我這里是使用的vscode

在這里插入圖片描述

hexo里面的博客使用的是markdown語法腥刹,直接在這里面寫博客就可以了!汉买!

當(dāng)然想要寫博客還要了解一些markdown的基本語法衔峰,大家可以直接去菜鳥教程里的markdown教程去學(xué)習(xí)

生成博客與發(fā)布

當(dāng)我們寫完博客了,保存完之后蛙粘,你登陸localhost:4000的端口網(wǎng)址垫卤,你會發(fā)現(xiàn)你的文章并沒有在上面,因為我們還沒有生成你剛寫的博客出牧,也沒有上傳穴肘。

最基本的上傳文章(或修改更新博客設(shè)置)的步驟為:

    hexo clean

先清理掉hexo之前的緩存(這一切操作都在終端 blog文件夾目錄下輸入)

    hexo g

hexo g即為hexo generate 為生成,產(chǎn)生之意舔痕。它會把我們剛寫好的文章生成到博客里面去评抚。

在這里插入圖片描述

你可以看見自己剛寫的那篇文章已經(jīng)生成了。

這時候我們在使用

hexo s

就可以看到我們剛寫的那篇文章啦伯复。

在這里插入圖片描述

但是在localhost這個端口里面只有我們自己能訪問慨代,當(dāng)然我們的博客寫出來肯定是要讓別人看的,不然為什么要寫博客啸如,這個localhost的端口只是供我們平時測試使用的侍匙。

如果大家想看怎么把我們的博客免費(fèi)的托管到github上去,讓別人也可以訪問到我們的博客的話叮雳,可以來看我這篇文章如何把個人博客托管到GitHub上去

謝謝大家想暗,如果這篇文章幫助到了你們,我很開心

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末帘不,一起剝皮案震驚了整個濱河市江滨,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌厌均,老刑警劉巖唬滑,帶你破解...
    沈念sama閱讀 217,734評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡晶密,警方通過查閱死者的電腦和手機(jī)擒悬,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,931評論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來稻艰,“玉大人懂牧,你說我怎么就攤上這事∽鹞穑” “怎么了僧凤?”我有些...
    開封第一講書人閱讀 164,133評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長元扔。 經(jīng)常有香客問我躯保,道長,這世上最難降的妖魔是什么澎语? 我笑而不...
    開封第一講書人閱讀 58,532評論 1 293
  • 正文 為了忘掉前任途事,我火速辦了婚禮,結(jié)果婚禮上擅羞,老公的妹妹穿的比我還像新娘尸变。我一直安慰自己,他們只是感情好减俏,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,585評論 6 392
  • 文/花漫 我一把揭開白布召烂。 她就那樣靜靜地躺著,像睡著了一般娃承。 火紅的嫁衣襯著肌膚如雪骑晶。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,462評論 1 302
  • 那天草慧,我揣著相機(jī)與錄音,去河邊找鬼匙头。 笑死漫谷,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的蹂析。 我是一名探鬼主播舔示,決...
    沈念sama閱讀 40,262評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼电抚!你這毒婦竟也來了惕稻?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,153評論 0 276
  • 序言:老撾萬榮一對情侶失蹤蝙叛,失蹤者是張志新(化名)和其女友劉穎俺祠,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,587評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡蜘渣,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,792評論 3 336
  • 正文 我和宋清朗相戀三年淌铐,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蔫缸。...
    茶點(diǎn)故事閱讀 39,919評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡腿准,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出拾碌,到底是詐尸還是另有隱情吐葱,我是刑警寧澤,帶...
    沈念sama閱讀 35,635評論 5 345
  • 正文 年R本政府宣布校翔,位于F島的核電站弟跑,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏展融。R本人自食惡果不足惜窖认,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,237評論 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望告希。 院中可真熱鬧扑浸,春花似錦、人聲如沸燕偶。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,855評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽指么。三九已至酝惧,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間伯诬,已是汗流浹背晚唇。 一陣腳步聲響...
    開封第一講書人閱讀 32,983評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留盗似,地道東北人哩陕。 一個月前我還...
    沈念sama閱讀 48,048評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像赫舒,于是被迫代替她去往敵國和親悍及。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,864評論 2 354