從零開始的個人部落格,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按鈕
在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都可以通路
{% asset_img [email protected] 添加CNAME記錄 解析 %}
到項目目錄/source 裡建立一個CNAME,并在裡面寫下你的域名如:lostifor.com。儲存。
支援https,獲得小綠鎖
GitHub Pages已經開放了自定義域名支援HTTPS,隻需要在repositorys設定中開啟Enforce HTTPS的選項即可。
接下來就是給部落格更換主題,添加功能,以及美化等工作。
從零開始的個人部落格,更換next主題及配置