Hexo 圖片外掛套件使用教學與踩雷指南
Hexo 圖片外掛套件使用教學與踩雷指南最近發現圖片處理真的有夠麻煩 (╯°□°)╯︵ ┻━┻特別是在使用 hexo-asset-image 和 hexo-image-link 這兩個套件時,竟然發現它們在最新版本都有 BUG!?來分享一下我的經驗,希望能幫大家省下一些除錯時間 (。・ω・。) 為什麼要用本地圖片?在開始之前,先來聊聊為什麼要選擇在本地存放圖片,而不是使用圖床: 穩定性超重要!第三方圖床說不定哪天就掛掉了 打包備份超方便!文章和圖片都在同一個資料夾 離線也能看!不用擔心網路連線問題 整理方便!圖片跟文章放在同名資料夾,好管理 目前遇到的問題hexo-asset-image 的狀況最新版本在處理圖片路徑時會出現以下問題: 圖片路徑重複出現 預覽時正常,但發布後圖片掛掉 有時會莫名其妙多出資料夾層級 例如原始路徑: 1/2024/03/07/文章名稱/圖片.jpg 結果變成: 1/2024/03/07/文章名稱/03/07/文章名稱/圖片.jpg 或是 域名是xxx.io的情況下,圖片路徑會從原本/xxx.jpg變成...
用於快速建立個人博客的強大工具-Hexo
歡迎來到我的第一篇博客文章!今天,我想和大家分享一個非常棒的工具 — Hexo。這是一個基於 Node.js 的靜態網站生成器,專門用於建立博客。以下是我使用 Hexo 和 GitHub Pages 建立並部署我的博客的過程。 Hexo 的安裝和設置首先,您需要在計算機上安裝 Node.js 和 npm。然後,通過以下命令安裝 Hexo: 1npm install -g hexo-cli 接下來,創建一個新的 Hexo 專案: 123hexo init my-blogcd my-blognpm install 這樣就成功創建了一個新的博客專案! 創建新文章創建一篇新文章很簡單,只需執行: 1hexo new "我的第一篇文章" 然後,您可以在 source/_posts 目錄下找到剛創建的 Markdown 文件,開始編輯您的文章。 部署到 GitHub Pages要將您的網站部署到 GitHub Pages,您需要先在 GitHub 上創建一個 repository。然後,修改 _config.yml 文件中的 deploy 部分: 1234deploy:...
