/rss-square

RSS square is used to display users' subscribed RSS, which is gathered on a page to present the latest content.

Primary LanguageVue

RSS广场

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

UI元素规划

  • AppView
  • Components
    • PageHeader
      • SettingIcon
      • DarkModeButton
      • SearchBar
      • LogoButton
    • LeftMenu
    • CardList
    • AuthorList
    • RssCard
    • AboutCard
    • SettingCard
  • Menu
    • Setting
      • Password Setting
    • Authors
      • New Author Button
      • Author List
      • Remove Author Button
    • About
      • About Content
    • Exit Square

rss-square

RSS square is used to display users' subscribed RSS, which is gathered on a page to present the latest content.

rss-square

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.