hexo+githup搭建属于自己的博客
hexo+githup搭建屬于自己的博客
第一次搭建博客,遇到不少坑。CSDN、bing、谷歌、百度上都有大神的博客教授如何一步一步搭建屬于自己的博客。不過(guò)我畢竟屬于小白,文字有時(shí)給我的感受不是那么的直觀,所以我是在B站看視頻一步一步做的.話說(shuō)他們的視頻都寫(xiě)無(wú)坑視頻。。。我卻遇到了。。。很多坑,但覺(jué)得也很有趣,所以記錄一下我的搭建過(guò)程。
官網(wǎng)鏈接
選擇10.15.3LTS進(jìn)行下載。
我是一路next,我開(kāi)始搭的時(shí)候不想放入C盤(pán),但后來(lái)發(fā)現(xiàn)npm命令不能用?,才發(fā)現(xiàn)還要改路徑,很麻煩。所以就一路next放進(jìn)C盤(pán)中去。安裝好后,打開(kāi)cmd
即證明已經(jīng)安裝好了。
2 創(chuàng)建github賬戶(hù)
github官網(wǎng)
username不要起中文名,起一個(gè)英語(yǔ)名字,也不要太過(guò)于長(zhǎng),否則都后面會(huì)很麻煩。
創(chuàng)建完成后點(diǎn)擊start a project,創(chuàng)建一個(gè)倉(cāng)庫(kù)。
Repository name 要寫(xiě)成這樣的格式username.github.io,例如我用戶(hù)名創(chuàng)建時(shí)bealright.github.io,然后將Initialize this repository with a README前面的對(duì)勾打上。
點(diǎn)擊create repository就創(chuàng)建好了。
接下你可以測(cè)試一下,點(diǎn)擊create new file.,輸入index.html,輸入<h1> Hello Github </h1>.然后提交。復(fù)制你的鏈接用戶(hù)名.github.io,然后轉(zhuǎn)到該頁(yè)面上去。如果顯示出Hello Github,證明你創(chuàng)建的已經(jīng)成功。如果顯示404(所請(qǐng)求的頁(yè)面不存在或已被刪除!),不要著急,我當(dāng)時(shí)被困在這里,畢竟剛開(kāi)始搭,什么都不懂。在這里一直查怎么回事,刪除倉(cāng)庫(kù),重新建庫(kù)。。。??,到最后我明白了一個(gè)真理。。。時(shí)間skr偉大的作者,他必將寫(xiě)出最完美的結(jié)局
解決方法:問(wèn)題出在Github服務(wù)器上,估計(jì)是翻墻什么的緣故吧,會(huì)卡一些,你創(chuàng)建的文件不會(huì)立即上傳過(guò)去,要做的就是好好睡一覺(jué)明天在搭(因?yàn)槲沂峭砩洗畹?),所以遇到這個(gè)問(wèn)題不要著急。
上面的解決方法是當(dāng)時(shí)搭建的時(shí)候自己感覺(jué)的,其實(shí)不是的 應(yīng)該是訪問(wèn)時(shí)再加上https://,如(https://bealright.github.io/),這樣才能訪問(wèn),上面的也就不刪除了,也是當(dāng)時(shí)的感受
3 安裝git for windows
git for windows官網(wǎng)
因?yàn)間it for windows是輸入外國(guó)網(wǎng)站,你必須翻墻去下載,但是速度會(huì)特別慢,所以推薦去百度網(wǎng)盤(pán)什么的下載,會(huì)快一些。我當(dāng)時(shí)找了一個(gè)很不錯(cuò)的網(wǎng)址,各種版本的都有。下載地址
安裝時(shí)一路next,我直接放在的C盤(pán)中,因?yàn)槿绻霈F(xiàn)路徑問(wèn)題會(huì)很麻煩,你還得去設(shè)置環(huán)境變量。在安裝的時(shí)候,其中有一步要選擇Use windows default console window。安裝好后打開(kāi)cmd。輸入git 命令。
出現(xiàn)一堆看不懂的就證明已經(jīng)安裝成功了。
4 配置githubSSH
找到下載git fow windows的目錄,打開(kāi)git-bash.exe
在命令行輸入$ ssh-keygen -t rsa -C "你的郵箱"
輸入之后,一直按回車(chē)就?了。等到出現(xiàn)一個(gè)長(zhǎng)方形框之后,就已經(jīng)配置好了。
然后打開(kāi)GitHub官網(wǎng),點(diǎn)擊頭像,點(diǎn)擊Settings,再點(diǎn)擊SSH and GOG keys,點(diǎn)擊NEW SSH KEY ,這時(shí)title就起名為你注冊(cè)的用戶(hù)名,然后key需要你找到C:\Users\用戶(hù)名\.ssh這個(gè)目錄,注意這里用記事本打開(kāi)id_rsa.pub,復(fù)制里面的代碼,粘貼到key上即可。這樣就配置好了。
5 hexo本地使用
進(jìn)入hexo官網(wǎng)
注意 這是安裝hexo不要在安裝到c盤(pán)了,因?yàn)閏盤(pán)系統(tǒng)文件太多,不敢亂刪,而且找hexo所在文件也不太好找到。
我是在D盤(pán)建了一個(gè)blog文件夾,將hexo安裝在這里面。接下來(lái)打開(kāi)cmd
首先你得先進(jìn)入對(duì)應(yīng)的目錄,然后輸入npm install hexo-cil -g命令即可安裝hexo.
接下來(lái)照著這些命令往下走,第二條命令作用是初始化。
最好第二條命令 hexo init 博客名(注冊(cè)的名字),這樣好區(qū)分一點(diǎn)。
顯示出這個(gè)時(shí),初始化已完成。
cd 博客名 npm install待安裝好后,本地運(yùn)行一下,看是否成功。
輸入
顯示出
D:\blog\bealright>hexo s INFO Start processing INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.打開(kāi)http://localhost:4000/,如果出現(xiàn)這個(gè)畫(huà)面,恭喜創(chuàng)建成功。
因?yàn)閾Q了主題的緣故,所以不再是hexo的官方主題,不過(guò)只要出現(xiàn)畫(huà)面就成功了。
六 安裝sublime
sublime官網(wǎng)
下載這個(gè)軟件有很大用處,無(wú)需在記事本了修改配置文件,直接在sublime里修改更方便一些。不過(guò)下載這個(gè)也要翻墻,所以推薦百度網(wǎng)盤(pán)下載。
下載好后,找到你安裝hexo的目錄直接拖進(jìn)sublime里。就會(huì)顯示出類(lèi)似這個(gè)的圖片。
七 hexo發(fā)布到github上
這是最后一步了,看似是勝利女神在向你招手,但你永遠(yuǎn)也不會(huì)知道前面是結(jié)束還是會(huì)繼續(xù)掉坑。
打開(kāi)sublime,找到這個(gè)
然后將最下面的代碼改為這樣
注意: repo里的bealright是我的用戶(hù)名,改成注冊(cè)時(shí)的用戶(hù)名就好了。還有一處地方也需要改
照這這個(gè)格式,把自己的用戶(hù)名更改了即可(bealright是我自己的用戶(hù)名)。
再打開(kāi)cmd,輸入
會(huì)出現(xiàn)類(lèi)似的東西(我的創(chuàng)建完成所以會(huì)不一樣),不要管他。
繼續(xù)輸入
此時(shí)會(huì)出現(xiàn)
ERROR Deployer not found git原因在于還少了一個(gè)插件
到官網(wǎng)下載插件進(jìn)入hexo文檔官網(wǎng)
hexo文檔官網(wǎng)
將命令輸入到cmd中即可安裝。會(huì)有一點(diǎn)慢,等待一會(huì)就好。
安裝好之后,輸入
這一步就要看你運(yùn)氣了,我在這里卡了一個(gè)晚上 + 一個(gè)下午?。
如果出現(xiàn)這個(gè)的話
恭喜你,運(yùn)氣很好(哈哈),接下只需要輸入
輸入即可進(jìn)入你的博客了。(好幸運(yùn)呀)
但我遇到的是這樣的?
馬上就成功了,前面卻是這個(gè),好讓人心急。不過(guò)不要著急,互聯(lián)網(wǎng)這么強(qiáng)大,大佬那么多,總會(huì)有解決方法。冷靜下來(lái)進(jìn)行分析。咦,發(fā)現(xiàn)問(wèn)題了。
原來(lái)是git命令不能用,查了很多文章,我找到了二個(gè)解決方法。一:把git for windows 給卸載了重新安裝,上文說(shuō)之所以安裝git for windows一路next 不要換路徑原因就在這。還有一個(gè)就是在這里面輸入
這里面自帶git命令,
不過(guò)讓人郁悶的是?這個(gè)git命令解決后。。。還有問(wèn)題。。。(我要郁悶死?)同寢室人一個(gè)坑沒(méi)掉過(guò),我一路跌坑。請(qǐng)看新問(wèn)題。。。
我。。。不會(huì)吧,又出現(xiàn)這個(gè)問(wèn)題。。。
怎么辦,都到最后一步了。不放棄繼續(xù)查,bing\谷歌\百度各種查,問(wèn)學(xué)長(zhǎng)學(xué)姐,加hexo群詢(xún)問(wèn)。。。?
不過(guò)在耐心快被磨完時(shí),我找到解決方案了。
這就是解決方案。當(dāng)時(shí)也不太理解,不過(guò)得去嘗試,不去嘗試怎么知道行不行。
首先將
刪除
新建一個(gè)文件夾
然后下載
把下載的內(nèi)容放在你新建的文件夾里面。
再次運(yùn)行
當(dāng)時(shí)的心情是快點(diǎn)好吧,大哥求你了?
結(jié)果奇跡出現(xiàn)了
只不過(guò)我的和其他人登陸有點(diǎn)不一樣。。。
輸入的賬號(hào),密碼全對(duì),結(jié)果。。。
崩潰的邊緣。。。
我實(shí)在無(wú)語(yǔ),然后輸入了自己的用戶(hù)名bealright(沒(méi)事的)。。。我遇到的都是事?
突然彈出一個(gè)窗口
輸入密碼后,成功了。。。
這個(gè)過(guò)程完成后,感悟真的很多。也許前方無(wú)數(shù)的bug\error在等著我,但是只要保持耐心,不斷努力,最終會(huì)解決他們的。共勉一句我特別喜歡的英語(yǔ)名言
No attempt, no success
沒(méi)有嘗試,沒(méi)有成功
總結(jié)
以上是生活随笔為你收集整理的hexo+githup搭建属于自己的博客的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: cmd中操作数据库的那些常见命令
- 下一篇: CSS学习总结