typecho-blog-theme-two-siderbar
基于 bootstrap 4 开发的 typecho 响应式两栏博客主题
预览:http://theme.typecho.ptbird.cn/bootstrap-blog/
一、主题说明
1、依赖
jquery 2.1.4
bootstrap 4
markdown.css
, 优化 markdown 内容显示,代码整合进了style.css
normalize.css
, 代码整合进了style.css
prism.js
和prism.css
,优化代码高亮显示popper.min.js
,bootstrap 4 依赖jquery.goup.min.js
,返回顶部插件
2、更新记录
2018-07-19:
- 修复文章页面版权底部显示问题
- 修复
archive.php
页面分页显示问题(涉及分类下文章、搜索结果等)
2018-07-16:
- 新增
themeFields
,用户可自己添加备案、头部样式和底部脚本等内容 - 修复 CDN 链接中
popper.js
错误的问题,优化代码结构 - 用户在后台可设置是否启用
公共CDN链接
2018-07-15:
- 修复分页
...
显示问题
二、主题安装
主题安装方式与 其他
typecho
一样。
1、下载主题
下载主题文件:https://github.com/postbird/typecho-blog-theme-two-siderbar/archive/master.zip
加压后上传到服务器 typecho
目录下 /usr/themes/
文件夹。
2、后台安装
登入 typecho
后台管理,选择 控制台 -> 外观
,启动 Postbird-typecho-two-sidebar-block
主题即可。
3、添加单独页面
文章分类
页面
1)导航显示 创建独立页面,页面模板选择 文章分类
,页面标题是导航中显示的文字
归档
2)导航显示 创建独立页面,页面模板选择 文章归档
,页面标题是导航中要显示的文字
标签
3)导航显示 创建独立页面,页面模板选择 标签模板
,页面标题是导航中要显示的文字
友链
4)导航显示 创建独立页面,页面模板选择 友情链接模板
,页面标题是导航中要显示的问题
友链
不同于上面三个独立页面,页面内容需要自己编辑,并最终显示,方便添加其他网站的链接。
如下图所示:
关于
5)导航显示 关于
是选择默认模板,系统默认存在的页面。
6)其他单独页面
其他的单独页面会直接在导航中显示,添加单独页面的时候,直接选择默认模板即可。
四、文件结构
img/examples
下的图片均为效果图片,无实际作用。
五、效果
1、PC端:
2、移动端:
License
MIT