參考網上的文章總算把自己的Github博客搭建出來了,在這把我的搭建步驟分享給大家,後面的內容還包括了配置域名,如已搭建成功了想要使用自己的域名訪問博客可以直接跳到配置域名部分。

搭建個人博客-hexo+github詳細完整步驟

零基礎免費搭建個人博客-hexo+github

上面兩個鏈接是我所參考的文章,寫的也很詳細,如果沒看懂我的步驟也可以看看上面的。

一、準備

我們需要安裝Git、Node.js、Hexo以及註冊一個GitHub賬號。

下載Git、Nodejs可以選擇在官網下載,也可以去CSDN下載,大部分都是不需要積分的。PS:官網下載網速超級慢,不知道是資源問題還是牆的原因。

Git官網下載地址

Node.js官網下載地址

Git CSDN下載

Node.js CSDN下載

1、安裝Git

打開Git安裝程序,點擊NEXT來到這個頁面,選擇要安裝的組件,可以全選也可以默認,然後一路NEXT即可,安裝路徑根據自己習慣更改。

2、安裝Node.js

同樣打開Node.js安裝程序,一路默認即可,安裝路徑根據自己習慣更改。

3、安裝Hexo

安裝Hexo就稍微繁瑣點,不過大家一定不能急,耐心等待安裝,一般來說按照步驟慢慢來都是沒有問題的。

首先在任意地方右鍵,點擊「Git Bash Here」。

使用NPM命令安裝,為防止被牆,這裡使用淘寶NPM鏡像,輸入命令 npm install -g cnpm --registry=https://registry.npm.taobao.org 等待安裝完成。

完成後,繼續輸入命令 cnpm install -g hexo-cli

等待完成,再輸入命令 cnpm install hexo --save

至此Hexo安裝完成,使用查看版本命令 hexo -v 檢查是否正常安裝。

4、註冊Github以及創建倉庫

接下來我們註冊Github賬號,使用常用郵箱註冊即可,過程比較簡單這裡就不細講了。

註冊成功登錄後,來到我的倉庫頁面,點擊New repository。

注意Repository name一定得是yourname.github.io,這樣才能使用這個地址訪問到你的Github page,填好Repository name,點擊Create repository。(我這裡因為之前創建過,所以報同名錯誤,大家第一次創建的話可以忽略)。

在零基礎免費搭建個人博客-hexo+github里有個『啟用GitHub Page』的步驟,但我發現頁面都已經變得不一樣了,最新的頁面如下所示,只需要Choose Theme就會自動啟用Github Page。

創建倉庫後我們後面的步驟需要用到倉庫地址,進到yourname.github.io倉庫頁面,看下圖。

二、本地啟動與部署到Github

1、本地啟動

創建一個新文件夾(我的是在E盤創建的Blog),進入該文件夾,右鍵Git Bash Here,輸入 hexo init 命令。PS:由於博主搭建成功後並沒有推倒再來一遍,所以到這裡就沒有截圖了,大家鍵入命令後,在程序運行過程記得一定要耐心等待。

初始化成功後,大概是下面的目錄結構(我這個是部署到git後,有多了幾個文件)。

接下來輸入 hexo s -g 命令啟動,啟動後瀏覽器訪問localhost:4000查看博客效果。

2、部署到Github

本地成功後下面就要部署到Git了,打開_config.yml進行配置,如下圖,複製你的倉庫地址給repo參數(上面有講怎麼複製)。

在Git命令窗口輸入 npm install hexo-deployer-git --save 安裝hexo-deployer-git自動部署發布工具,等待安裝完成,輸入 hexo clean && hexo g && hexo d 命令發布到Github,這裡注意第一次發布的話會需要輸入你的Github賬號跟密碼,等待出現下圖的信息就說明發布成功了,在瀏覽器輸入yourname.github.io就可以看到你的博客了。

三、選擇主題與配置域名

1、選擇主題

完成上面的步驟之後呢,可能有人會覺得默認的Hexo主題不是特別好看(至少博主是那麼認為的),所以我們可以給博客選擇一個適合自己的主題,使用命令 git clone https://github.com/iissnan/hexo-theme-nextthemes/[theme] 來下載一個新的主題,[theme]為主題名。下載完成後,修改_config.yml的theme參數來配置主題,見下圖。

附上鏈接:有哪些好看的 Hexo 主題?

博主選擇的主題是yilia,這裡遇到了一個坑:使用yilia主題有了兩個_config.yml文件,一個是我們一直用到的,另一個是yilia主題目錄下的,啟用yilia的某些功能需要在我們一直用到的_config.yml文件配置,而yilia主題的定製是在yilia目錄下的_config.yml配置,其他主題可能也會有這樣的情況,這一點稍微注意下。

另附上yilia主題的評論配置:多說、暢言、網易雲跟帖、Disqus評論配置

2、配置域名

這一步驟提供給需要使用自己的域名訪問Github page的讀者,不需要的可以直接跳過。

在cmd窗口使用 ping yourname.github.io 得到IP地址,見下圖。

在你的Github博客倉庫根目錄下創建CNAME文件,注意不能有文件名不能有後綴且要大寫,內容為你想指定的域名。

然後將你的域名映射到該IP地址,這裡以博主的阿里雲購買的域名舉例,在阿里雲域名控制台添加一條解析,如下圖。

等解析生效就可以使用域名訪問Github page了,例如博主的:http://yk95.top

使用域名訪問Github page還需要注意一點,我們使用 hexo clean && hexo g && hexo d 命令將博客發布到Git時,Hexo會將整個倉庫全部清空,然後才提交,這樣我們創建的CNAME文件就被刪除了,這裡提供一個簡單的解決方案,在本地博客public文件夾下創建CNAME文件,發布到Git時不clean使用 hexo g && hexo d 命令,發布時會將CNAME文件一起提交。

四、發布自己的第一篇博客

將博客搭建起來之後就可以開始寫博客了,首先需要配置一些基本信息,這些內容不會解析到博客正文中,見下圖。

接下來就是正式寫博客正文了,寫的文章要遵循markdown語法。

附上鏈接:Markdown 語法說明 (簡體中文版)寫好博客後就可以使用命令 hexo clean && hexo g && hexo d 發布到Github了(域名訪問的請去掉 hexo clean),下面是博客效果。

至此,本篇博客搭建教程介紹完畢,最後再附上一些鏈接:

Hexo博客添加百度sitemap

Hexo插件之百度主動提交鏈接

用阿里雲的免費 SSL 證書讓網站從 HTTP 換成 HTTPS

個人博客地址:使用Hexo搭建個人Github博客


推薦閱讀:
相关文章