本页目录
简洁大方的双栏自适应 Typecho 博客主题
需配合 Link 插件共同使用
页面展示
功能特性
| 功能 | 介绍 | 完成时间 |
| 页面自适应 | 不同设备不同展现方式 | 2020.03.30 Version 1.0.0 |
| 文章置顶 | 置顶文章展现在首页顶部 | |
| B 站视频嵌入 | 一键粘贴完成 Bilibili 视频嵌入 | |
| 文章归档页面 | 按年份按月归档 | |
| 友情链接页面 | 展现所有邻居 | |
| 相关文章推荐 | 站内互联阅读无障碍 | |
| 代码高亮 | 常见语法的高亮显示 | |
| 社交互娱 | 多社交互联快速找到你 | |
| 原生态 Typecho 评论 | 重写评论区模块，告别繁琐 Valine | 2020.03.31 Version 1.1.0 |
| CSS 自定义 | 支持自定义 CSS |
更多功能等待更新
主题功能使用说明
LINKS 插件
首先，你需要启动 Links 插件才能保证主题正常运行。
由于原插件存在一定问题，我将修改后的版本置于下载区。
文章置顶
在外观设置里按照排序输入需要置顶文章的 CID, 请以半角逗号或空格分隔。置顶文章数量不计算入首页文章列表数里。[详细说明链接待补充]
B 站视频嵌入
- 功能演示：Demo
在 B 站视频页面分享处获取代码如：
<iframe src="//player.bilibili.com/player.html?aid=20140521&bvid=BV1cW411t7BP&cid=32875733&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>修改代码:复制嵌入代码到文章需要放置的位置。然后在给 iframe 这个标签添加
class=“iframe_video”位置如下:
<iframe class="iframe_video" src="//player.bilibili.com/player.html?aid=20140521&bvid=BV1cW411t7BP&cid=32875733&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>文章归档/友情链接页面
在页面编辑右侧选择相应模板保存即可。
侧边栏友链默认最多显示 10 个，可以在 sidebar.php 里更改
[详细说明链接待添加]
代码高亮
基于 Prism 开发的代码高亮功能。你只需要在代码前加入标签即可实现代码高亮。标签如下：
当然，```后的 php 可以修改为 CSS 等其他语言代码。会在代码右端显示 Copy 功能字样与代码语言字样。
社交互娱
您需要在主题设置中添加您的基本联系信息，这些信息将展现于页脚中。当然如果您觉得不需要这些链接，可以直接在 footer.php 删除相应代码。
鸣谢
Prism 高亮代码
Html5up 基本构架
小さな手は 置顶
其他说明
为了方便各位自定义样式，我已经将 style.css 独立样式放在模板文件内。
个别插件可能会导致高亮功能不能正常使用，请自行排查。
还是希望大家保留页脚链接支持下主题作者。