Timellow 极简博客主题
一款简单、清爽、极简的博客主题,支持深浅色一键切换、文章封面、侧边栏组件(博主信息 / 最新文章 / 热门文章 / 最新评论 / 标签)与标签聚合页。
代码出处
本主题的界面与样式代码来自开源项目:
目录结构
blog_timellow/
├── blog_timellow.config # 应用配置
├── blog_timellow.php # 应用主文件(搜索、上下篇、标签解析等方法)
├── blog_timellow.data.php # 应用数据(模型、页面、字段、栏目、演示文章)
├── CSS/style.css # 主题样式
├── JS/init.js # 深浅色初始化(防止刷新闪屏)
├── JS/theme.js # 主题交互(搜索面板、深浅色切换、代码块复制、返回顶部)
├── IMG/ # 封面图与预览图
├── header.php # 公共头部(导航、搜索、深浅色按钮、侧边栏入口)
├── footer.php # 公共底部(社交链接、备案信息、悬浮按钮)
├── sidebar.php # 侧边栏组件
├── postlist.php # 文章卡片列表(公共片段)
├── index.php # 首页
├── article.php # 文章栏目列表页
├── article_content.php # 文章详情页
├── page.php # 单页
├── tags.php # 标签聚合页
└── search.php # 搜索结果页
安装
- 将
blog_timellow目录放置到app/目录下; - 进入后台「应用管理」,找到本应用并安装、启用;
- 依赖应用:
tinymce(富文本)、comment(评论)、articletags(文章标签),如未安装请先安装依赖。
模型与栏目
| 模型 | 标识 | 说明 |
|---|---|---|
| 首页 | index | 站点首页,存放站点信息与侧边栏设置 |
| 单页 | page | 关于、留言等独立页面 |
| 文章 | article | 博客正文 |
| 标签 | tag | 标签聚合 |
默认栏目:首页、文章、标签(首页子栏目)、关于、留言。
站点设置
进入后台「栏目」→「首页」→「设置」,可以修改:
- 站点设置:站点标题、副标题、站点图标、每页文章数
- 侧边栏:是否显示侧边栏、博主昵称 / 简介 / 头像、最新文章 / 热门文章 / 最新评论开关
- 底部与社交:备案号、底部自定义信息、GitHub / 邮箱 / X / Telegram 地址
文章字段
标题、内容、封面图、标签、关键词、描述、时间、浏览量、开启评论。
不填写封面图时,列表会自动使用标题首字符生成占位图。
页面地址
| 页面 | 地址 |
|---|---|
| 首页 | / |
| 首页分页 | /page/2/ |
| 文章栏目 | /{栏目ID}/ |
| 文章栏目分页 | /{栏目ID}/page_2.html |
| 文章详情 | /{栏目ID}/{文章ID}.html |
| 标签 | /tags/{标签名}/ |
| 搜索 | /search/?keyword=关键词 |
说明
- 深浅色模式会记住访客的选择并保存在浏览器本地;首次访问时跟随系统设置。
- 文章详情页会自动为代码块添加语言标签与复制按钮,为图片添加说明文字。
