简洁大方的双栏自适应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独立样式放在模板文件内。
个别插件可能会导致高亮功能不能正常使用,请自行排查。
还是希望大家保留页脚链接支持下主题作者。
谢谢老哥~~👍