Reborn – Typecho仿微信主题

简单，开源且免费的仿微信的双栏博客主题，有着丰富的小功能特性

• 主题介绍：详情
• 项目地址：GitHub

主题特性

• 支持文章、说说两种内容形式：首页部分，说说以内容试行展示，文章则以朋友圈分享内容的形式展示；详情页部分，说说以朋友圈内容形式展示，文章则以公众号文章形式展示
• 内容点赞：文章、说说、评论均支持点赞，同时若用户在站点存在评论缓存数据，会记录该用户的点赞信息，展示为点赞清单
• 深色模式支持：深浅模式一键丝滑切换，默认模式为跟随当前用户系统深浅模式，同时切换后使用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用于获取评论用户所在地区，需主题使用者自行申请，具体步骤如下：

1. 前往腾讯位置服务：腾讯位置服务，自行注册&登录。
2. 进入应用管理->我的应用，创建应用（名称与类型自行选择），添加Key，Key类型选择WebService API。
3. 进入配额管理->账户额度，为逆地址解析和IP定位分配额度。
4. 前往主题设置后台，填入第二步中所创建的应用，找到key值填入即可。

侧边栏广告

侧边栏广告主要用于展示侧边栏的广告内容，以下为我的示例及效果图，如果想使用类似的样式替换对应的内容即可。

<a href="http://www.mole666.xyz/aff.php?aff=1855" 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即可。
效果如下：

其他功能应该都比较简单，在此就不赘述了，大家自行体验，