天天看點

從零開始的個人部落格,hexo+githubPages快速搭建

從零開始的個人部落格,hexo+githubPages快速搭建

- hexo
- githubPages
- 部落格搭建
           

說明

域名買了n久了,說好的搭建自己的部落格,在曆時大半年後,終于開始搭建了。

首先本人作為一個開發者,本來應該全部都自己寫的,但是最後選擇了友善的hexo+githubPages來搭建自己的部落格(說這麼多,其實就是自己懶和菜),話不多說下面就開始正題。

開始之前

在開始搭建部落格之前,請确認:

1.github賬号,這個就不多說了,程式員必備

2.安裝node.js npm 看這裡

建立Git倉庫

建立一個名為 使用者名.github.io的倉庫,必須使用使用者名,比如:我的使用者名是xxx 那麼倉庫名為 xxx.github.io,然後我們就可以直接通路 xxx.github.io

注意:每個賬戶隻能建立一個這樣的倉庫。

我們可以給倉庫綁定域名(如果有的話),當然也可以直接使用xxx.github.io。

配置SSH key

檢視是否存在已有的SSHkey

$ cd ~/.ssh
           

(ps:我用原來的SSHkey沒能通過驗證,後來格式化了該檔案夾後重新生成的SSHkey)

如果沒有存在的SSHkey,則:

确認後,前往檔案 .ssh\id_rsa.pub 裡面的内容将會在Git的SSHkey設定裡面用到。

打開github設定,選中_SSH and GPG keys_,點選 new SSHkey按鈕

從零開始的個人部落格,hexo+githubPages快速搭建

在title中填寫任意内容。

在key中粘貼,.ssh\id_rsa.pub裡面的所有内容,儲存。

測試SSHkey

打開終端,輸入:

$ ssh -T [email protected]
           

如果提示:

Are you sure you want to continue connecting (yes/no)?

輸入yes

Hi HeartSheathWrapKnife! You’ve successfully authenticated, but GitHub does not provide shell access.

注意:如果驗證一直通不過,提示 Permission denied,則可能本機SSH環境SSHkey添加錯誤,或者失效,重新添加即可。

hexo

說說我對hexo粗淺的了解,因為github pages存放的都是靜态檔案,不可能手動對本地檔案進行一個一個的更改,是以由hexo統一管理所有md檔案,由hexo通過source檔案中的本地md以及圖檔等設定,生成成對應的靜态網頁(存放在public檔案中,也就是我們的xxx.github.io的實際内容),然後再将有改動的靜态頁面送出到github。

hexo官網

hexogithub連結

安裝hexo

确認所有需要的環境(git,node.js ,npm)均已安裝後

$ npm install -g hexo-cli
           

安裝完成後,在桌面或者任意指定目錄,建立hexo項目檔案夾。我一般項目都建立在桌面。比如/Users/lijiayu/Desktop/LostiforHexo

$ cd 你建立的檔案夾目錄
$ npm install
           

指令執行完畢後,該檔案夾大概目錄如下。

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes
           

然後,生成靜态檔案。

可以選擇本地預覽,開啟本地預覽後,在浏覽器通路http://localhost:4000 打開後顯示預設主題的部落格,以及一篇hello world 的文章。這個時候我們部落格的骨架就基本搭建完成了。

綁定域名

綁定域名分2種情況:帶www和不帶www的。

域名配置最常見有2種方式,CNAME和A記錄,CNAME填寫域名,A記錄填寫IP,由于不帶www方式隻能采用A記錄,是以必須先ping一下你的使用者名.github.io的IP,然後到你的域名DNS設定頁,将A記錄指向你ping出來的IP,将CNAME指向你的使用者名.github.io,這樣可以保證無論是否添加www都可以通路

從零開始的個人部落格,hexo+githubPages快速搭建

{% asset_img [email protected] 添加CNAME記錄 解析 %}

從零開始的個人部落格,hexo+githubPages快速搭建

到項目目錄/source 裡建立一個CNAME,并在裡面寫下你的域名如:lostifor.com。儲存。

支援https,獲得小綠鎖

GitHub Pages已經開放了自定義域名支援HTTPS,隻需要在repositorys設定中開啟Enforce HTTPS的選項即可。

從零開始的個人部落格,hexo+githubPages快速搭建

接下來就是給部落格更換主題,添加功能,以及美化等工作。

從零開始的個人部落格,更換next主題及配置

繼續閱讀