轉(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)的版本:
安裝
根據(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í)的樣子华匾。
參考文章