Flarum 使用 SVG 作為頂部 Logo

4,714 0

有使用者反映,PNG 在 iPhone 上嚴重失真,所以就想著用 SVG 來代替 PNG。SVG 和向量圖是同一個原理,能在任何裝置上保持很好的清晰度。看了下 Flarum Beta 8 的原始碼,貌似支援了 SVG,然而在 Beta 7 上怎麼使用 SVG 呢?請往下看。

教學

上傳 logo.svg 到伺服器 /assets 裡面,修改資料庫中的 settings - logo_pathlogo.svg

然後修改 forum.blade.phpadmin.blade.php 檔案,CV 版本在 \vendor\flarum\core\views\frontend\,舊版本或其他版本在 \vendor\flarum\core\views\

HTML
<img src="{{ $logo }}" alt="{{ $title }}" class="Header-logo">

修改為

HTML
<img width="146" height="34" src="{{ $logo }}" alt="{{ $title }}" class="Header-logo">

裡面的寬高可以根據需要自行修改。

範例圖片

評論

(0)

暫無評論,來說兩句吧

發佈評論

© 2026 一紙忘憂. 保留所有權利.

一紙忘憂的個人網站,關於技術探索與日常生活,記錄 Web 開發、後端與 DevOps 實踐,分享軟體工具、數位體驗,以及程式碼之外的見聞與思考。