扯在前面
在很久很久以前,一直就想搭建屬於自己的一個博客,但由於各種原因,最終都不了了之,恰好最近突然有了興趣,於是就自己參照網上的教程,搭建了屬於自己的博客。
至於為什么要搭建自己的博客了?哈哈,大概是為了裝逼吧。
之前有選擇其它平台,記點自己的學習筆記,做技術這行,要不斷學習新知識,俗話說的好,好記性不如爛筆頭,如果不記筆記,三天學習,兩天忘記。自己搭建博客的話,樣式的選擇也比較自由,可以自己選擇,不需要受限於各大平台。
網上搜 hexo 關鍵字,這樣的教程一大堆,為什么我還要寫這篇文章呢?因為我沒能根據某篇文章能從頭到尾一步步很順利地走下來,要么因為軟件版本問題,要么因為自己的水平問題,踩了很多坑啊,幸運地是,經過自己不斷努力,慢慢把坑填平了。
這篇文章只准備說下創建博客的重點步驟了,詳細步驟可以參考:零基礎免費搭建個人博客-hexo+github(參考了別人的文章,也就幫忙宣傳下),下面主要說說我個人的一些理解,以及遇到的坑。
進入正題
利用 hexo + github 搭建博客大概如下幾步:
-node.js 的安裝和准備(本地配置)
-Git 的安裝和准備(遠程空間配置)
-github 賬戶配置(部署和發布)
那么我的第一步是安裝 node.js 咯?不!我第一步是花錢買了個域名。相信我,當你花完錢之后,在接下來的步驟中遇到問題,你解決問題的信念會更強,並且花錢越多,離成功會越近。所以買個.com/.net 的域名,你就成功了一半。
不買域名行不行?當然可以。買域名是為了更好的裝逼。
nodo.js 下載與安裝
下載地址:
官網
中文站
安裝就不用多說了,跟安裝普通軟件沒有區別,可以一路按提示Next。完成之后,打開命令行窗口 WIN + R
,輸入如下命令:
node -v
npm -v
出現如下結果說明安裝成功:
安裝 Hexo
在命令行輸入如下命令:
$ npm install -g hexo-cli
由於眾所周知的原因,可能你執行這條命令會報錯,如果你不會調整姿勢上網,可以使用淘寶 npm 鏡像,執行如下命令即可:
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
之后很多 npm 命令可以使用 cnpm 代替。執行下面命令即可安裝 Hexo :
$ cnpm install -g hexo-cli
可能出現一些 WARN ,可以不用理會,然后執行:
$ cnpm install hexo --save
輸入 $ hexo -v
命令,出現下面所示的版本信息,則說明安裝成功
本地搭建博客
-初始化 hexo
新建一個文件夾,這個文件夾即為以后博客的文件存放路徑。打開命令行,cd 到該文件夾,執行
hexo init
-生成靜態文件,執行:
hexo g
OK,本地的博客搭建好了,下面可以執行 hexo s
進行本地調試,執行完之后,打開瀏覽器,輸入 http://localhost:4000 ,可以看到如下頁面
那么恭喜你,本地博客搭建已經完成了。下一步就是部署到遠程服務器上。
將本地博客部署到遠程服務器端
本地博客搭建好了,我們還需要將它部署到遠程服務器上。因為博客主要都是一些靜態的頁面,不涉及與后台的數據傳送,所以我們可以利用 Github 上提供的一個免費空間,那么,首先需要有一個 Github 賬號,相信同行都有,非猿類請登錄官網注冊。做法是建立一個倉庫,將文件上傳到該倉庫即可,這個倉庫的起名要注意,為 yourname.github.io,yourname與你的注冊用戶名一致,比如的github用戶名是 zhangsan,那么起名就為 zhangsan.github.io ,這個就是你博客的域名了。
下面還需要做相應的配置,在你項目的文件夾下,找到 _config.yml 文件,注意是修改整個項目的配置文件,不是主題文件夾下的配置文件。打開文件修改配置如下:
deploy:
type: git
repo: <repository url>
branch: [branch]
message: [message]
參數描述:
repo: 庫(Repository)地址
branch: 分支名稱。如果您使用的是 GitHub 或 GitCafe 的話,程序會嘗試自動檢測。
message: 自定義提交信息 (默認為 Site updated: {{ now('YYYY-MM-DD HH:mm:ss') }}
最后通過生成靜態文件:
hexo g
部署到github:
hexo d
以上兩句可以合並成一句 hexo g -d
或者 hexo d -g
下面是知識點:
1.如果你跟我一樣用的是 Node.js 是最新的版本,這里 type ,要寫 git,網上一些文章上寫的 github ,親測,不可行。后來上 hexo 官網查看,證實為 git。 github 可能是以前比較老的版本中的推薦的配置。
2.如果沒有配置好 github 的 SSH Key, 每次提交代碼的時時候都是要求輸入github 用戶名和密碼。假設你已經將 SSH Key 添加到 github 上了(具體操作網上一大把),你仍然有可能每次提交代碼都需要輸入用戶名和密碼。原因是, repo 地址,你寫的是
https://github.com/username/username.github.io.git
可以將其替換為
git@github.com:yourname/yourname.github.io.git
為博客更改域名
為了更好的裝逼,決不能滿足於別人通過 yourname.github.io 去訪問你的博客,所以下面簡單介紹如何更改自己的博客域名。開頭提到,域名是要花錢買的,以我自己的為例,在萬網買的,國內域名還需要實名認證,登錄萬網,進入控制台,然后一步步按流程來就OK了。最后進行域名解析:
點擊解析,進入如下頁面進行點擊 添加解析 :
記錄值,你需要 ping 一下你的 github 地址,輸入對應的值。
最后還有一步,在你的本地博客 source 目錄下,新建一個文件,命名為 CNAME ,注意該文件沒有后綴,內容為你購買的域名。然后執行 hexo d -g
。
到此,就全部結束了,你也可以出去裝逼了。
附,遇到的兩個坑:Hexo 使用中搭建博客過程中遇到的坑