超級(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)了
? ? ? ? ? ? ? ? ? 到此你就擁有你自己的個(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)