✳flâneur — a map of the web's best reading

Hexo Fluid 主題使用指南 - 來點鳥

s81679.github.io · 722 words · saved by 1 readers

Fluid 是一款基於 Hexo 框架上開發的 Material Design 風格主題，由 Fluid-dev 負責開發與維護。 主題 GitHub：https://github.com/fluid-dev/hexo-theme-fluid 相關文檔：用戶手冊、更新日誌、文章配置 範例網站： Rook1e’s blog zkqiang’s blog 吃白饭的休伯利安号 關於主題配置，官方有提供一個詳細的 Hexo Fluid 使用指南 。 裡面介紹的很詳細，網址也放在主題包的 _config.yml 檔案內。 有興趣的朋友可以研究看看，本篇僅介紹筆者至今為止調整過的一些基本項目，與修改的方法。 所有的頁面（含首頁、關於頁、文章頁…等），都有個 banner_img 的屬性，在 Fluid 的 _config.yml 配置檔案內設定。 以首頁為例，請到 _config.yml 檔案內，找到以下程式碼： banner 的路徑（banner_img）和高度（banner_img_height）就在這邊設置。 建議將圖片放置在 /fluid/source/img/ 目錄底下，對應的路徑填寫為：/img/你的圖片名稱。 首頁的圖片是 banner.jpg，圖片應存放在：/fluid/source/img/banner.jpg， banner_img 的指定路徑為：/img/banner.jpg。 同理，其他的頁面也是如此設置，如：文章頁、關於我、分類頁、標籤頁等。 一開始筆者會把 public/img 和 Fluid 主題包內的 source/img 混淆，不知道圖片正確應該放置到哪邊？ 官方說建議放到 source/img，但筆者直接把圖片存到 public/img 卻也能正常顯示。 且放到 source/img 內的圖片，上傳到部落格後，便會發現 public/img 內也同步產生了那張圖片。 於是筆者查了一下官方的主題配置文檔，官方對 source 的解釋如下： 原始檔案資料夾，除了模板以外的 Asset，例如 CSS、JavaScript 檔案等，應該放在這個資料夾。檔案或資料夾開頭名稱為 _（底線）或隱藏檔案會被忽略。 如果檔案可以被渲染的話，會經過處理再儲存到 public 資料夾，否則會直接拷貝到 public 資料夾。 以上說明筆者理解為：「你存在 sour

Hexo Fluid 主題使用指南 - 來點鳥 用了 Fluid 主題一小段時間，也漸漸開始熟悉一些基本功能和樣式可以如何調整。 剛開始真的是混亂中立，什麼都想改但什麼都改不到！ 不得不說，筆者身為設計師， 在打文章的同時能挑選一張美美的 banner 來搭配主題，真的好幸福啊！ Fluid 主題介紹 Fluid 是一款基於 Hexo 框架上開發的 Material Design 風格主題，由 Fluid-dev 負責開發與維護。 主題 GitHub： https://github.com/fluid-dev/hexo-theme-fluid 相關文檔： 用戶手冊 、 更新日誌 、 文章配置 範例網站： Rook1e’s blog zkqiang’s blog 吃白饭的休伯利安号 使用指南 關於主題配置，官方有提供一個詳細的 Hexo Fluid 使用指南 。 裡面介紹的很詳細，網址也放在主題包的 _config.yml 檔案內。 有興趣的朋友可以研究看看，本篇僅介紹筆者至今為止調整過的一些基本項目，與修改的方法。 主頁 Banner 大圖 所有的頁面（含首頁、關於頁、文章頁…等），都有個 banner_img 的屬性，在 Fluid 的 _config.yml 配置檔案內設定。 以首頁為例，請到 _config.yml 檔案內，找到以下程式碼： #----------------

Explore this link on the map →

saved by

related reading