Mac下使用Hexo搭建個人博客
Hexo介紹
- 利用原作者的一句話:A fast,simple&powerful blog framework,powered by Node.js
- Hexo是基於Node.js的博客平臺,Hexo是生成靜態的Html文件,部署到各個托管平臺完成發布,其官網地址:https://hexo.io/zh-cn/
環境準備
註意:如果沒FQ的話,可能下載的速度會慢些,個人使用smartHost無壓力搭建或者百度使用ss紙飛機,關於如何使用smartHost鏈接可以在我的博客找
安裝Mac包管理器Homebrew,通過終端輸入一下指令
安裝另一個包管理器Homebrew Cask,該包管理器會自動配置好環境變量,使用剛才安裝的包管理器
通過包管理器,安裝Node.js
安裝Git
查看安裝的版本,檢驗是否安裝正確
安裝Hexo
安裝Hexo,執行以下指令
創建一個目錄,用於放置你的Hexo博客,然後通過終端進入你創建的目錄,初始化站點
初始化站點後,系統會提示執行npm install以完成所有的配置
上面操作完成後,即完成Hexo的安裝和初始化,接下來就可以測試了
測試Hexo
在整個配置完成後,打開終端,輸入以下指令即可運行本地服務測試
輸入http://localhost:4000/即可打開默認頁面
hexo文件夾目錄結構
- source:博客資源文件夾
- source/_drafts:草稿文件夾
- source/_posts:文章文件夾
- themes:存放主題的文件夾
- themes/landscape:默認的主題
- _config.yml:全局配置文件
部署到Github Pages
博客發布到Github Pages上,供外網訪問,當然你也可以部署到其他服務器上,Github Pages服務的使用步驟:
- 開通Github賬號,例如我的賬號名CSDNHensen,這個後面會用到
- 創建一個repository,名稱開頭必須和賬號名一樣,然後以.github.io結尾
- 修改配置文件:_config.yml,整個站點的配置都在這裏,打開_config.yml文件
- 找到下面的語句,然後修改你的信息,repository在github倉庫中可以復制
- 如果要修改主題,只需要將主題文件clone到themes目錄下,並修改_config.yml配置文件即可
例如進入hexo的themes目錄,執行如下指令
然後修改配置文件的theme參數為jacman即可,關於更多主題https://github.com/hexojs/hexo/wiki/Themes
新建博客
站點準備完畢,接下來就是創建博客了,發布博客有兩種方式,一種通過命令生成一個博客樣板,另一種是直接把Markdown文檔拿來使用
- 命令行生成
新生成的文章都會保存在/source/_posts目錄下,打開生成的模板,內容如下
這是生成文檔的默認格式,在分割線下面,就可以按照正常的Markdown格式進行寫作
- 文檔拷貝:也可以將Markdown拷貝到/source/_posts目錄下
生成博客
新增了博客文章後,需要提交到服務器上,老人服裝輸入以下指令完成將博客生成靜態Html文件
發布博客到服務器
安裝hexo-deployer-git工具,輸入指令
提交到服務器上,提交過程中還需要輸入github賬號和密碼
這個時候你就可以打開你的github,進入repository的setting頁面,往下滑,可以看到會顯示出你的個人主頁網址
快捷命令
Hexo常用命令
起始這些命令都有快捷命令
所有操作就到這裏結束了,謝謝觀看
Mac下使用Hexo搭建個人博客