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