轉載了多個教程,么么噠~~
1.注冊
如果你還沒有自己的Github賬號,那請到Github官網注冊賬號:https://github.com/
打開https://github.com/,在下圖的框中,分別輸入自己的用戶名,郵箱,密碼。
然后前往自己剛才填寫的郵箱,點開Github發送給你的注冊確認信,確認注冊,結束注冊流程。
一定要確認注冊,否則無法使用gh-pages!
2.創建代碼庫
注冊完成后,點擊Start a project來新建一個版本庫
如果你已經注冊,則在自己的主頁,點擊”New repository”,即可新建一個代碼庫
輸入Repository name:yourname.github.io? (yourname與你的注冊用戶名一致,這個就是你博客的域名了)
注意:比如我的github名稱是hxlitong,這里你就填 hxlitong.github.io
3.啟用GitHub Page
進入版本庫后,點擊右上方的setting
下來到Githubs pages欄目,點擊Launch automatic page generator
來到New user site頁面后點擊右下角的Continue to layouts
最后點擊”Publish page”,發布github默認生成的一個靜態站點
至此,我們已經配置好了github默認的靜態站點,并且可以訪問:你的github用戶名.github.io測試我們剛剛建立好的站點主頁。
4.下載并安裝Git
下載
根據自己電腦操作系統的位數到git官網下載相應的版本:
安裝
根據自己的需要安裝到相應的路徑下,其他的一路點擊next即可
配置環境變量
選中桌面圖標計算機,右鍵選擇屬性,打開左邊的高級系統設置,打開彈出窗口的環境變量,找到path進行編輯。
找到git的安裝目錄,將其復制后粘貼到path后面。注意每一個加進來的路徑后面都要帶英文格式的分號。
安裝與配置過程可參考圖文教程:git的安裝和配置
測試是否安裝成功
windows+R輸入cmd打開命令提示符窗口,輸入如下命令:
git --version
若安裝成功會打印出本機安裝的git的版本。
添加SSH KEY到Github
SSH Key是一個認證,讓github識別綁定這臺機器,允許這臺機器提交。
(1)檢查本機是否有SSH KEY設置
打開git bash,輸入cd ~/.ssh 或cd .ssh
如果沒有則提示: No such file or directory
如果有則進入~/.ssh路徑下(ls查看當前路徑文件,rm * 刪除所有文件)
(2)配置生成SSH KEY
$ cd ~? #保證當前路徑在”~”下
$ ssh-keygen -t rsa -C "這里填寫你的郵箱地址"
Generating public/private rsa key pair.
Enter file in which to save the key (/c/Users/xxxx_000/.ssh/id_rsa):? #不填直接回車
Enter passphrase (empty for no passphrase):? #輸入密碼(可以為空)
Enter same passphrase again:? #再次確認密碼(可以為空)
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$?
至此,已經生成ssh key,其存放路徑為:c:/Users/你電腦的用戶名/.ssh/下。
注釋:可生成ssh key自定義名稱的密鑰,默認id_rsa。
(3)復制SSH KEY到Github
到C盤你的用戶目錄下找到.ssh文件夾,查看里面是否有id_rsa和id_rsa.pub這兩個文件。
登錄GitHub系統;點擊右上角賬號頭像的“▼”→Settings→SSH kyes→Add SSH key,Title自定義,復制id_rsa.pub的公鑰內容到GitHub中Add an SSH key的key輸入框,最后“Add Key”。
(4)配置賬戶
$ git config --global user.name “your_username”? #設置用戶名
$ git config --global user.email “your_registered_github_Email”#設置郵箱地址(建議用注冊giuhub的郵箱)
(5)測試SSH KEY是否設置成功
$ ssh -T git@github.com
接下來會返回一些信息,并需要你輸入一次yes,若生成ssh key時設置有密碼則還會讓你輸入生成ssh key時設置的密碼。
Hi xxx! You’ve successfully authenticated, but GitHub does not provide shell access. #出現詞句話,說明設置成功。
SSH-KEY的生成與配置可參考圖文教程window下配置SSH連接GitHub、GitHub配置ssh key:
5.下載并安裝node.js
下載
根據自己電腦操作系統的位數到git官網下載相應的版本:
https://nodejs.org/en/download/
安裝
根據自己的需要安裝到響應的地方,其他的一路點擊next即可
配置環境變量
選中桌面圖標計算機,右鍵選擇屬性,打開左邊的高級系統設置,打開彈出窗口的環境變量,找到path進行編輯。
找到node.js的安裝目錄,將其復制后粘貼到path后面。注意每一個加進來的路徑后面都要帶英文格式的分號。
測試是否安裝成功
windows+R輸入cmd打開命令提示符窗口,輸入如下命令:
node -v
若安裝成功會打印出本機安裝的node.js的版本。
6.安裝Hexo
在你喜歡的路徑下新建一個文件夾blog,用來存放博客的文件,在此文件夾中右鍵打開Git Bash
輸入如下指令進行安裝:
npm install -g hexo-cli
如果執行這條命令時長時間未成功,那么請先使用下面的命令將npm鏡像源更改為國內的鏡像,再執行上面的安裝命令,因為國外的鏡像源很有可能被墻了。
npm config set registry https://registry.npm.taobao.org
初始化hexo
$ hexo init hexo
這里會將Github上的hexo項目clone下來,得到hexo文件夾。
初始化成功后會在最后打印一行:INFO Start blogging with Hexo!
安裝依賴文件
進入到hexo文件夾
?cd hexo
安裝依賴文件:
npm install
部署形成文件:
hexo generate
本地測試
hexo server
在瀏覽器輸入:http://localhost:4000/即可訪問到我們搭建好的hexo站點。
7.將本地hexo項目托管到Github
修改全局配置文件_config.yml
說明:hexo文件夾下一個_config.yml,我們稱之為全局配置文件,在每個主題文件夾內還會有一個_config.yml文件,我們稱之為主題配置文件。
用sublime text3或者notepad++等編輯器打開hexo文件夾下的_config.yml文件。
注意:配置文件中每個字段后面的冒號是英文格式的,且在其后要加一個空格再寫值
編輯最后面的deploy屬性,加入代碼:
type: git
repository: https://github.com/你的Github用戶名/你的Github用戶名.github.io.git
branch: master
type使用是git。
repository屬性改成你的剛才創建倉庫git地址。
分支branch填寫master。
安裝hexo-deployer-git插件
npm install hexo-deployer-git --save
部署到Github上
依次執行以下三條命令:
hexo clean? #清除緩存 網頁正常情況下可以忽略此條命令
hexo generator? #生成靜態頁面至public目錄
hexo deploy? #將.deploy目錄部署到GitHub
執行hexo deploy命令之后,如果最后一行打印出如下信息則表示部署成功
INFO? Deploy done: git
然后你再去訪問你創建的Github pages地址,也就是:你的Github用戶名.github.io,即可看到你本地的hexo項目已經被部署到github上去了。此時博客的默認主題是landscape,即上面本地測試時的樣子。
參考文章