zswang's blog
0%

day3_hexo常用指令

發表於 更新於 分類於

紀錄Hexo使用的過程、咱們從基本的開始講
vscode、git、nodejs(簡略) -> 建立網站 -> post -> plugin

vscode、git、nodejs、

這個部分沒什麼特別好講，
下載vscode -> 安裝vscode
下載git -> 安裝git
下載nodejs -> 安裝nodejs
開vscode -> 輸入 

npm install -g hexo-cli // 安裝hexo cli工具
hexo -v // 確認hexo有安裝

因為這個Hexo blog是使用Next的theme
於目錄底下輸入

git clone https://github.com/theme-next/hexo-theme-next themes/next

如果對markdown不熟的同學，可以考慮安裝hexo-admin。
對於寫作blog會更為得心應手一點：

npm install hexo-admin --save

建立Hexo靜態網站

這時候就可以用到cli的功能

hexo init hexoWebsite

就可以看到如下的目錄結構

  • node_modules : nodejs的模組目錄
  • scaffolds : 文章版型(draft,page,post)
  • source : 文章(post,draft,discarded)
  • theme : 主題

利用 hexo server 指令就可以在localhost進行測試。

建立新的post,draft,page

在_config.yml檔案中 default_layout: 設定為 post
因此執行

hexo new {post名稱}

就會產生一個新的post

hexo new draft {draft名稱}

就會產生一個新的草稿。可以透過 publish 來轉成 post 

hexo publish {draft名稱}

而 page 本身是一個獨立頁面，不顯示在 post 列表中 

hexo new page {page名稱}

編譯、測試、上傳

編譯，會在public裡面產生相對應文件檔案：

hexo g

測試，產生虛擬Localhost伺服器(預設4000 port)： 

hexo s

如果沒安裝請執行 npm install hexo-server –save
上傳，傳遞至設定之github repo：

hexo d

為文章建立tags, categories

寫法類似這樣 

tags:
  - chrome
  - hexo
  - Error
  - https
categories:
  - Hexo相關

標籤外掛（Tag Plugins）

Quote用法

Every interaction is both precious and an opportunity to delight.

Code Block用法

_.compactUnderscore.js
1
2
_.compact([0, 1, false, 2, '', 3]);
=> [1, 2, 3]