1. 程式人生 > >Mac下使用Hexo搭建個人博客

Mac下使用Hexo搭建個人博客

repos 命令行生成 資源文件 另一個 初始化 全局配置 註意 生成文檔 管理


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搭建個人博客