找回密码
 立即注册
首页 业界区 业界 丰富的诗词资源!一个现代化诗词学习网站! ...

丰富的诗词资源!一个现代化诗词学习网站!

肇默步 前天 16:41
大家好,我是 Java陈序员。
之前,给大家推荐过一个古诗文起名工具,利用古诗文进行起名。
一个古诗文起名工具
今天,给大家介绍一个现代化诗词学习网站,完美适用于自身、孩子学习背诵古诗词!
关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。
项目介绍

aspoem —— 现代化诗词学习网站,一个更加注重UI和阅读体验的诗词网站。收集了丰富的诗词资源,用户可以通过作者、诗词、名句快速查找诗词。
1.png

功能特色

  • 提供丰富的中国古典诗词资源
  • 提供诗词欣赏与学习、拼音标注、注释和白话文翻译
  • 提供全站搜索、诗人及词牌名索引以及标签系统方便查找相关主题诗词
  • 界面友好,便于用户使用,支持暗黑模式和多种主题
  • 注重移动端的适配,支持 PC 和手机端访问
技术栈

  • React
  • Next
  • Tailwind CSS
  • PostgreSQL
项目体验

诗词

丰富的诗词:aspoem 目前已经收集了 6000+ 首诗词。
2.png

诗词鉴赏:提供拼音标注、注释和白话文等的展示方式,使诗词更加易于阅读。
3.png

摘抄卡片:提供高清大图,支持免费下载。
4.png

诗人

海量的诗人:aspoem 目前汇总了 700+ 个诗人、词人。
5.png

诗人介绍:提供诗人介绍,以及创作的诗词,方便有针对性的学习。
6.png

词牌名&标签&片段

词牌名:收集了多种多样的词牌名,并汇总对应的诗词。
7.png

8.png

标签:按照近体诗、书籍、诗经、节日、情感等分类进行打标签,方便检索查询。
9.png

10.png

片段:摘抄经典的名片诗句、词句。
11.png

其他功能

检索查询:查找诗人、诗词、名句。
12.png

暗黑模式
13.png

多种主题
14.png

适配移动端
15.png
16.png
本地运行

前期准备

1、下载代码
  1. git clone https://github.com/meetqy/aspoem.git
复制代码
2、复制一份 .env.example 并重命名为 .env
aspoem 提供了是否集成 PostgreSQL 两种版本,可自行挑选。
集成 PostgreSQL

1、修改配置文件 .env 中的 PostgreSQL 连接信息
  1. # 后台操作需要的 Token,  http://localhost:3000/create?token=v0
  2. TOKEN="v0"
  3. # 本地
  4. POSTGRES_PRISMA_URL="postgresql://meetqy@localhost:5432/aspoem"
  5. POSTGRES_URL_NON_POOLING="postgresql://meetqy@localhost:5432/aspoem"
  6. # 统计相关 没有可不填 不会加载对应的代码
  7. # google analytics id
  8. NEXT_PUBLIC_GA_ID="G-PYEC5EG749"
  9. # microsoft-clarity-id
  10. NEXT_PUBLIC_MC_ID="ksel7bmi48"
复制代码
2、安装依赖
  1. pnpm install
复制代码
3、启动项目
  1. pnpm run dev
复制代码
4、浏览器访问 http://localhost:3000
不集成 PostgreSQL

1、修改 .env
  1. POSTGRES_PRISMA_URL="postgresql://meetqy@localhost:5432/aspoem"
  2. POSTGRES_URL_NON_POOLING="postgresql://meetqy@localhost:5432/aspoem"
复制代码
改为
  1. POSTGRES_PRISMA_URL="file:./db.sqlite"
  2. POSTGRES_URL_NON_POOLING="file:./db.sqlite"
复制代码
2、修改 prisma/schema.prisma 中的
  1. datasource db {
  2.     provider  = "postgresql"
  3.     url       = env("POSTGRES_PRISMA_URL")
  4.     directUrl = env("POSTGRES_URL_NON_POOLING")
  5. }
复制代码
改为
  1. datasource db {
  2.     provider  = "sqlite"
  3.     url       = env("POSTGRES_PRISMA_URL")
  4.     directUrl = env("POSTGRES_URL_NON_POOLING")
  5. }
复制代码
3、将 prisma/sample.sqlite 改为 db.sqlite
4、安装依赖并启动,推荐使用 pnpm
  1. pnpm i
  2. pnpm db:push
  3. pnpm dev
复制代码
Docker 部署

aspoem 项目提供 Dockerfile 和 docker-compose.yml 文件。Dockfile 用于构建 aspoem 服务镜像,docker-compose.yml 用于启动 aspoem 和一个 PostgresSQl.
执行以下命令,一键启动项目:
  1. cd aspoem
  2. docker compose up
复制代码
aspoem 一个致力于分享诗词的平台,为用户提供了一个良好的诗词阅读体验!对于喜欢中国诗词的朋友们来说,真的是一个宝藏。它不仅资源丰富,而且界面简洁,使用起来非常友好。大家快去体验吧~
  1. 项目地址:https://github.com/meetqy/aspoem
复制代码
最后

推荐的开源项目已经收录到 GitHub 项目,欢迎 Star:
  1. https://github.com/chenyl8848/great-open-source-project
复制代码
或者访问网站,进行在线浏览:
  1. https://chencoding.top:8090/#/
复制代码
17.png

大家的点赞、收藏和评论都是对作者的支持,如文章对你有帮助还请点赞转发支持下,谢谢!

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
您需要登录后才可以回帖 登录 | 立即注册