超級(jí)詳細(xì)Hexo+GitHub+阿里云域名的博客搭建教程凹耙,新手也能輕松學(xué)會(huì)

超級(jí)詳細(xì)Hexo+GitHub+阿里云域名的博客搭建教程填物,新手也能輕松學(xué)會(huì)

? ? ? ? 摸索了挺長(zhǎng)時(shí)間建網(wǎng)站建博客等東西,最初我是從買(mǎi)阿里云服務(wù)器和域名開(kāi)始了解這些的幌缝,也用寶塔搭過(guò)網(wǎng)站默色,覺(jué)得這些東西還挺有意思的,最開(kāi)始我用過(guò)寶塔的一鍵部署wordpress博客,感覺(jué)挺爽腿宰,擁有的自己的博客呕诉,但直到我知道有Hexo這種靜態(tài)博客框架后我才明白這才是真正的搭建博客。

? ? ? ? 下面就來(lái)讓我分享一下我這一段時(shí)間摸索出來(lái)的皮毛經(jīng)驗(yàn)------關(guān)于搭建Hexo靜態(tài)博客

? ? ? ? ?跟著我一步一步來(lái)做吃度,你馬上就有自己的博客啦甩挫! 開(kāi)始

一,首先安裝前提軟件環(huán)境? ? ?node.js? ?和? Git??

?

安裝軟件比較簡(jiǎn)單椿每,正常安裝就行伊者,我就不多贅述,下面是安裝地址间护,不懂得可以看看別的博主的的教程亦渗。

node.j安裝地址:https://nodejs.org/zh-cn/

node.js安裝教程:https://blog.csdn.net/qq_42543312/article/details/82191357

?

Git安裝地址:https://git-scm.com/

Git安裝教程:https://www.cnblogs.com/xueweisuoyong/archive/2019/11/22/11914045.html

?

安裝完成我們可以在桌面右鍵,點(diǎn)擊Git Bash Here? ?汁尺,分別輸入以下命令法精,如果出現(xiàn)對(duì)應(yīng)版本的信息,證明我們的node.js和Git安裝正吵胀唬可用搂蜓,另外說(shuō)一下其實(shí)npm是nodejs的包管理器(package manager),能解決node.js代碼部署上的很多問(wèn)題,我們?cè)诎惭b時(shí)用到的都是npm命令辽装。npm -v證明我們的包管理器也安裝成功帮碰。

git version

node -v

npm -v

??

二,安裝Hexo

? ? ? ? ?以上步驟成功后就可以進(jìn)行Hexo的安裝了拾积,用npm 安裝 Hexo殉挽,輸入以下命令:

npm install hexo-cli -g

?

? ? ? ? ?以上表示hexo安裝成功,hexo默認(rèn)會(huì)被安裝到C盤(pán)這個(gè)不用管

三拓巧,本地搭建Hexo

? ? ? ? ? 下一步選擇一個(gè)本地目錄開(kāi)始創(chuàng)建博客:

?

? ? ? ? ? 輸入以下命令斯碌,注意:blog是你在當(dāng)前目錄下進(jìn)行hexo安裝的文件夾,隨便叫什么你自己起名玲销,這個(gè)文件夾會(huì)自動(dòng)生成输拇。

hexo init blog

??

? ? ? ? ? ? 輸入完命令后我們可以看到自己剛才進(jìn)入的本地目錄下創(chuàng)建了一個(gè)“blog”文件夾摘符,這就是hexo的本地博客文件

?

? ? ? ? ? ? ? ?此時(shí)我們繼續(xù)輸入下一條命令:此命令用來(lái)補(bǔ)充一些hexo博客的依賴(lài)

hexo install

?

? ? ? ? ?到此為止我們的hexo博客本地文件就準(zhǔn)備好了

? ? ? ? ? 下一步我們開(kāi)啟hexo本地服務(wù),啟動(dòng)服務(wù)器:

$ hexo server

#或者可以簡(jiǎn)寫(xiě)為:

$ hexo s

?

hexo服務(wù)默認(rèn)開(kāi)放4000端口贤斜,現(xiàn)在快打開(kāi)瀏覽器訪(fǎng)問(wèn)http://localhost:4000就可以看到你的博客啦!

?

? ? ? ? ? 是不是感覺(jué)w*c*? ? 逛裤,w**f**k 瘩绒!?好神奇啊,啊哈哈哈哈带族!

四锁荔,GitHub部署Hexo

? ? ? ? ? ?既然在github上部署博客,首先你的有一個(gè)自己的github賬號(hào)

github官網(wǎng):https://github.com/

?

? ? ? ? ? 正常注冊(cè)即可蝙砌,然后在這里點(diǎn)擊新建一個(gè)倉(cāng)庫(kù).

?

這里注意阳堕,倉(cāng)庫(kù)名格式一定要為?你的用戶(hù)名.github.io? ? (注意是注冊(cè)時(shí)的用戶(hù)名而不是昵稱(chēng))???這里非常重要跋理,例如注冊(cè)用戶(hù)名為:xiaoming? ,那倉(cāng)庫(kù)名一定要設(shè)置為? ?xiaoming.github.io? ?恬总,接著點(diǎn)擊Create Repository

?

? ? ? ? ? ? 接著我們回到命令行前普,輸入以下命令,在git終端分別配置自己的用戶(hù)名和郵箱壹堰。命令如下:

git config --global user.name XXX? # XXX表示你github注冊(cè)時(shí)的用戶(hù)名

git config --global user.email XXX? # XXX表示你github注冊(cè)時(shí)的郵箱

? ? ? ? ? ? 接著輸入以下命令生成密鑰:

ssh-keygen -t rsa -C "Github上你注冊(cè)的郵箱地址"

冒號(hào)后邊就輸入空格拭卿,y/n? 輸入y??

?

接著我們?cè)谠撃夸浵履苷业絠d_rsa.pub,這里存儲(chǔ)的就是我們的密鑰,打開(kāi)復(fù)制所有內(nèi)容??

? ? ? ? ? ? 然后我們回到GitHub 點(diǎn)擊Setting? ? --->? SSH? and? GPG? keys? ? --->? New SSHkey

??

? ? ? ? ? ? 將密鑰復(fù)制到文本框內(nèi)?贱纠,保存 峻厚, Tittle隨便起。

?

接著到了很關(guān)鍵的一步是我們要到剛才本地部署博客文件根目錄下去修改一下_config.yml配置文件:

?

? ? ? ? ? ? 我用的編輯器是VScode 谆焊,其他的都可以惠桃,不影響,打開(kāi)后我們會(huì)看到密密麻麻的配置信息懊渡,不用慌刽射,我們只需要在配置信息的最下方改成如下配置

deploy:

? type: 'git'

? repo: https://github.com/yourname/yourname.github.io.git

? branch: master

#需要注意的是:

#1、冒號(hào)后面一定要有一個(gè)空格

#2剃执、type誓禁,repository,branch的首字母要對(duì)齊

?

? ? ? ? ? 至于倉(cāng)庫(kù)地址怎么找肾档,如果不會(huì)我再多啰嗦一下摹恰,會(huì)的就跳過(guò)吧

??

? ? ? ? ?復(fù)制地址,注意選HTTP地址 或者SSH地址都可以

?

? ? ? ? ? 最后我們開(kāi)始部署輸入以下命令行:

#要安裝一個(gè)部署插件hexo-deployer-git怒见。

npm install hexo-deployer-git --save

#生成靜態(tài)文件g 是 generate 縮寫(xiě)

hexo g

#部署俗慈,d 是 deploy 縮寫(xiě):

hexo d

#或者將二、三句結(jié)合為

hexo g -d

?

?

?

? ? ? ? ? ? ? ? ?第一次部署需要輸入github用戶(hù)名和密碼

?

?

? ? ? ? ? ? ? ? ? ? 此時(shí)我們可以看到在我們的倉(cāng)庫(kù)中多出了很多文件

?

? ? ? ? ? ? ? ? ?以上過(guò)程證明我們?cè)贕itHub部署成功遣耍,我們直接何以通過(guò)github地址訪(fǎng)問(wèn)了

https://1819597376.github.io/

? ? ? ? ? ? ? ? ? 到此你就擁有你自己的個(gè)人網(wǎng)絡(luò)博客了闺阱,興奮嗎鐵子?

?

五舵变,綁定域名

1酣溃,購(gòu)買(mǎi)域名

? ? ? ? ?首先你需要擁有自己的域名,這里先把域名做一下解釋

? ? ? ? ?域名(英語(yǔ):Domain Name)纪隙,又稱(chēng)網(wǎng)域赊豌,是由一串用點(diǎn)分隔的名字組成的Internet上某一臺(tái)計(jì)算機(jī)或計(jì)算機(jī)組的名稱(chēng),用于在數(shù)據(jù)傳輸時(shí)對(duì)計(jì)算機(jī)的定位標(biāo)識(shí)(有時(shí)也指地理位置)绵咱。由于IP地址具有不方便記憶并且不能顯示地址組織的名稱(chēng)和性質(zhì)等缺點(diǎn)碘饼,人們?cè)O(shè)計(jì)出了域名,并通過(guò)網(wǎng)域名稱(chēng)系統(tǒng)(DNS,Domain Name System)來(lái)將域名和IP地址相互映射艾恼,使人更方便地訪(fǎng)問(wèn)互聯(lián)網(wǎng)住涉,而不用去記住能夠被機(jī)器直接讀取的IP地址數(shù)串。

簡(jiǎn)單多就是因?yàn)間ithub的地址太長(zhǎng)或服務(wù)器的公網(wǎng)IP全數(shù)字不好記钠绍,我們需要一個(gè)好記的地址也就這我們的需要的域名來(lái)與自己的github倉(cāng)庫(kù)地址來(lái)做一個(gè)捆綁秆吵,通過(guò)這個(gè)好記的域名來(lái)訪(fǎng)問(wèn)我們的網(wǎng)站或者博客,比如我們要訪(fǎng)問(wèn)百度時(shí)在瀏覽器地址欄直接搜做baidu.com就可訪(fǎng)問(wèn)百度網(wǎng)頁(yè)而不是輸入長(zhǎng)長(zhǎng)的IP地址五慈。這種綁定關(guān)系會(huì)存儲(chǔ)在DNS中纳寂,即域名系統(tǒng)(服務(wù))協(xié)議。

這也是我們要做域名綁定的目的泻拦,購(gòu)買(mǎi)就不多贅述毙芜,因?yàn)槲业挠蛎?b>阿里云購(gòu)買(mǎi),這里我僅以阿里云平臺(tái)的域名進(jìn)行介紹争拐,如果想買(mǎi)其他平臺(tái)的域名也可以腋粥,我們的操作流程大同小異,不會(huì)就看下面這個(gè)購(gòu)買(mǎi)教程

域名購(gòu)買(mǎi)教程 :http://www.reibang.com/p/e11a136ebd02

2架曹,域名解析

? ? ? ? ?擁有域名后隘冲,我要對(duì)域名進(jìn)行解析操作來(lái)實(shí)現(xiàn)域名和我們倉(cāng)庫(kù)地址的綁定。

?

?

?

? ? ? ? ? 我們要添加兩條記錄

??

? ? ? ? ?保存后得到這兩條記錄即可:

?

? ? ? ? ? ? ? 接下來(lái)回到github倉(cāng)庫(kù)绑雄,創(chuàng)建一個(gè)名為CNAME的文件展辞,內(nèi)容為你的域名:

?

?

? ? ? ? ? ? 就在此刻奇跡發(fā)生了

?

? ? ? ? ? ? ? ? 就這樣了,完美結(jié)束万牺,寫(xiě)的我好累啊哈哈哈罗珍,感謝使用此教程,也為你成功搭建Hexo博客而感到高興脚粟!

我的博客: trouble.com

?

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 最后寄語(yǔ)

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 沒(méi)有人天生什么都會(huì)

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?不說(shuō)所有人都是天才

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?如果你不是

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 就請(qǐng)停止幻想? ?腳踏實(shí)地吧

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 學(xué)IT就不要害怕犯錯(cuò)? ?錯(cuò)誤越多越好

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?再見(jiàn)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末覆旱,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子核无,更是在濱河造成了極大的恐慌扣唱,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,270評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件团南,死亡現(xiàn)場(chǎng)離奇詭異噪沙,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)已慢,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,489評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)曲聂,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)霹购,“玉大人佑惠,你說(shuō)我怎么就攤上這事。” “怎么了膜楷?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,630評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵旭咽,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我赌厅,道長(zhǎng)穷绵,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,906評(píng)論 1 295
  • 正文 為了忘掉前任特愿,我火速辦了婚禮仲墨,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘揍障。我一直安慰自己目养,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,928評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布毒嫡。 她就那樣靜靜地躺著癌蚁,像睡著了一般。 火紅的嫁衣襯著肌膚如雪兜畸。 梳的紋絲不亂的頭發(fā)上努释,一...
    開(kāi)封第一講書(shū)人閱讀 51,718評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音咬摇,去河邊找鬼伐蒂。 笑死,一個(gè)胖子當(dāng)著我的面吹牛肛鹏,可吹牛的內(nèi)容都是我干的饿自。 我是一名探鬼主播,決...
    沈念sama閱讀 40,442評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼龄坪,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼昭雌!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起健田,我...
    開(kāi)封第一講書(shū)人閱讀 39,345評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤烛卧,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后妓局,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體总放,經(jīng)...
    沈念sama閱讀 45,802評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,984評(píng)論 3 337
  • 正文 我和宋清朗相戀三年好爬,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了局雄。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,117評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡存炮,死狀恐怖炬搭,靈堂內(nèi)的尸體忽然破棺而出蜈漓,到底是詐尸還是另有隱情,我是刑警寧澤宫盔,帶...
    沈念sama閱讀 35,810評(píng)論 5 346
  • 正文 年R本政府宣布疆柔,位于F島的核電站损肛,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜渠啊,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,462評(píng)論 3 331
  • 文/蒙蒙 一布隔、第九天 我趴在偏房一處隱蔽的房頂上張望余爆。 院中可真熱鬧斋配,春花似錦、人聲如沸寄悯。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,011評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)热某。三九已至腻菇,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間昔馋,已是汗流浹背筹吐。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,139評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留秘遏,地道東北人丘薛。 一個(gè)月前我還...
    沈念sama閱讀 48,377評(píng)論 3 373
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像邦危,于是被迫代替她去往敵國(guó)和親洋侨。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,060評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容