typecho仿微信主题reborn

一款typecho仿朋友圈主题,mark一下

主题特性

支持文章、说说两种内容形式：首页部分，说说以内容试行展示，文章则以朋友圈分享内容的形式展示；详情页部分，说说以朋友圈内容形式展示，文章则以公众号文章形式展示
内容点赞：文章、说说、评论均支持点赞，同时若用户在站点存在评论缓存数据，会记录该用户的点赞信息，展示为点赞清单
深色模式支持：深浅模式一键丝滑切换，默认模式为跟随当前用户系统深浅模式，同时切换后使用 sessionStorage 进行存储，关闭浏览器后销毁
markdown编辑器 接入，主题自带 markdown编辑器 ，使用了开源的Editor.md编辑器
支持说说九图，并添加灯箱支持
代码高亮，同时支持深浅模式切换、收缩&展开、一键复制
评论表情包，接入微信、bilibili表情包，暂时没放太多其它的因为感觉好像没啥必要~
文章内容支持回复可见
根据文章内容标题自动生成文章目录
主题个性化配置：为了提高大家的个性化，主题提供了多项自定义配置供大家使用
良好的SEO配置，每篇文章均支持自定义关键词与描述，同时自带sitemap

项目地址：reborn
预览地址：Shawn

使用教程

主题安装

下载

前往主题的 Github 仓库：reborn
找到右侧 Releases 选项，下载最新版本的 zip 压缩包即可。

安装

下载完毕上传到 Typecho 的主题文件夹 theme 中，解压即可。

启用

直接在博客后台，控制台->外观，找到reborn主题，点击启用即可。

注意：主题启用后请勿直接进入首页，需点击 设置外观 进入主题配置页面，主题部分建表语句需依赖配置。

主题配置

大部分配置比较简单直白，在此只对一些需要特别说明的配置进行讲解。

腾讯位置服务API Key

该API用于获取评论用户所在地区，需主题使用者自行申请，具体步骤如下：

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