Hexo個人博客搭建

題外話

歡迎大家訪問我的博客,雖然一般都是簡書和博客同步更新啦~~懶得搞圖床,把簡書當圖床還挺好用的233333

步驟

  1. 準備放博客的空間,我是選擇的github的github pages,免費,有逼格

  2. 配置Hexo環境,后期可以通過配置Travis CI自動化部署

  3. 綁定自己的域名,支持https,雖然github.io也挺好的,沒事就喜歡折騰

github pages設置

首先得有一個github賬號,賬號申請就略過了。

在賬號下新建一個倉庫,倉庫命名為yourname.github.io。

github新建倉庫.png

設置好pages,等會兒Hexo生成博客push到倉庫后,瀏覽器就可以輸入yourname.github.io訪問了。

配置Hexo

安裝

這里是官方中文教程,照著來就好了~前提條件是要安裝git和node.js,用github的話git肯定是裝好了,教程都有不贅述了。

建博客

安裝好Hexo后,終端先到你準備放博客源文件的目錄下:

hexo blogName

cd blogName

npm install

hexo s

現在已經可以在本地預覽生成的博客了,在瀏覽器輸入localhost:4000就能看見默認的博客了。

關聯github倉庫

為了能讓其他人也能看見你的博客,就要把博客的源文件提交到你的github倉庫,打開blog目錄下的配置文件_config.yml,修改最底下的幾行:

deploy:

type: git

repository: git@github.com:yourname/yourname.github.io.git

branch: master

yml語法很蛋疼,冒號后面一定要有個空格,之前沒打空格被坑過好幾次

發布博客

hexo clean

hexo g

hexo d

Hexo主題

Hexo修改主題相當方便,可以下載別人的主題,自己在主題的基礎上再稍作修改,這里推薦兩個主題

  • Next,大名鼎鼎的主題,看Star就知道了,主題還自帶3種風格,簡潔優雅

  • yelee,我現在用的主題,喜歡動畫效果~

自定義域名 (更新 2018-08-15)

折騰完前面的步驟,還想繼續折騰域名的話就看看吧。

購買

首先要先注冊一個阿里云賬號,然后就可以去買域名了。域名的實名認證啥的按照說明自己做就好了。

DNS修改

在阿里云的控制臺,找到域名->管理,打開域名控制臺,DNS地址修改為dns9.hichina.com和dns10.hichina.com (默認就是這倆)

DNS修改

然后在本地的博客目錄里的source目錄下添加一個名字為CNAME的文件,沒有后綴。

添加CNAME.png

在CNAME中添加一行你自己的域名:

CNAME文件.png

之前看教程說CNAME是放在博客根目錄,但是hexo d -g發布的時候不會提交根目錄文件...于是就放到source文件夾下了

在控制臺左側選擇域名解析,添加解析記錄:

域名解析

上面的A記錄是github的服務器地址,github 會根據每個項目下的 CNAME 生成緩存,從而自動跳轉。

最后就是等待ing,我設置的時候等了一個小時就可以訪問了。

支持https

github在2018年5月就支持給自定義域名添加https了,雖然我8月才發現......在github的博客項目頁面點擊Settings,找到下面的GitHub Pages:

https訪問支持

最底下的選項勾上就可以支持https了。如果該選項是灰色的,提示你的域名不支持的話,可以把再把項目里的CNAME文件刪掉提交一次,Custom domain那里刪掉然后Save,等幾分鐘后再重新提交一次CNAME文件。這時候可能提示你暫時還不支持,申請證書在24小時內完成,不過我就等了1個小時就好了。

支持https
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容