1. 程式人生 > >hexo搭建流程-Mac系統完結帖

hexo搭建流程-Mac系統完結帖

Blog搭建流程(Mac系統完結帖)

Step1 安裝Node.js

可通過以下兩種方式在 Mac OS 上安裝 node.js:

方式一: 在官方下載網站下載 pkg 安裝包,直接點選安裝即可

方式二: 使用 brew 命令來安裝:

  • brew install node
    

Step2 安裝Git

首先檢視電腦是否安裝Git,終端輸入:

git

安裝過則會輸出下表,然後跳過該步

WMBdeMacBook-Pro:~ WENBO$ git
usage: git [--version] [--help] [-C <path>] [-c name=value]
           [--exec-path[=<path>]] [--html-path] [--man-path] [--info-path]
           [-p | --paginate | --no-pager] [--no-replace-objects] [--bare]
           [--git-dir=<path>] [--work-tree=<path>] [--namespace=<name>]
           <command> [<args>]

These are common Git commands used in various situations:

start a working area (see also: git help tutorial)
   clone      Clone a repository into a new directory
   init       Create an empty Git repository or reinitialize an existing one

work on the current change (see also: git help everyday)
   add        Add file contents to the index
   mv         Move or rename a file, a directory, or a symlink
   reset      Reset current HEAD to the specified state
   rm         Remove files from the working tree and from the index

examine the history and state (see also: git help revisions)
   bisect     Use binary search to find the commit that introduced a bug
   grep       Print lines matching a pattern
   log        Show commit logs
   show       Show various types of objects
   status     Show the working tree status

grow, mark and tweak your common history
   branch     List, create, or delete branches
   checkout   Switch branches or restore working tree files
   commit     Record changes to the repository
   diff       Show changes between commits, commit and working tree, etc
   merge      Join two or more development histories together
   rebase     Reapply commits on top of another base tip
   tag        Create, list, delete or verify a tag object signed with GPG

collaborate (see also: git help workflows)
   fetch      Download objects and refs from another repository
   pull       Fetch from and integrate with another repository or a local branch
   push       Update remote refs along with associated objects

'git help -a' and 'git help -g' list available subcommands and some
concept guides. See 'git help <command>' or 'git help <concept>'
to read about a specific subcommand or concept.

​ 如果沒有顯示上面內容,我們可以通過homebrew安裝GIt,若未安裝homebrew 則通過終端執行:

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

​ 隨後執行一下命令進行Git的安裝

brew install git

Step3 註冊Github賬號並新建倉庫

Step4 配置SSH Key(可省略 建議配置)

這一步能省略 但是配置後更新部落格就不用每次都輸入使用者名稱密碼了

步驟:
​ 1 檢查主機是否已存在SSH Key

cd .ssh
ls -la

若輸出的檔案列表中存在id_rsa.pub 或 id_dsa.pub 檔案,則直接跳到第三小步

​ 2 建立SSH Key
在終端輸入如下命令

ssh-keygen -t rsa -C "[email protected]"

按下回車 會讓輸入檔名,直接回車會建立預設檔名的檔案 然後會提示輸入兩次密碼(可為空)

​ 3 新增SSH Key到Github

(如果之前在Github中新增過SSH 則跳過該步)

如果你沒有指定檔名(也就是使用預設檔名),那麼在.ssh資料夾下會有一個id_rsa.pub檔案,開啟該檔案並複製裡面的內容

登入Github,點選右上角頭像右邊的三角圖示,點選Settings --> SSH and GPG keys --> New SSH key。Title 隨便填一個,在Key欄中填入複製的內容,點選Add SSH key,就新增成功了

​ 4 檢驗SSH Key是否配置成功
在終端輸入如下命令

ssh -T [email protected]

如果最後出現

Hi username! You've successfully authenticated, but GitHub does not provide shell access.

就說明SSH Key配置成功了

Step5 安裝Hexo

使用npm命令安裝Hexo

npm install -g hexo

接著在任意位置建立一個資料夾,如Blog,cd到該路徑下執行

hexo init

該命令會在目標資料夾內建立網站所需的基礎檔案

接著安裝安裝依賴包

npm install

此時本地部落格就搭建好了

執行

hexo generate
hexo server

​ 當然 此時可修改本地部落格路徑下的_config檔案對部落格進行全域性設定,裡邊設定項挺多就不一一列舉啦!自行百度

Step6 同步到遠端Github倉庫

在本地Blog路徑下找到_config.yml,把deploy節點修改為:

deploy:
  type: git
  repo: [email protected]:username/username.github.io.git
  branch: master

(其中 username為你的Github使用者名稱)

為了能夠使Hexo部署到GitHub上,需安裝一個外掛

npm install hexo-deployer-git --save

然後輸入以下命令

hexo clean
hexo generate
hexo deploy

這時候就可以在瀏覽器通過輸入username.github.io就可以訪問你的部落格了

Step7 配置主題

​ 前邊寫過配置主題的博文 丟擲一個傳送門:

​ (主題在github上 知乎上 hexo官網上有很多很多 適合自己就好)

注意點!!!!

一些主題的功能需要我們自己預先建立好對應的頁面,例如標籤tags 關於about等等等等

此時我們需要在本地Blog路徑下

​ 1 新增關於頁面(可選)

使用:hexo new page "about"新建一個 關於我 頁面。
主題的 _config.yml檔案中的 menu中進行匹配

menu:
  home: /      //主頁
  categories: /categories //分類
  archives: /archives   //歸檔
  tags: /tags   //標籤
  about: /about   //關於                  (新增此行即可)

​ 也可在本地部落格路徑 --> source --> about檔案下,通過修改其中的index.md對其頁面進行配置

​ 2 新增標籤頁面(可選)

使用: hexo new page tags新建一個 標籤 頁面。
主題的 _config.yml檔案中的 menu中進行匹配

menu:
  home: /      //主頁
  categories: /categories //分類
  archives: /archives   //歸檔
  tags: /tags   //標籤                  (新增此行即可)
  about: /about   //關於

​ 也可在本地部落格路徑 --> source --> tags檔案下,通過修改其中的index.md對其頁面進行配置

​ 除了上邊兩個之外還有分類categories,自定義頁面等等就不一一列舉啦 自行百度吧!

Step8 釋出博文

​ 接著拋連結:

Step9 繫結個人域名

​ 步驟:

​ 1 購買域名

建議從阿里雲平臺啦之類的國內大型平臺購買(這一步通常需要身份驗證之類的 大概需要幾天時間吧也記不清楚了 反正挺麻煩挺磨唧的)

​ 2 配置DNS地址

進入阿里雲控制檯 --> 域名 --> 域名列表 找到自己的域名 點選下圖紅圈圈的“管理”​

在這裡插入圖片描述

​ 3 進行域名解析

找到管理介面下的域名解析 在其中新增3條記錄(username是github的使用者名稱)

@          A             192.30.252.153
@          A             192.30.252.154
www      CNAME         username.github.io.

​ 4新增CNAME檔案
新建一個名為CNAME的檔案(無後綴),內容為你的域名地址。將該檔案放到本地部落格的source資料夾裡面,並更新到Github

​ 這時候你的部落格就建完啦!

​ 最後附上主頁地址: 戳我

​ 一起造作吧!!!!

參考連結: