簡單,開源且免費(fèi)的仿微信的雙欄博客主題,有著豐富的小功能特性

主題特性
- 支持文章、說說兩種內(nèi)容形式:首頁部分,說說以內(nèi)容試行展示,文章則以朋友圈分享內(nèi)容的形式展示;詳情頁部分,說說以朋友圈內(nèi)容形式展示,文章則以公眾號(hào)文章形式展示
- 內(nèi)容點(diǎn)贊:文章、說說、評(píng)論均支持點(diǎn)贊,同時(shí)若用戶在站點(diǎn)存在評(píng)論緩存數(shù)據(jù),會(huì)記錄該用戶的點(diǎn)贊信息,展示為點(diǎn)贊清單
- 深色模式支持:深淺模式一鍵絲滑切換,默認(rèn)模式為跟隨當(dāng)前用戶系統(tǒng)深淺模式,同時(shí)切換后使用
sessionStorage
進(jìn)行存儲(chǔ),關(guān)閉瀏覽器后銷毀 markdown編輯器
接入,主題自帶markdown編輯器
,使用了開源的Editor.md編輯器- 支持說說九圖,并添加燈箱支持
- 代碼高亮,同時(shí)支持深淺模式切換、收縮&展開、一鍵復(fù)制
- 評(píng)論表情包,接入微信、bilibili表情包,暫時(shí)沒放太多其它的因?yàn)楦杏X好像沒啥必要~
- 文章內(nèi)容支持回復(fù)可見
- 根據(jù)文章內(nèi)容標(biāo)題自動(dòng)生成文章目錄
- 主題個(gè)性化配置:為了提高大家的個(gè)性化,主題提供了多項(xiàng)自定義配置供大家使用
- 良好的SEO配置,每篇文章均支持自定義關(guān)鍵詞與描述,同時(shí)自帶sitemap
主題安裝
下載
前往主題的 Github 倉庫:reborn
找到右側(cè) Releases 選項(xiàng),下載最新版本的 zip 壓縮包即可。
安裝
下載完畢上傳到 Typecho 的主題文件夾theme
中,解壓即可。
啟用
直接在博客后臺(tái),控制臺(tái)->外觀,找到reborn主題,點(diǎn)擊啟用即可。
注意:主題啟用后請(qǐng)勿直接進(jìn)入首頁,需點(diǎn)擊
設(shè)置外觀
進(jìn)入主題配置頁面,主題部分建表語句需依賴配置。
主題配置
大部分配置比較簡單直白,在此只對(duì)一些需要特別說明的配置進(jìn)行講解。
最近在玩的游戲
該部分顯示在pc端側(cè)邊欄上,以 游戲名 | 鏈接 | 圖片鏈接 的形式填寫,一個(gè)游戲一行。以下為我的示例及效果圖。
鳴潮 | https://mc.kurogames.com | https://shawnzeng.com/usr/uploads/files/mc.webp
歸龍潮 | https://glc.haowancheng.cn/ | https://shawnzeng.com/usr/uploads/files/glc.webp
爐石傳說 | https://hs.blizzard.cn/ | https://shawnzeng.com/usr/uploads/files/ls.jpg

騰訊位置服務(wù)API Key
該API用于獲取評(píng)論用戶所在地區(qū),需主題使用者自行申請(qǐng),具體步驟如下:
- 前往騰訊位置服務(wù):騰訊位置服務(wù),自行注冊(cè)&登錄。
- 進(jìn)入應(yīng)用管理->我的應(yīng)用,創(chuàng)建應(yīng)用(名稱與類型自行選擇),添加Key,Key類型選擇
WebService API
。 - 進(jìn)入配額管理->賬戶額度,為
逆地址解析
和IP定位
分配額度。 - 前往主題設(shè)置后臺(tái),填入第二步中所創(chuàng)建的應(yīng)用,找到key值填入即可。


側(cè)邊欄廣告
側(cè)邊欄廣告主要用于展示側(cè)邊欄的廣告內(nèi)容,以下為我的示例及效果圖,如果想使用類似的樣式替換對(duì)應(yīng)的內(nèi)容即可。
<a rel="nofollow" class="flex" target="_blank">
<img class="adv-avatar" src="https://shawnzeng.com/usr/uploads/files/ad.jpg" alt="碩鼠之家">
<div class="flex-1">
<span class="adv-title">碩鼠之家</span>
<span class="adv-description">博主都在用的代理機(jī)場,不妨試試吧~</span>
<img class="adv-img" src="https://shawnzeng.com/usr/uploads/files/ssr.webp" alt="碩鼠之家">
<span class="adv-link"><i class="reborn rb-link"></i>查看詳情</span>
</div>
</a>

主題使用
主題使用主要需要說明的就是內(nèi)容編輯頁的相關(guān)事項(xiàng),在此大致展示一下主題的編輯器按鈕及其功能:

該工具欄的每個(gè)按鈕懸浮均可看到對(duì)應(yīng)功能提示。
下面主要說明幾個(gè)特殊的功能。
回復(fù)可見
點(diǎn)擊編輯器中的小鎖按鈕,即可設(shè)置回復(fù)可見內(nèi)容,將對(duì)應(yīng)內(nèi)容放在兩個(gè)hide
標(biāo)簽中間即可。
說說九圖
點(diǎn)擊編輯器中的九宮格按鈕,將相關(guān)圖片放在兩個(gè)gallery
標(biāo)簽中間即可。
友情鏈接
友情鏈接稍微特殊一些,創(chuàng)建一個(gè)頁面,然后點(diǎn)擊點(diǎn)擊編輯器中的朋友圈按鈕,即會(huì)出現(xiàn)如下的代碼:
[flink href="站點(diǎn)地址" name="站點(diǎn)名稱" img="圖片地址" description="站點(diǎn)描述" comment="我的印象"]
如果有多個(gè)友鏈,farea
內(nèi)添加多個(gè)flink即可。
效果如下:

其他功能應(yīng)該都比較簡單,在此就不贅述了,大家自行體驗(yàn),