hexo+githup搭建屬于自己的博客

第一次搭建博客，遇到不少坑。CSDN、bing、谷歌、百度上都有大神的博客教授如何一步一步搭建屬于自己的博客。不過(guò)我畢竟屬于小白，文字有時(shí)給我的感受不是那么的直觀，所以我是在B站看視頻一步一步做的.話說(shuō)他們的視頻都寫(xiě)無(wú)坑視頻。。。我卻遇到了。。。很多坑，但覺(jué)得也很有趣，所以記錄一下我的搭建過(guò)程。

安裝node.js

官網(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

C:\Users\用戶(hù)名>node -v v10.15.3

即證明已經(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 命令。

C:\Users\趙志豪>git usage: git [--version] [--help] [-C <path>] [-c name=value][--exec-path[=<path>]] [--html-path] [--man-path] [--info-path][-p | --paginate | --no-pager] [--no-replace-objects] [--bare][--git-dir=<path>] [--work-tree=<path>] [--namespace=<name>]<command> [<args>]These are common Git commands used in various situations:start a working area (see also: git help tutorial)clone Clone a repository into a new directoryinit Create an empty Git repository or reinitialize an existing onework on the current change (see also: git help everyday)add Add file contents to the indexmv Move or rename a file, a directory, or a symlinkreset Reset current HEAD to the specified staterm Remove files from the working tree and from the indexexamine the history and state (see also: git help revisions)bisect Use binary search to find the commit that introduced a buggrep Print lines matching a patternlog Show commit logsshow Show various types of objectsstatus Show the working tree statusgrow, mark and tweak your common historybranch List, create, or delete branchescheckout Switch branches or restore working tree filescommit Record changes to the repositorydiff Show changes between commits, commit and working tree, etcmerge Join two or more development histories togetherrebase Reapply commits on top of another base tiptag Create, list, delete or verify a tag object signed with GPGcollaborate (see also: git help workflows)fetch Download objects and refs from another repositorypull Fetch from and integrate with another repository or a local branchpush Update remote refs along with associated objects'git help -a' and 'git help -g' list available subcommands and some concept guides. See 'git help <command>' or 'git help <concept>' to read about a specific subcommand or concept.

出現(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

C:\Users\用戶(hù)名>D:D:\>cd blogD:\blog>npm install hexo-cli -g

首先你得先進(jìn)入對(duì)應(yīng)的目錄，然后輸入npm install hexo-cil -g命令即可安裝hexo.

接下來(lái)照著這些命令往下走，第二條命令作用是初始化。
最好第二條命令 hexo init 博客名（注冊(cè)的名字），這樣好區(qū)分一點(diǎn)。

INFO start 博客名 with Hexo!

顯示出這個(gè)時(shí)，初始化已完成。

cd 博客名 npm install

待安裝好后，本地運(yùn)行一下，看是否成功。
輸入

hexo s

顯示出

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,輸入

hexo g INFO Start processing INFO Files loaded in 124 ms INFO Generated: archives/2019/index.html INFO Generated: archives/index.html INFO Generated: archives/2019/03/index.html INFO Generated: index.html INFO Generated: 2019/03/16/cmd中操作數(shù)據(jù)庫(kù)的那些常見(jiàn)命令/index.html INFO 5 files generated in 254 ms

會(huì)出現(xiàn)類(lèi)似的東西（我的創(chuàng)建完成所以會(huì)不一樣），不要管他。
繼續(xù)輸入

hexo d

此時(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ì)就好。
安裝好之后，輸入

hexo d

這一步就要看你運(yùn)氣了，我在這里卡了一個(gè)晚上 + 一個(gè)下午?。
如果出現(xiàn)這個(gè)的話

恭喜你，運(yùn)氣很好（哈哈），接下只需要輸入

git config --global user.email "你的郵件" 回車(chē) git config --global user.name "你的用戶(hù)名" 再次輸入 hexo d 會(huì)彈出這樣的窗口

輸入即可進(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命令，

重新輸入 hexo g hexo d

不過(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)行

hexo g hexo d

當(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)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。