部落格園主題 Blogure 🎨

• 2022 年 9 月 11 日
• 筆記
• 主題, 美化

又一個部落格園主題 cnblogs-theme-blogure. 它使用 PetiteVue 和 PicoCSS. 喜歡的話可以幫個點 ⭐Star 么?

🚀 快速開始

確保部落格園有 JS 許可權, 沒有可以申請部落格園 JS 許可權

1. 基本設置 -> 部落格皮膚 -> SimpleMemory
2. 程式碼高亮 -> prismjs[完全支援]
3. 頁面訂製 CSS 程式碼 -> ☑️禁用模板默認CSS -> source
4. 頁首 HTML 程式碼 -> source
5. 頁腳 HTML 程式碼 -> source

🤿 在線體驗

mossxzzom – 部落格園

✨ 功能特性

正文預覽

將正文的一部分作為摘要展示在首頁. 使用 HTML 元素 <* class="more"></*> 作為摘要, 推薦使用單標籤 <br class="more">.

暗黑模式

基於 picocss, 很方便可以調整主題風格為暗黑模式.

實時目錄

基於 tocbot, 很方便可以實時定位文章的目錄.

程式碼高亮

部落格園原生高亮 prismjs 支援, 後台調整樣式, 前台看效果.

🔨 項目依賴

• PetiteVue ~6kb
• PicoCSS ~30kb

🎹 參與共建 | 二次開發

參與共建, 可以在 github-issues 中找到 help wanted 標籤, 發起 PR.

二次開發, 基於 MIT 請自行 fork.

開發前, 建議通過以下文章入門.

主題美化開發系列

• 部落格園主題美化 基礎知識
• 部落格園主題美化 進階提升
• 部落格園主題美化 todo正文預覽
• 部落格園主題美化 todo實時目錄
• 部落格園主題美化 todo程式碼高亮
• 部落格園主題美化 todo暗黑模式

📝 回饋

通過 github-issues 或者 主題說明 頁面評論區.