豐富的詩詞資源！一個現代化詩詞學習網站！

Java陈序员發表於2024-09-29
學習網站

大家好，我是 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/#/

大家的點贊、收藏和評論都是對作者的支援，如文章對你有幫助還請點贊轉發支援下，謝謝！

相關文章