mac搭建hexo——github.io博客

1. 前提條件:環境搭建

  • 擁有github賬號

  • 🐷github配置ssh

  • 安裝Git、Node.js和hexo

安裝環境 安裝
Node.js 它是一個Javascript運行環境, hexo基於node.js開發
Git mac自帶
Hexo 生成博客靜態頁面

安裝node.js
$brew -v
$brew install nodejs
安裝hexo
$ sudo npm install -g hexo-cli
查看node.js的版本
$node -v
查看git版本
$git --version
查看npm版本
$npm -v

  • 測試hexo安裝成功:博客頁面可以訪問

存放位置目錄下創建一個blog文件夾
$ mkdir blog
進入目錄
$ cd blog
初始化目錄,生成一套標準的Hexo博客項目模板
$ hexo init
生成網站(編譯生成對應的HTML文件)
$ hexo generate
開啓本地服務 ,本地預覽
$ hexo server


博客目錄包含:

  • _config.yml :hexo的全局配置文件
  • node_modules/ :文件夾下放的是npm依賴模塊
  • package.json :npm所有依賴包的json文件
  • source/ :這個文件夾下方的是我發佈文章博客資源文件
  • themes/ :這裏放的是hexo主題文件夾

2. 創建github倉庫,配置SHH祕鑰

3. 關聯github博客

  • 安裝,用hexo發佈博文

$npm install hexo-deployer-git --save

  • 修改_config.yml文件,添加github地址
deploy:
    type: git
    repository: https://github.com/BigTigerTeeth/BigTigerTeeth.github.io.git  // 這個地方填寫自己的倉庫地址
    branch: master
  • 部署到github

$ hexo clean
編譯生成對應的HTML文件
$ hexo generate
發佈到遠程倉庫的master分支
$ hexo deploy

4. hexo博客的基本使用,安裝主題

5. 發佈博客,查看效果

  • 進入根目錄,新建md

$ hexo new "文件名"
命令會自動在source/_post目錄下生成一個待寫的“文件名.md”文件

  • 編輯文章,發佈文章

$hexo d -g

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章