CSDN

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

2024-09-29 09:54 由 Java陈序员 发表于 #前端开发

大家好，我是 Java陈序员。

之前，给大家推荐过一个古诗文起名工具，利用古诗文进行起名。

一个古诗文起名工具

今天，给大家介绍一个现代化诗词学习网站，完美适用于自身、孩子学习背诵古诗词！

关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。

项目介绍

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

功能特色：

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

技术栈：

  • React
  • Next
  • Tailwind CSS
  • PostgreSQL

项目体验

诗词

丰富的诗词：aspoem 目前已经收集了 6000+ 首诗词。

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

摘抄卡片：提供高清大图，支持免费下载。

诗人

海量的诗人：aspoem 目前汇总了 700+ 个诗人、词人。

诗人介绍：提供诗人介绍，以及创作的诗词，方便有针对性的学习。

词牌名&标签&片段

词牌名：收集了多种多样的词牌名，并汇总对应的诗词。

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

片段：摘抄经典的名片诗句、词句。

其他功能

检索查询：查找诗人、诗词、名句。

暗黑模式

多种主题

适配移动端

本地运行

前期准备

1、下载代码

git clone https://github.com/meetqy/aspoem.git

2、复制一份 .env.example 并重命名为 .env

aspoem 提供了是否集成 PostgreSQL 两种版本，可自行挑选。

集成 PostgreSQL

1、修改配置文件 .env 中的 PostgreSQL 连接信息

# 后台操作需要的 Token，  http://localhost:3000/create?token=v0
TOKEN="v0"

# 本地
POSTGRES_PRISMA_URL="postgresql://meetqy@localhost:5432/aspoem"
POSTGRES_URL_NON_POOLING="postgresql://meetqy@localhost:5432/aspoem"

# 统计相关 没有可不填 不会加载对应的代码
# google analytics id
NEXT_PUBLIC_GA_ID="G-PYEC5EG749"

# microsoft-clarity-id
NEXT_PUBLIC_MC_ID="ksel7bmi48"

2、安装依赖

pnpm install

3、启动项目

pnpm run dev

4、浏览器访问 http://localhost:3000

不集成 PostgreSQL

1、修改 .env

POSTGRES_PRISMA_URL="postgresql://meetqy@localhost:5432/aspoem"
POSTGRES_URL_NON_POOLING="postgresql://meetqy@localhost:5432/aspoem"

改为

POSTGRES_PRISMA_URL="file:./db.sqlite"
POSTGRES_URL_NON_POOLING="file:./db.sqlite"

2、修改 prisma/schema.prisma 中的

datasource db {
    provider  = "postgresql"
    url       = env("POSTGRES_PRISMA_URL")
    directUrl = env("POSTGRES_URL_NON_POOLING")
}

改为

datasource db {
    provider  = "sqlite"
    url       = env("POSTGRES_PRISMA_URL")
    directUrl = env("POSTGRES_URL_NON_POOLING")
}

3、将 prisma/sample.sqlite 改为 db.sqlite

4、安装依赖并启动，推荐使用 pnpm

pnpm i
pnpm db:push
pnpm dev

Docker 部署

aspoem 项目提供 Dockerfile 和 docker-compose.yml 文件。Dockfile 用于构建 aspoem 服务镜像，docker-compose.yml 用于启动 aspoem 和一个 PostgresSQl.

执行以下命令，一键启动项目：

cd aspoem
docker compose up

aspoem 一个致力于分享诗词的平台，为用户提供了一个良好的诗词阅读体验！对于喜欢中国诗词的朋友们来说，真的是一个宝藏。它不仅资源丰富，而且界面简洁，使用起来非常友好。大家快去体验吧~

项目地址：https://github.com/meetqy/aspoem

最后

推荐的开源项目已经收录到 GitHub 项目，欢迎 Star：

https://github.com/chenyl8848/great-open-source-project

或者访问网站，进行在线浏览：

https://chencoding.top:8090/#/

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