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
這時候你的部落格就建完啦!
最後附上主頁地址: 戳我
一起造作吧!!!!