朋友圈动态模板
仿微信朋友圈信息流的 1CMS 模板应用。发布一条条动态,配图自动排成九宫格,支持点赞、内联评论、背景音乐、明暗模式、图片灯箱与滚动自动加载,适合用作个人动态站 / 心情博客 / 生活记录。
目录结构
blog_pyq/
├── blog_pyq.config # 应用配置
├── blog_pyq.php # 应用主文件(方法、路由)
├── blog_pyq.data.php # 应用数据(模型、栏目、表单、路由、演示数据)
├── README.md
├── OwO.json # 评论表情码表
├── CSS/style.css # 样式
├── JS/app.js # 前端交互
├── JS/theme.js # 明暗模式预处理(避免首屏闪屏)
├── IMG/ # 封面、头像、演示图片
├── header.php # 公共头部(顶栏、封面、头像区,栏目导航在顶栏左侧)
├── footer.php # 公共底部(悬浮按钮、联系人、搜索、脚本)
├── index.php # 首页
├── article.php # 动态栏目页/列表页
├── article_content.php # 动态详情页
├── page.php # 单页
├── search.php # 搜索页
├── moments.php # 动态列表(首页、栏目页、搜索页共用)
├── card.php # 单条动态卡片
├── comments.php # 评论列表片段
└── comment_form.php # 评论输入框片段
模型与栏目
启用后会自动创建以下模型与栏目:
| 模型 | 标识 | 说明 |
|---|---|---|
| 首页 | index | 存放整站设置,栏目「首页」为站点首页 |
| 动态 | article | 一条条朋友圈动态,栏目「动态」为默认发布栏目 |
| 单页 | page | 独立页面,栏目「关于」为示例 |
| 评论 | comment | 评论数据存放于此,栏目「评论」挂在首页下,不会出现在导航中 |
页面路由:
| 页面 | 标识 | 网址 |
|---|---|---|
| 首页 | channel | / |
| 首页分页 | list | /page/(page)/ |
| 动态栏目页 | channel | /($.id)/ |
| 动态栏目分页 | list | /($.id)/page_(page).html |
| 动态详情页 | article | /($.id)/($id).html |
| 单页 | channel | /($.id)/ |
| 搜索 | search | /search/?keyword=关键词 |
| 点赞接口 | apilike | /pyq_like |
| 评论接口 | apicomment | /pyq_comment |
站点设置
进入后台「栏目」→「首页」→「设置」,可修改以下变量:
| 变量 | 说明 |
|---|---|
| 昵称 / 签名 | 封面下方显示的昵称与签名 |
| 头像 / 封面图 | 留空时使用模板自带默认图 |
| 封面类型 | 自动识别 / 图片 / 视频(视频地址可直接填 mp4、webm 等) |
| 明暗模式 | 跟随系统(访客可手动切换)/ 浅色 / 暗色 |
| 评论头像源 | WeAvatar / Cravatar / Gravatar / Loli |
| 背景音乐 | 一行一首,格式 音乐地址|歌名,留空隐藏播放器 |
| 联系人 | 一行一位,格式 名称|网址|头像地址,留空隐藏联系人入口 |
| 每页动态数 | 首页与栏目页每页显示的动态数量 |
| 内联评论条数 | 动态卡片中默认展示的最新评论条数,详情页展示全部 |
| 无刷新加载 | 开启后站内跳转不刷新页面 |
| 备案号 | 底部显示的备案信息 |
另外,栏目导航自动读取站点的一级栏目,显示在顶栏左侧,当前栏目会高亮; 在后台「栏目」中调整排序或新增栏目即可,无需在模板里配置。
发布动态
在「动态」栏目下新增文章,常用字段:
| 字段 | 说明 |
|---|---|
| 标题 | 详情页标题,也是动态的一句话摘要 |
| 内容 | 正文,内容中的图片会自动提取到下方的九宫格相册,代码块只在详情页完整展示 |
| 位置 | 显示在卡片正文下方,留空不显示 |
| 点赞数 / 浏览量 | 系统自动维护,也可手动调整 |
| 开启评论 | 关闭后动态下方显示「评论已关闭」 |
评论功能
评论功能由 系统模型(comment 模型) 实现,不依赖任何第三方评论插件。
- 评论数据保存在「评论」栏目的文章表中,可在后台「内容管理」里审核、编辑、删除;
- 字段
动态栏目(acid)、动态编号(aid)决定评论归属,回复编号(parent)支持楼中楼回复,显示(status)取消勾选即可隐藏该评论; - 单页(page 模型)同样支持评论,其
动态编号固定为 0; - 前端为无刷新提交:昵称与邮箱会记住在本地浏览器中,评论还支持 OwO 表情。
代码出处
界面样式与交互实现参考自开源项目 FriendCircle:https://github.com/imxiaoxp/FriendCircle
