零基礎用Hexo+Github 搭建博客1

轉載了多個教程,么么噠~~

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官網下載相應的版本:

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

安裝

根據自己的需要安裝到相應的路徑下,其他的一路點擊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,即上面本地測試時的樣子。


參考文章

Hexo安裝和配置

Github Pages + Hexo搭建博客(一)

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,797評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,179評論 3 414
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,628評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,642評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,444評論 6 405
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 54,948評論 1 321
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,040評論 3 440
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,185評論 0 287
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,717評論 1 333
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,602評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,794評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,316評論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,045評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,418評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,671評論 1 281
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,414評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,750評論 2 370

推薦閱讀更多精彩內容