首頁webhexo

# 前情提要

上一篇講述了怎麼安裝，現在來說怎麼使用。

# 指令

# 新增文章

! 以下命令都是在 hexo 資料夾中執行。

$ hexo new [layout] [title]

之後可以去到 ./source/*.md 裡面就有自己新增的檔案

# 清除垃圾

$ hexo clean

# 生成靜態網頁

$ hexo generate
$ hexo g

# 啟動伺服器

$ hexo server

# 部屬

這邊就不贅述要如何把它放到 github 的靜態網站

! 以下命令都是在 hexo 資料夾裡面執行

# 安裝專案放上 Github 的套件

$ npm install hexo-deployer-git --save

# 修改上傳 github 的設定檔

#! ./_config.yml
deploy:
  type: git
  repo: https://github.com/<username>/<username>.github.io.git
  branch: main //注意這邊要從 master 改成 main
# 開始部屬


$ hexo deploy
# 每一次上傳


# 部屬指令


$ hexo cl    // 清除之前建立的靜態檔案
$ hexo g     // 建立靜態頁面
$ hexo d     // 部署至 GitHub
# 內容編輯


本來我是使用 url 的方式放照片，可缺點是在載入網頁的速度慢，照片顯示受第三方的影響，

 所以這邊來說一下如何使用本地的方法。


先安裝一下套件


h
npm install https://github.com/CodeFalling/hexo-asset-image --save
我們進入_config.yml 設定啟動相對的路徑，把 false 設定為 true


post_asset_folder: false
![](照片的名稱)
# 等待


這邊大概等個一，兩分鐘就可以看到這樣的畫面了




https://<username>.github.io 









# Reference


    

  • 如何安裝 Hexo
    •