最近更新：1.1.0 3年前
Bubble
EMLOG 清新風(fēng)格響應(yīng)式模板。
化繁為簡，如沐清風(fēng)。
移植自適用于Typecho的Bubble主題。
如果覺得本模板還不錯的話可以給個star哦，這是對開源模板作者們最大的鼓勵。
作者QQ：1702514810
演示站地址：https://bubble.utf-x.cn
GitHub地址：https://github.com/UTFX0150/emtemp-Bubble
社區(qū)地址：https://emlog.cn/post-857.html
特性
- 清新的界面：大氣簡潔的頁面布局，采用 argon design system，元素間隔恰到好處
- 人性化的設(shè)計：登陸后顯示后臺管理按鈕、醒目的文字、方便操作的按鈕擺放，以及頁面自適應(yīng)
- 流暢的用戶體驗：支持全站 pjax、ajax 實現(xiàn)評論無刷新，采用 cdnjs & jsDelivr 全球加速模板大部分靜態(tài)資源加載，減小服務(wù)器壓力
- 短代碼功能：使用模板特殊 HTML 標(biāo)簽實現(xiàn)更豐富的功能，如高亮代碼框以及友鏈卡片
- 自定義壁紙：首頁固定壁紙、其他頁面隨機壁紙，彰顯個性愛好
- 代碼高亮：自帶 prism.js 代碼高亮，模板豐富，解析迅速
- 數(shù)學(xué)公式：自帶 KaTeX 數(shù)學(xué)公式渲染，相比 MathJax 更為輕量、快速
- 自定義樣式：支持用戶添加 css 樣式，隨意調(diào)整模板外觀
- 文件輕量：模板
.zip格式安裝包（去掉.git文件夾后）大小不到 250 KB，簡潔而不簡單
（原Bubble主題的文案）
使用
設(shè)置項
站點 LOGO
該項應(yīng)為一個圖片的 URL 地址，將顯示在瀏覽器頂部標(biāo)簽標(biāo)題左邊。
請勿使用相對地址。
站點頭像
該項應(yīng)為一個圖片的 URL 地址，將顯示在首頁大標(biāo)題上方。
請勿使用相對地址。
首頁背景圖像
該項應(yīng)為一個圖片的 URL 地址，用以設(shè)定網(wǎng)站首頁背景圖片，留空則使用默認(rèn)紫色漸變背景。
請勿使用相對地址。
隨機背景圖像地址
該項應(yīng)為一個或多個圖片的 URL 地址，用以設(shè)定網(wǎng)站文章頁、獨立頁面以及其他頁面的頭圖，設(shè)定后將從給定的圖片中隨機抽取一個顯示，留空則使用默認(rèn)紫色漸變背景。
URL 之間用換行隔開，即每行一個 URL，請勿包含多余字符。
請勿使用相對地址。
背景氣泡
該項用以選擇是否在首頁以及文章頁頂部背景處顯示半透明氣泡。
自定義 css
該項用以提供自定義 css 接口，用戶可以填入自己需要的 css 代碼來改變模板外觀，例如更改字體大小。
自定義 css 的生效不需要清空緩存。
全站 pjax 模式
該項用以選擇是否啟用全站 pjax 模式提升用戶訪問體驗。
請注意：開啟該功能后可能會導(dǎo)致站點一些功能不正常，例如如果您未使用模板自帶數(shù)學(xué)公式渲染，而是選擇使用其他插件實現(xiàn)該功能，則會導(dǎo)致無刷新打開頁面時數(shù)學(xué)公式插件不工作，因此請仔細(xì)檢查后決定是否開啟該模式。
如果您發(fā)現(xiàn)部分功能確實出現(xiàn)了問題，而您又希望開啟該模式，則請查看“pjax 回調(diào)代碼”一項的說明。
pjax 回調(diào)代碼
該項用以設(shè)定 pjax 渲染完畢后需執(zhí)行的 JS 代碼，以此解決上一項中提到的插件不工作之類的問題。
例如您有一個叫做myFunction()的函數(shù)在其他插件中調(diào)用了，但您發(fā)現(xiàn)它在全站 pjax 模式下不工作，則您應(yīng)該在該項中填入以下內(nèi)容：
myFunction();那么在 pjax 執(zhí)行完畢之后會調(diào)用myFunction()，問題就解決了。
katex 數(shù)學(xué)公式渲染
該項用以選擇是否啟用 katex 數(shù)學(xué)公式渲染。
prism.js 代碼高亮
該項用以選擇是否啟用 prism.js 代碼高亮。
prism.js 行號顯示
該項用以選擇代碼高亮是否顯示行號。
prism.js 高亮主題
該項用以選擇 prism.js 代碼高亮的主題配色。
viewer.js 圖片查看器（下線）
該項用以選擇是否啟用 viewer.js 圖片查看器（點擊放大）。
1.1.0版本重新上線，作為模板內(nèi)置功能提供
TOC 文章目錄
該項用以選擇是否啟用 TOC 文章目錄功能。
啟用后將在文章頁右側(cè)顯示一個可展開和關(guān)閉的 TOC 目錄。
TOC 目錄展開狀態(tài)
該項用以選擇 TOC 目錄欄是否默認(rèn)展開。
自動截取摘要
該項用以選擇文章是否自動截取摘要（關(guān)閉后若文章未手動設(shè)置摘要則顯示全文）。
摘要截取字?jǐn)?shù)
該項用以設(shè)定自動摘要截取長度，留空則默認(rèn)截取 200 個字符。
短代碼
注意：若無法正常使用此功能，請嘗試關(guān)閉第三方插件，如第三方文章編輯器。
高亮代碼框
標(biāo)簽名：
bbcode：高亮代碼框標(biāo)簽
語法：
<bbcode type="顏色類型">代碼框內(nèi)容</bbcode>示例：
<bbcode type="success">這是綠色高亮代碼框，用以顯示推薦信息</bbcode>
<bbcode type="danger">這是紅色高亮代碼框，用以顯示警告信息</bbcode>
<bbcode type="warning">這是橙色高亮代碼框，用以顯示注意信息</bbcode>
<bbcode type="secondary">這是灰色高亮代碼框，用以顯示引用信息</bbcode>
<bbcode type="info">這是藍(lán)綠色高亮代碼框，用以顯示高亮信息</bbcode>
<bbcode type="default">這是深藍(lán)色高亮代碼框，用以顯示高亮信息</bbcode>
<bbcode type="primary">這是紫色高亮代碼框，用以顯示高亮信息</bbcode>效果：
友鏈
標(biāo)簽名：
bblist：友鏈列表標(biāo)簽bblink：友鏈項標(biāo)簽
語法：
<bblist>
<bblink link="友鏈 URL" icon="友鏈圖標(biāo) URL" des="友鏈描述">友鏈名稱</bblink>
</bblist>示例：
<bblist>
<bblink link="https://tntofu.com" icon="https://tntofu.com/usr/uploads/2020/03/4228973783.jpg" des="三硝基豆腐的博客">豆腐蒸鍋</bblink>
<bblink link="https://blog.boxpaper.club" icon="https://tntofu.com/usr/uploads/2020/04/2709766458.png" des="/ No Result !">Rorical</bblink>
</bblist>效果：
截圖
License
Open sourced under the GNU GPL v3.0 license.
其他
- 模板移植自由三硝基豆腐、Rorical和Totorato三人共同完成的Typecho Bubble主題
- 模板基于Argon Design System
- 部分代碼參照了 EMLOG 官方模板 Default
更新日志
1.1.0 12/27/2023
- [feat] 增加公告功能
- [feat] 增加Fancybox圖片燈箱功能（替代Viewer.js）
- [feat] 增加使用創(chuàng)始人頭像作為首頁頭像的功能
- [feat] 增加自定義JS的設(shè)置項
- [feat] 優(yōu)化設(shè)置頁邏輯
- [fix] 修復(fù)作者進入文章頁不顯示編輯按鈕的問題
1.0.1 10/26/2023
- [feat] 支持首頁選擇是否展示頭像
- [feat] 支持首頁隨機背景圖像
- [feat] 暫時下線Viewer.js功能（有bug）
- [feat] 優(yōu)化底部邊欄鏈接和標(biāo)簽樣式
- [fix] 修復(fù)部分頁面右下角不顯示浮動管理入口的問題
- [fix] 修復(fù)作者文章列表頁作者昵稱顯示不正確的問題
1.0.0 10/21/2023
- [feat] 支持自定義底部邊欄版塊
- [feat] 新增底部邊欄文章標(biāo)簽板塊
- [feat] 優(yōu)化底部邊欄鏈接樣式
- [fix] 修復(fù)移動端菜單頁不展示關(guān)閉按鈕的問題
- [fix] 修復(fù)在開啟pjax的情況下點擊驗證碼無反應(yīng)的問題
0.1.4 10/15/2023
- [feat] 添加了管理頁和文章編輯頁的快捷入口
- [fix] 修復(fù)驗證碼可能無法加載的問題
- [fix] 修復(fù)文章列表頁無法正確獲取分類的問題
0.1.3 10/14/2023
- [feat] 新增模板設(shè)置插件啟用檢測
- [feat] 新增底部邊欄熱門文章板塊
- [feat] 優(yōu)化404頁面
- [feat] 新增文章密碼輸入頁面
- [feat] 優(yōu)化部分代碼
- [fix] 修復(fù)文章列表頁標(biāo)題“所有文章”顯示問題
0.1.2 10/11/2023
- [feat] 底部邊欄新增鏈接板塊
- [feat] 新增404頁面
- [feat] 優(yōu)化文章列表頁的標(biāo)題內(nèi)容
- [feat] 優(yōu)化主題包的體積
- [fix] 修復(fù)文章列表頁無法正確展示隨機背景圖片的問題
0.1.1 10/08/2023
- [feat] 新增底部邊欄功能（暫僅支持最新評論、最新文章和存檔功能）
- [feat] 新增置頂文章顯示置頂標(biāo)記
- [feat] 新增摘要自動截取功能（默認(rèn)關(guān)閉）
- [feat] 優(yōu)化模板設(shè)置頁面
- [feat] 優(yōu)化主題包的體積
0.1.0 10/05/2023
- 第一版發(fā)布咯
-
1.1.0
3年前
buchiyu
7天前
應(yīng)該添加文章收縮功能,每次打開都要劃動很長的文章