akegarasu / vup-song-list

一个主播用歌单网页 / react + next.js

vup 歌单页

部署使用

制作歌单内容

进行此步骤之前请先确保拥有 python 环境并安装依赖

1. 按照模板 scrips/example.xlsx 填写，制作歌单内容
2. 运行 python3 scripts/converter.py 生成歌单文件

修改配置文件

1. 重命名 config/constants.example.js 为 config/constants.js
2. 修改其中内容 (以下为示例)

let config = {
  Name: "", // 主页名字

  BiliLiveRoomID: "", // 直播间id

  NetEaseMusicId: "", // 网易云音乐id
  QQMusicId: "", // QQ音乐id
  Footer: "Copyright © 2022 秋葉",

  Cursor: true, // 使用自定义光标图片

  LanguageCategories: ["日语", "英语", "粤语"], // 语言分类
  RemarkCategories: ["流行", "弹唱"], // 标签分类

  BannerTitle: "", // banner 标题

  BannerContent: [
    `秋葉喵`, // banner 内容
  ],

  // 自定义按钮 （可以复制生成更多）
  CustomButtons: [
    {
      link: "https://www.tapechat.net/",
      name: "提问箱",
      image: "/assets/icon/tapechat.png",
    },
    {
      link: "https://space.bilibili.com/",
      name: "录播组",
      image: "",
    },
  ],
};

启动开发环境

npm instal
npm run dev

导出静态网站

npm run build
npm run export
# or
npm run buildssg

Next.JS 自动生成的"out"文件夹可直接用于部署静态网页

配置相关

鼠标指针

如果需要更改鼠标指针，可以在 config 中更改，默认为 false，如果需要请更改为 true，并且更改 styles 中的相关样式 并且将鼠标指针图片放入 ./assets/cursor/ 目录下

修改相关

修改自项目 song-list-of-nanakaie

修改了一系列的代码问题 (代码结构问题、耦合问题、一系列的重复代码等等问题)，由于打算拿来自用就不提交 PR 了

将一系列的关键设置（包括主页名称、过滤按钮设置等）放入 config ，提供在不大幅度修改源代码的情况下的迁移使用，可以作为模板批量生成。

本项目遵守 MIT License

vup-song-list's Issues

静态网页导出

导出的静态网页显示不了图片图标

json文件bvid的键值为NaN

我歌单文件写完了 也成功生成了 但是运行报错 我用别人生成的JSON文件就可以成功运行 我把我的歌单和生成的JSON发您 麻烦您帮我看下
歌单1.zip

没有pages文件夹 ，build出错

npm run build

> [email protected] build
> next build


> Build error occurred
Error: > Couldn't find a `pages` directory. Please create one under the project root
    at Object.findPagesDir (C:\Users\yun_er\Downloads\vup-song-list-main\node_modules\next\dist\lib\find-pages-dir.js:33:11)
    at C:\Users\yun_er\Downloads\vup-song-list-main\node_modules\next\dist\build\index.js:116:45
    at async Span.traceAsyncFn (C:\Users\yun_er\Downloads\vup-song-list-main\node_modules\next\dist\trace\trace.js:75:20)
    at async Object.build [as default] (C:\Users\yun_er\Downloads\vup-song-list-main\node_modules\next\dist\build\index.js:82:25)

创建 pages 文件夹后 build 出错

npm run build

> [email protected] build
> next build

info  - Checking validity of types

Failed to compile.

./components/SongDetail.component.jsx
35:11  Warning: Do not use <img>. Use Image from 'next/image' instead. See: https://nextjs.org/docs/messages/no-img-element  @next/next/no-img-element
45:11  Warning: Do not use <img>. Use Image from 'next/image' instead. See: https://nextjs.org/docs/messages/no-img-element  @next/next/no-img-element

./components/SongListFilter.component.jsx
78:17  Error: Missing "key" prop for element in iterator  react/jsx-key

info  - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules

不好意思 又来打扰了

我输入scripts/example.xlsx 并且运行 converter.py 后并未生成 music_list.json
报错如下
PS D:\Users\Desktop\vup-song-list-main\vup-song-list-main\scripts> python converter.py
Traceback (most recent call last):
File "D:\Users\Desktop\vup-song-list-main\vup-song-list-main\scripts\converter.py", line 4, in
song_df = pd.read_excel('./muisc.xlsx')
File "C:\Users\Administrator\AppData\Local\Programs\Python\Python39\lib\site-packages\pandas\util_decorators.py", line 311, in wrapper
return func(*args, **kwargs)
File "C:\Users\Administrator\AppData\Local\Programs\Python\Python39\lib\site-packages\pandas\io\excel_base.py", line 457, in read_excel
io = ExcelFile(io, storage_options=storage_options, engine=engine)
File "C:\Users\Administrator\AppData\Local\Programs\Python\Python39\lib\site-packages\pandas\io\excel_base.py", line 1376, in init
ext = inspect_excel_format(
File "C:\Users\Administrator\AppData\Local\Programs\Python\Python39\lib\site-packages\pandas\io\excel_base.py", line 1250, in inspect_excel_format
with get_handle(
File "C:\Users\Administrator\AppData\Local\Programs\Python\Python39\lib\site-packages\pandas\io\common.py", line 798, in get_handle
handle = open(handle, ioargs.mode)
FileNotFoundError: [Errno 2] No such file or directory: './muisc.xlsx'

您看方便加您个联系方式吗 给您发电赞助一下 毕竟这么麻烦你