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

主題特性
- 支持文章、說說兩種內容形式:首頁部分,說說以內容試行展示,文章則以朋友圈分享內容的形式展示;詳情頁部分,說說以朋友圈內容形式展示,文章則以公眾號文章形式展示
- 內容點贊:文章、說說、評論均支持點贊,同時若用戶在站點存在評論緩存數據,會記錄該用戶的點贊信息,展示為點贊清單
- 深色模式支持:深淺模式一鍵絲滑切換,默認模式為跟隨當前用戶系統深淺模式,同時切換后使用
sessionStorage
進行存儲,關閉瀏覽器后銷毀 markdown編輯器
接入,主題自帶markdown編輯器
,使用了開源的Editor.md編輯器- 支持說說九圖,并添加燈箱支持
- 代碼高亮,同時支持深淺模式切換、收縮&展開、一鍵復制
- 評論表情包,接入微信、bilibili表情包,暫時沒放太多其它的因為感覺好像沒啥必要~
- 文章內容支持回復可見
- 根據文章內容標題自動生成文章目錄
- 主題個性化配置:為了提高大家的個性化,主題提供了多項自定義配置供大家使用
- 良好的SEO配置,每篇文章均支持自定義關鍵詞與描述,同時自帶sitemap
主題安裝
下載
前往主題的 Github 倉庫:reborn
找到右側 Releases 選項,下載最新版本的 zip 壓縮包即可。
安裝
下載完畢上傳到 Typecho 的主題文件夾theme
中,解壓即可。
啟用
直接在博客后臺,控制臺->外觀,找到reborn主題,點擊啟用即可。
注意:主題啟用后請勿直接進入首頁,需點擊
設置外觀
進入主題配置頁面,主題部分建表語句需依賴配置。
主題配置
大部分配置比較簡單直白,在此只對一些需要特別說明的配置進行講解。
最近在玩的游戲
該部分顯示在pc端側邊欄上,以 游戲名 | 鏈接 | 圖片鏈接 的形式填寫,一個游戲一行。以下為我的示例及效果圖。
鳴潮 | 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

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


側邊欄廣告
側邊欄廣告主要用于展示側邊欄的廣告內容,以下為我的示例及效果圖,如果想使用類似的樣式替換對應的內容即可。
<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">博主都在用的代理機場,不妨試試吧~</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>

主題使用
主題使用主要需要說明的就是內容編輯頁的相關事項,在此大致展示一下主題的編輯器按鈕及其功能:

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

其他功能應該都比較簡單,在此就不贅述了,大家自行體驗,