Hexo - 靜態網頁框架

安裝需求: Git, Node

1
2
3
4
5
# 安裝 Hexo
npm install -g hexo-cli

# 佈署
npm install hexo-deployer-git --save

目錄及檔案

配置

  • _config.yml: 設定檔
  • scaffolds: 樣板
  • source: 文章
    • _draft: 草稿
    • _post: 文章
  • themes: 主題

文章

  • 設定檔 new_post_name 改為 :year-:month-:day-:title.md 比教方便管理
  • layout: post, page, draft,另外可以在 scaffolds 目錄新增樣板,讓風格一致
  • Front-matter
    • 分類和標籤只有 post 可以使用
  • 標籤外掛(Tag Plugins): 可插入特定內容,如:jsFiddle, Gist 等等
1
2
3
4
5
6
7
8
hexo new [layout] <title>
hexo new [layout] <title> <scaffolds>

# 發布草稿: 從 source/_drafts 移動到 source/_posts
hexo publish [layout] <title>

# 查看整文章的數量: page, post, route, tag, category
hexo list <type>

佈署

Git

將產生在 .deploy_git 目錄下的檔案 force push 到設定檔指定的 repo

1
2
3
4
5
deploy:
type: git
repo: git@github.com:vincentliu99999/vincentliu99999.github.io.git
branch: master
message: "Site updated: {{ now('YYYY-MM-DD HH:mm:ss') }}"

佈景主題

ICARUS

設定檔: theme/icarus/_config.yml

  • favicon
  • rss
  • logo
  • navbar
  • footer
  • article.highlight
  • article.thumbnail
  • comment
  • widgets
    • toc

指令

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
# 初始化
hexo init <folder>
cd <folder>
npm install

# 產生文章
hexo new 文章標題

# 產生靜態檔案
hexo generate

# 啟動伺服器 預設是 http://localhost:4000/
hexo server # hexo s
hexo s --draft # 包含草稿

# publish
hexo clean # 清除快取 db.json, /public/*
hexo generate # hexo g
hexo depoly # hexo d

# 產生檔案加佈署(任一指定即可)
hexo generate --deploy # hexo g -d
hexo deploy --generate # hexo d -g

評論

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×