首先是先給大家打個招呼
最近看網(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上去
謝謝大家想暗,如果這篇文章幫助到了你們,我很開心