Mac下使用GitHub+Hexo搭建我的博客

開始以前須要在電腦上安裝好Git和node.js，Mac上可使用Homebrew命令行工具來安裝Git和node.js

安裝Homebrew

在命令行工具輸入如下命令，若是已經安裝過Homebrew能夠忽略

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

<!--more-->

Homebrew 安裝 node.js

brew install node

安裝後可使用命令來檢查是否安裝成功
檢查node

node -v

輸出結果：

v12.14.1

檢查npm是否安裝成功，npm是node.js的包管理工具，用它來安裝hexo

npm -v

輸出結果:

6.13.4

Homebrew 安裝git

brew install git

檢查git是否安裝成功

git -v

輸出結果:

git version 2.24.3 (Apple Git-128)

使用 npm 安裝 hexo

sudo npm install -g hexo-cli

安裝完成後，在Desktop建立一個blog文件夾，在該文件夾下初始化咱們的博客

cd ~/Desktop && mkdir blog && cd blog

在該文件件目錄下執行博客初始化操做

# 會下載一些node.js的依賴文件
hexo init

初始化成功後，在blog目錄下執行預覽操做

hexo s

當看到以下輸出就能夠預覽咱們建立的博客了

INFO  Validating config
INFO  Start processing
INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

預覽效果以下

配置客戶端git 添加SSH Key到github

若是已經配置過，該步驟能夠忽略
在命令行輸入配置用戶名和帳號的命令

git config --global user.name "username"
git config --global user.email "email@gmail.com"

其中 username 是你的用戶名，email@gmail.com是你github的登陸郵箱
而後經過終端命令生成SSH Key

ssh-keygen -t rsa -C "email@gmail.com"

若是已經建立過會出現 Overwrite (y/n)? n提示能夠輸入 n，若是沒有建立過會要求咱們輸入密碼，而後一路回車下去就行，執行完成後會在~/.ssh/id_rsa.pub目錄下生成 須要使用的 key。

可使用命令行輸出key並複製

cat ~/.ssh/id_rsa.pub

或者能夠找到這個文件並打開它，複製裏面的內容。

登陸github帳號 找到 setting

先點擊 SSH and GPG keys 而後再點擊 New SSH key 進入到配置 SSH Key 的頁面

而後輸入複製好的key的內容

點擊 Add SSH Key 便可

本地博客關聯到Github主頁

登陸Github而且建立一個名字爲 username.githug.io 的倉庫，好比個人倉庫名字爲 Johnson8888.github.io
由於我已經建立過了，因此會顯示紅色，若是建立過，會顯示綠色的，而後點擊建立。切記必定要選擇 Public，否認不能訪問。

而後命令行切換到本地blog目錄下 cd ~/Desktop/blog
執行命令

sudo npm install hexo-deployer-git --save

而後開始修改配置文件 ~/Desktop/blog/_config.yml
修改 deploy部分爲

deploy:
  type: git
  repo: git@github.com:Johnson8888/Johnson8888.github.io.git
  branch: master

而後就能夠把博客push到github了
在命令行執行

#生成咱們想要的博客文件
hexo g
#將本地的博客文件push到github
hexo d

hexo d 執行成功後，就能夠查看咱們的Blog了

開始寫博客

在命令行執行

hexo new firstPage.md

會在 ~/Desktop/blog/source/_post目錄下生成 firstPage.md 打開這個文件就能夠開心的寫博客了
寫完後從新執行

hexo g
hexo d

就能夠同步博客到github

Todo

• 申請域名指向博客，這樣就能夠直接使用域名訪問了
• hexo支持不少模板樣式 能夠去官網選擇本身喜歡的使用

附 hexo經常使用命令

hexo n "博客名稱"  => hexo new "博客名稱"   #這兩個都是建立新文章，前者是簡寫模式
hexo p  => hexo publish
hexo g  => hexo generate  #生成
hexo s  => hexo server  #啓動服務預覽
hexo d  => hexo deploy  #部署  

hexo server   #Hexo 會監視文件變更並自動更新，無須重啓服務器。
hexo server -s   #靜態模式
hexo server -p 5000   #更改端口
hexo server -i 192.168.1.1   #自定義IP
hexo clean   #清除緩存，網頁正常狀況下能夠忽略此條命令
hexo g   #生成靜態網頁
hexo d   #開始部署