RSS 广场是一个纯前端的工程,用于结合RSS2JSON项目展示网站管理员收集的RSS地址的最新的更新。
本广场将支持您以Docker方式部署,参数化退出地址和RSS2JSON地址,支持反向代理RSS2JSON地址。
PS: 本程序主要代码由GPT创建和从element plus官网抄, 有bug是正常的,反馈请联系https://t.me/Odinluo
请不要因为页面简陋而懊恼,因为工程还远远没有完成。
2023/06/25
- 添加侧边菜单,支持设置功能
- 测试部署到了 vercel
2023/06/21
- 在窄屏下支持滚动到顶部按钮
- 扩展了左侧菜单(暂未绑定功能)
2023/06/19
- 支持依据作者进行筛选。
- 距离当前的时间自动刷新。
2023/06/18 父亲节快乐
- 发布了初始的页面
- 具备基础的广场功能,接下来就是优化细节和补充功能
- 页面现在可以显示用户的昵称了。
- 页面头图可以点击预览了,而且支持多个图片。
- 页面支持无限的向下滚动加载更多了(内容总是有限的)
本页面是一个单页的前端web APP程序,目前仅规划用于桌面和手机端呈现。
需求比较简单,功能包含如下
RSS 的内容卡片在手机上是单行上下滑动排列。在电脑上是瀑布流布局,根据卡片的高度和内容进行错层滚动。RSS内容呈现支持Markdown/HTML
RSS 的内容卡片区域支持下拉加载更多
RSS 的作者列表点击之后根据作者进行筛选- 设置管理口令之后可以进行添加和删除
- 搜索
- 唤起搜索界面
- 搜索提交后更新内容卡片列表
- 设置,设置结果保存到浏览器
- 允许设置管理口令
- 允许设置黑暗模式、白天模式
- 允许设置页面最大宽度
- 管理功能
- 支持添加新的RSS
- 支持删除旧的RSS
- AppView
- Components
- PageHeader
- SettingIcon
- DarkModeButton
- SearchBar
- LogoButton
- LeftMenu
- CardList
- AuthorList
- RssCard
- AboutCard
- SettingCard
- PageHeader
- Menu
- Setting
- Password Setting
- Authors
- New Author Button
- Author List
- Remove Author Button
- About
- About Content
- Exit Square
- Setting
RSS square is used to display users' subscribed RSS, which is gathered on a page to present the latest content.
npm install
npm run serve
npm run build
npm run lint