零基礎(chǔ)用Hexo+Github 搭建博客1

轉(zhuǎn)載了多個(gè)教程址晕,么么噠~~

1.注冊(cè)

如果你還沒(méi)有自己的Github賬號(hào)模捂,那請(qǐng)到Github官網(wǎng)注冊(cè)賬號(hào):https://github.com/

打開(kāi)https://github.com/驶悟,在下圖的框中饼灿,分別輸入自己的用戶名爽锥,郵箱银舱,密碼值骇。

然后前往自己剛才填寫(xiě)的郵箱害驹,點(diǎn)開(kāi)Github發(fā)送給你的注冊(cè)確認(rèn)信因苹,確認(rèn)注冊(cè)较店,結(jié)束注冊(cè)流程。

一定要確認(rèn)注冊(cè)容燕,否則無(wú)法使用gh-pages梁呈!

2.創(chuàng)建代碼庫(kù)

注冊(cè)完成后,點(diǎn)擊Start a project來(lái)新建一個(gè)版本庫(kù)

如果你已經(jīng)注冊(cè)蘸秘,則在自己的主頁(yè)官卡,點(diǎn)擊”New repository”,即可新建一個(gè)代碼庫(kù)

輸入Repository name:yourname.github.io? (yourname與你的注冊(cè)用戶名一致,這個(gè)就是你博客的域名了)

注意:比如我的github名稱是hxlitong,這里你就填 hxlitong.github.io

3.啟用GitHub Page

進(jìn)入版本庫(kù)后醋虏,點(diǎn)擊右上方的setting

下來(lái)到Githubs pages欄目寻咒,點(diǎn)擊Launch automatic page generator

來(lái)到New user site頁(yè)面后點(diǎn)擊右下角的Continue to layouts

最后點(diǎn)擊”P(pán)ublish page”,發(fā)布github默認(rèn)生成的一個(gè)靜態(tài)站點(diǎn)

至此,我們已經(jīng)配置好了github默認(rèn)的靜態(tài)站點(diǎn)颈嚼,并且可以訪問(wèn):你的github用戶名.github.io測(cè)試我們剛剛建立好的站點(diǎn)主頁(yè)毛秘。

4.下載并安裝Git

下載

根據(jù)自己電腦操作系統(tǒng)的位數(shù)到git官網(wǎng)下載相應(yīng)的版本:

https://git-scm.com/download/win

安裝

根據(jù)自己的需要安裝到相應(yīng)的路徑下,其他的一路點(diǎn)擊next即可

配置環(huán)境變量

選中桌面圖標(biāo)計(jì)算機(jī),右鍵選擇屬性叫挟,打開(kāi)左邊的高級(jí)系統(tǒng)設(shè)置艰匙,打開(kāi)彈出窗口的環(huán)境變量,找到path進(jìn)行編輯抹恳。

找到git的安裝目錄员凝,將其復(fù)制后粘貼到path后面。注意每一個(gè)加進(jìn)來(lái)的路徑后面都要帶英文格式的分號(hào)奋献。

安裝與配置過(guò)程可參考圖文教程:git的安裝和配置

測(cè)試是否安裝成功

windows+R輸入cmd打開(kāi)命令提示符窗口健霹,輸入如下命令:

git --version

若安裝成功會(huì)打印出本機(jī)安裝的git的版本。

添加SSH KEY到Github

SSH Key是一個(gè)認(rèn)證瓶蚂,讓github識(shí)別綁定這臺(tái)機(jī)器糖埋,允許這臺(tái)機(jī)器提交。

(1)檢查本機(jī)是否有SSH KEY設(shè)置

打開(kāi)git bash窃这,輸入cd ~/.ssh 或cd .ssh

如果沒(méi)有則提示: No such file or directory

如果有則進(jìn)入~/.ssh路徑下(ls查看當(dāng)前路徑文件阶捆,rm * 刪除所有文件)

(2)配置生成SSH KEY

$ cd ~? #保證當(dāng)前路徑在”~”下

$ ssh-keygen -t rsa -C "這里填寫(xiě)你的郵箱地址"

Generating public/private rsa key pair.

Enter file in which to save the key (/c/Users/xxxx_000/.ssh/id_rsa):? #不填直接回車(chē)

Enter passphrase (empty for no passphrase):? #輸入密碼(可以為空)

Enter same passphrase again:? #再次確認(rèn)密碼(可以為空)

Your identification has been saved in /c/Users/xxxx_000/.ssh/id_rsa.? #生成的密鑰

Your public key has been saved in /c/Users/xxxx_000/.ssh/id_rsa.pub.? #生成的公鑰

The key fingerprint is:

e3:51:33:xx:xx:xx:xx:xxx:61:28:83:e2:81 xxxxxx@yy.com$?

至此,已經(jīng)生成ssh key钦听,其存放路徑為:c:/Users/你電腦的用戶名/.ssh/下洒试。

注釋:可生成ssh key自定義名稱的密鑰,默認(rèn)id_rsa朴上。

(3)復(fù)制SSH KEY到Github

到C盤(pán)你的用戶目錄下找到.ssh文件夾垒棋,查看里面是否有id_rsa和id_rsa.pub這兩個(gè)文件。

登錄GitHub系統(tǒng)痪宰;點(diǎn)擊右上角賬號(hào)頭像的“▼”→Settings→SSH kyes→Add SSH key叼架,Title自定義,復(fù)制id_rsa.pub的公鑰內(nèi)容到GitHub中Add an SSH key的key輸入框衣撬,最后“Add Key”乖订。

(4)配置賬戶

$ git config --global user.name “your_username”? #設(shè)置用戶名

$ git config --global user.email “your_registered_github_Email”#設(shè)置郵箱地址(建議用注冊(cè)giuhub的郵箱)

(5)測(cè)試SSH KEY是否設(shè)置成功

$ ssh -T git@github.com

接下來(lái)會(huì)返回一些信息,并需要你輸入一次yes具练,若生成ssh key時(shí)設(shè)置有密碼則還會(huì)讓你輸入生成ssh key時(shí)設(shè)置的密碼乍构。

Hi xxx! You’ve successfully authenticated, but GitHub does not provide shell access. #出現(xiàn)詞句話,說(shuō)明設(shè)置成功扛点。

SSH-KEY的生成與配置可參考圖文教程window下配置SSH連接GitHub哥遮、GitHub配置ssh key:


5.下載并安裝node.js

下載

根據(jù)自己電腦操作系統(tǒng)的位數(shù)到git官網(wǎng)下載相應(yīng)的版本:

https://nodejs.org/en/download/

安裝

根據(jù)自己的需要安裝到響應(yīng)的地方,其他的一路點(diǎn)擊next即可

配置環(huán)境變量

選中桌面圖標(biāo)計(jì)算機(jī)陵究,右鍵選擇屬性眠饮,打開(kāi)左邊的高級(jí)系統(tǒng)設(shè)置,打開(kāi)彈出窗口的環(huán)境變量铜邮,找到path進(jìn)行編輯仪召。

找到node.js的安裝目錄寨蹋,將其復(fù)制后粘貼到path后面。注意每一個(gè)加進(jìn)來(lái)的路徑后面都要帶英文格式的分號(hào)扔茅。

測(cè)試是否安裝成功

windows+R輸入cmd打開(kāi)命令提示符窗口已旧,輸入如下命令:

node -v

若安裝成功會(huì)打印出本機(jī)安裝的node.js的版本。


6.安裝Hexo

在你喜歡的路徑下新建一個(gè)文件夾blog咖摹,用來(lái)存放博客的文件评姨,在此文件夾中右鍵打開(kāi)Git Bash

輸入如下指令進(jìn)行安裝:

npm install -g hexo-cli

如果執(zhí)行這條命令時(shí)長(zhǎng)時(shí)間未成功难述,那么請(qǐng)先使用下面的命令將npm鏡像源更改為國(guó)內(nèi)的鏡像萤晴,再執(zhí)行上面的安裝命令,因?yàn)閲?guó)外的鏡像源很有可能被墻了胁后。

npm config set registry https://registry.npm.taobao.org

初始化hexo

$ hexo init hexo

這里會(huì)將Github上的hexo項(xiàng)目clone下來(lái)店读,得到hexo文件夾。

初始化成功后會(huì)在最后打印一行:INFO Start blogging with Hexo!

安裝依賴文件

進(jìn)入到hexo文件夾

?cd hexo

安裝依賴文件:

npm install

部署形成文件:

hexo generate

本地測(cè)試

hexo server

在瀏覽器輸入:http://localhost:4000/即可訪問(wèn)到我們搭建好的hexo站點(diǎn)攀芯。

7.將本地hexo項(xiàng)目托管到Github

修改全局配置文件_config.yml

說(shuō)明:hexo文件夾下一個(gè)_config.yml屯断,我們稱之為全局配置文件,在每個(gè)主題文件夾內(nèi)還會(huì)有一個(gè)_config.yml文件侣诺,我們稱之為主題配置文件殖演。

用sublime text3或者notepad++等編輯器打開(kāi)hexo文件夾下的_config.yml文件。

注意:配置文件中每個(gè)字段后面的冒號(hào)是英文格式的年鸳,且在其后要加一個(gè)空格再寫(xiě)值

編輯最后面的deploy屬性趴久,加入代碼:

type: git

repository: https://github.com/你的Github用戶名/你的Github用戶名.github.io.git

branch: master

type使用是git。

repository屬性改成你的剛才創(chuàng)建倉(cāng)庫(kù)git地址搔确。

分支branch填寫(xiě)master彼棍。

安裝hexo-deployer-git插件

npm install hexo-deployer-git --save

部署到Github上

依次執(zhí)行以下三條命令:

hexo clean? #清除緩存 網(wǎng)頁(yè)正常情況下可以忽略此條命令

hexo generator? #生成靜態(tài)頁(yè)面至public目錄

hexo deploy? #將.deploy目錄部署到GitHub

執(zhí)行hexo deploy命令之后,如果最后一行打印出如下信息則表示部署成功

INFO? Deploy done: git

然后你再去訪問(wèn)你創(chuàng)建的Github pages地址膳算,也就是:你的Github用戶名.github.io座硕,即可看到你本地的hexo項(xiàng)目已經(jīng)被部署到github上去了。此時(shí)博客的默認(rèn)主題是landscape涕蜂,即上面本地測(cè)試時(shí)的樣子华匾。


參考文章

Hexo安裝和配置

Github Pages + Hexo搭建博客(一)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市机隙,隨后出現(xiàn)的幾起案子瘦真,更是在濱河造成了極大的恐慌,老刑警劉巖黍瞧,帶你破解...
    沈念sama閱讀 206,126評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件诸尽,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡印颤,警方通過(guò)查閱死者的電腦和手機(jī)您机,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,254評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人际看,你說(shuō)我怎么就攤上這事咸产。” “怎么了仲闽?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,445評(píng)論 0 341
  • 文/不壞的土叔 我叫張陵脑溢,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我赖欣,道長(zhǎng)屑彻,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,185評(píng)論 1 278
  • 正文 為了忘掉前任顶吮,我火速辦了婚禮社牲,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘悴了。我一直安慰自己搏恤,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,178評(píng)論 5 371
  • 文/花漫 我一把揭開(kāi)白布湃交。 她就那樣靜靜地躺著熟空,像睡著了一般。 火紅的嫁衣襯著肌膚如雪搞莺。 梳的紋絲不亂的頭發(fā)上息罗,一...
    開(kāi)封第一講書(shū)人閱讀 48,970評(píng)論 1 284
  • 那天,我揣著相機(jī)與錄音腮敌,去河邊找鬼阱当。 笑死,一個(gè)胖子當(dāng)著我的面吹牛糜工,可吹牛的內(nèi)容都是我干的弊添。 我是一名探鬼主播,決...
    沈念sama閱讀 38,276評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼捌木,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼油坝!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起刨裆,我...
    開(kāi)封第一講書(shū)人閱讀 36,927評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤澈圈,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后帆啃,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體瞬女,經(jīng)...
    沈念sama閱讀 43,400評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,883評(píng)論 2 323
  • 正文 我和宋清朗相戀三年努潘,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了诽偷。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片坤学。...
    茶點(diǎn)故事閱讀 37,997評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖报慕,靈堂內(nèi)的尸體忽然破棺而出深浮,到底是詐尸還是另有隱情,我是刑警寧澤眠冈,帶...
    沈念sama閱讀 33,646評(píng)論 4 322
  • 正文 年R本政府宣布飞苇,位于F島的核電站,受9級(jí)特大地震影響蜗顽,放射性物質(zhì)發(fā)生泄漏布卡。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,213評(píng)論 3 307
  • 文/蒙蒙 一诫舅、第九天 我趴在偏房一處隱蔽的房頂上張望羽利。 院中可真熱鬧宫患,春花似錦刊懈、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,204評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至皇帮,卻和暖如春卷哩,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背属拾。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,423評(píng)論 1 260
  • 我被黑心中介騙來(lái)泰國(guó)打工将谊, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人渐白。 一個(gè)月前我還...
    沈念sama閱讀 45,423評(píng)論 2 352
  • 正文 我出身青樓尊浓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親纯衍。 傳聞我的和親對(duì)象是個(gè)殘疾皇子栋齿,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,722評(píng)論 2 345

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