記錄下本週末搭建我的博客的過程Mac+Hexo+GitHubPages

目錄

• 前言
• 具體步驟
  • 安裝Node.js
  • 安裝Hexo
  • 博客初始化
  • 將本地博客與GitHub關聯
  • 切換Hexo主題：Next
  • Godaddy購買我的域名
  • 綁定我的域名
  • TO-DO

@(記錄下本週末搭建我的博客的過程Mac+Hexo+GitHubPages)

前言

以前原本有一個我的博客，可是由於太懶沒有維護，就來投奔CSDN了。這幾天忽然一時興起，讓好好弄一下本身的我的博客，由於CSDN的廣告實在是....一言難盡...
搜索了通常，選取一個比較簡單的實現方式：即Hexo+GitHub Pages
如下記錄若是搭建我的博客網站 lestatzhang.com的過程

具體步驟

1. 安裝Git
2. 安裝Node.js
3. 安裝Hexo
4. 博客初始化
5. 將本地博客與GitHub關聯
6. 切換Hexo主題：Next
7. Goddady購買我的域名
8. 綁定我的域名
9. 其餘TO-DO

### 安裝Git
先查看是否已經安裝Git
shell lestat@Lestats-MBP:~$ git --version git version 2.14.3 (Apple Git-98)
若是Mac沒有安裝git能夠經過Homebrew安裝
shell brew install git

安裝Node.js

若是Mac沒有安裝Node.js能夠經過Homebrew安裝
shell brew install node
中間有可能由於一些依賴庫須要更新你的Xcode的Command Line Tools

我安裝的版本以下：

lestat@Lestats-MBP:~$ node -v
v12.3.1
lestat@Lestats-MBP:~$ npm -v
6.9.0

安裝Hexo

Node.js和Git都安裝成功後開始安裝Hexo

sudo npm install -g hexo-cli

博客初始化

建立你本地的博客文件夾，好比個人就是 lestatzhang， 而後進入該文件夾，利用hexo進行初始化

cd lestatzhang;
hexo init;

執行下述命令安裝npm。

sudo npm install;

執行hexo命令生成本地網頁文件

hexo g

執行hexo命令開啓本地服務器

hexo s

而後咱們就經過 http://localhost:4000 查看本地博客。

將本地博客與GitHub關聯

編輯站點配置文件_config.yml

vi _config.yml

打開後到文檔最後部分，配置deploy設置以下：

deploy:
  type: git
  repository: https://github.com/lestatzhang/lestatzhang.github.io.git
  branch: master

而後爲hexo配置git部署服務：

sudo npm install hexo-deployer-git --save

運行hexo命令，將在lestatzhang下生成靜態文件並上傳到git服務器。

hexo d

若未關聯GitHub，執行hexo d時會提示輸入GitHub帳號用戶名和密碼，即:

username for 'https://github.com':
password for 'https://github.com':

hexo d執行成功後即可經過 https://lestatzhang.github.io 訪問博客，看到的內容和本地頁面一致。

若是須要開啓ssh，咱們能夠在Github中配置ssh keys。具體步驟能夠參考Connecting to GitHub with SSH

切換Hexo主題：Next

Hexo容許咱們爲本身的站點配置本身喜歡的主題, 在這裏我選擇一個我的比較喜歡的主題: hexo-theme-next。 安裝過程以下：

cd lestatzhang;
git clone https://github.com/iissnan/hexo-theme-next themes/next

編輯站點配置文件_config.yml，將theme的值從landscape更改成next
將blog目錄下_config.yml裏的theme的名稱landscape更改成next。

而後從新生成站點文件,並查看

hexo g  
hexo s

Godaddy購買我的域名

在Godday上買了一個本身的域名 lestatzhang.com

綁定我的域名

Godaddy的配置能夠參考以下圖片

而後在next主題中source文件夾中建立CNAME文件，而後將我的域名 lestatzhang.com添加進CNAME以後從新部署網站。

cd themes/next/source/
echo "lestatzhang.com" > CNAME
cd ../../../'
hexo d

TO-DO

具體博客搭建的步驟就這些了，後面主要是如何對網站頁面/主題進行優化的過程。 TO-DO