一個愛折騰的人，總是忍不住去自己動手嘗試新鮮事物。就拿寫博客來說，雖然網(wǎng)上已經(jīng)提供了很多博客平臺，但是總有一些個性化的需要得不到滿足。所以就抽空去網(wǎng)上找了下如何使用Hexo+Github 搭建自己博客，本文就是對搭建的過程做一個記錄。

在正式開始之前，先對幾個后面用到的軟件做個簡單的介紹。

• Homebrew：macOS的軟件包管理器，能非常方便的使用brew命令安裝軟件
• git: 版本控制軟件。使用Git命令將代碼或者文件托管到GitHub
• nvm: 一個開源的node.js多版本管理工具，管理多個版本的node.js，類似于Python中的pyenv工具
• node.js: 基于Chrome JavaScript運(yùn)行時的平臺，也就是運(yùn)行在服務(wù)端的JavaScript
• Hexo: 一個快速、簡介高效的博客框架。使用Markdown解析，快速生成靜態(tài)網(wǎng)頁

介紹了幾個概念之后，下面開始博客搭建之旅。

一、安裝Homebrew

打開終端，執(zhí)行下面代碼

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

查看是否安裝成功: brew --version

二、安裝Git

用brew安裝Git,如果已經(jīng)安裝過可忽略。

brew install git

查看是否安裝成功: git --version

三、安裝nvm

用brew安裝nvm

brew install nvm

配置nvm(安裝成功后會提示如何配置)

創(chuàng)建.nvm文件件

mkdir ~/.nvm

~/.bash_profile 或者 ~/.zshrc 中添加下面命令 (我這里是.zshrc 配置文件)

export NVM_DIR="$HOME/.nvm" [ -s "/usr/local/opt/nvm/nvm.sh" ] && . "/usr/local/opt/nvm/nvm.sh" # This loads nvm [ -s "/usr/local/opt/nvm/etc/bash_completion" ] && . "/usr/local/opt/nvm/etc/bash_completion" # This loads nvm bash_completion

source一下

source ~/.zshrc

四、安裝node

通過nvm安裝node

nvm ls-remote #查看node所有版本 nvm install v12.12.0 #安裝你要的版本 nvm use v12.12.0 #使用指定的版本 nvm alias default v12.12.0 #默認(rèn)版本，每次打開終端，都自動使用該版本

安裝是否成功：node -v 、npm -v

查看nvm使用幫助: nvm

五、安裝配置Hexo

利用npm命令安裝

npm install -g hexo-cli #-g參數(shù)表示全局安裝

初始化Hexo

創(chuàng)建博客存放文件夾

mkdir gallenzhang-blog #目錄名稱以及目錄位置可以自己隨意指定

hexo初始化

hexo init gallenzhang-blog cd gallenzhang-blog

初始化后文件夾預(yù)覽

Hexo下載配置

https://hexo.io/themes/ 上列了很多主題，可以選擇自己喜歡的主題用git clone方式下載，放在/themes下即可。當(dāng)然我們也可以fork這個主題項目，根據(jù)自己的喜好進(jìn)行二次開發(fā)。

cd ~/work/gallenzhang-blog/git clone https://github.com/theme-next/hexo-theme-next themes/next

在 _config_yml 文件中配置主題、博客等信息

# Site title: Java后端沉思錄 #博客名字 subtitle: description: keywords: author: gallenzhang #博客作者 language: zh-Hans #設(shè)置語言 timezone:# Extensions ## Plugins: https://hexo.io/plugins/ ## Themes: https://hexo.io/themes/ theme: next #博客主題

添加文章

新建Markdown格式的文件，將寫完的文章放到 source/_posts 路徑下。

本地啟動

hexo g # hexo s #

本地預(yù)覽

啟動成功后，瀏覽器訪問： http:localhost:4000

hexo常用命令

下面再介紹幾個最常用的hexo命令，幫助你更愉快的寫作和發(fā)布文章。想學(xué)習(xí)其他命令用法，可以訪問 https://hexo.io/zh-cn/docs/commands.html

#服務(wù)器 hexo init #初始化hexo hexo g #等于hexo generate =>生成靜態(tài)頁面到public目錄 hexo s #等于hexo server =>啟動hexo服務(wù)，通過4000端口訪問。 hexo n 文章名稱 #等于hexo new "文章名稱" =>新建文章。 hexo p #等于hexo publish hexo d #等于hexo deploy =>目錄部署到GitHub。hexo clean #清除緩存，網(wǎng)頁正常情況下忽略此條命令 hexo generate --watch #監(jiān)視文件變動hexo d -g #生成部署合并為一條命令

六、關(guān)聯(lián)GitHub

申請GitHub賬號

https://github.com/ 上注冊一個賬號，已有賬號直接登錄。

創(chuàng)建一個新的倉庫

填寫Repository name那一欄時最好與你的用戶名保持一致，我的是「gallenzhang.github.io」，然后點(diǎn)擊"Create repositorya" 按鈕完成創(chuàng)建。

安裝自動部署插件

$ npm install hexo-deployer-git --save

發(fā)布到GitHub

修改第五步驟中的 _config_yml 文件，配置發(fā)布信息

# Deployment ## Docs: https://hexo.io/docs/deployment.html deploy:type: gitbranch: masterrepo: https://github.com/gallenzhang/gallenzhang.github.io.git

生成靜態(tài)網(wǎng)頁并部署（任選一種方式就行）

hexo g hexo dhexo d -g #生成部署合并為一條命令

錯誤提示

如果部署的時候出現(xiàn) "ERROR Deployer not found: git" 錯誤提示，那是因為沒有安裝hexo-deployer-git插件。輸入下面的命令，安裝下插件重新試一下就好了。

npm install hexo-deployer-git --save

七、通過GitHub網(wǎng)址來訪問

瀏覽器輸入: https://gallenzhang.github.io/ 可以看到已經(jīng)部署成功了。

八、參考

自己在搭建的過程中也參考了其他博文，這里貼一下連接。

https://hankliu62.github.io/2017/09/09/hexo-github-blog-guide/

http://gonghonglou.com/2016/02/03/firstblog/

總結(jié)

很多事情看起來很麻煩，但是自己從頭開始操作一遍，發(fā)現(xiàn)事情并沒有那么復(fù)雜，因為有了具體的目標(biāo)反而是樂在其中。只要開始做了，一切模糊抽象的問題就變得具體了。

從頭開始搭建這么一個博客加上這篇博客記錄，大概花了半天時間。中間也遇到一些問題，通過搜索引擎基本都能很快搞定。折騰的樂趣在于看到博客可以訪問的那一刻，會很有滿足感。

總結(jié)

以上是生活随笔為你收集整理的vsphere通用配置_Mac环境下如何用Hexo+Github搭建个人博客的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。