• 欢迎来到THBWiki！如果您是第一次来到这里，请点击右上角注册一个帐户
  • 有任何意见、建议、求助、反馈都可以在 讨论板 提出
  • THBWiki以专业性和准确性为目标，如果你发现了任何确定的错误或疏漏，可在登录后直接进行改正

用户:咕咕mur/ipe-plugin-thwiki-163lrc

来自THBWiki
跳到导航 跳到搜索

本插件用于在专辑页面歌曲名旁添加"163LRC工具辅助编辑"按钮，功能如上所示

  • Github repo：GuGuMur/ipe-plugin-thwiki-163lrc
  • 习惯用什么技术栈就用什么，为了试试 shadcn/ui 从vue转写Preact伪装React可是给兄弟折磨坏了，电脑跟前坐了4天差不多
  • 写这文档比写代码舒服

使用

向common.js页面 / DevTools控制台中添加以下内容： 

mw.loader.load("//unpkg.com/mediawiki-inpageedit");
mw.loader.load('https://cdn.jsdelivr.net/gh/GuGuMur/ipe-plugin-thwiki-163lrc@main/dist/main.js');

技术

  • 语言：TypeScript JavaScript 我不想写.d.ts
  • 工具链：vite 单文件打包插件好难写
  • mediawiki相关：jQuery，types-mediawiki，InPageEdit，ssi_modal
  • 框架相关：Preact（伪装React），shadcn/ui，unocss（伪装tailwindcss） Vue，naive-ui，unocss
  • 工具：Deepseek，Claude，Github Copilot写CSS和写jQuery真好用，但解决问题还得人来
  • 自己搭的NeteaseCloudmusicAPI，冈易怎么这么坏啊

流程

按钮出现效果

CD页面：

3wzvEaScQYsVdtm.png

已创建的歌词页面：

FoPHrjh7DewV2Nm.png

步骤一

点击展开旧版本示例
点击折叠旧版本示例

打开插件：

4z7yvYRXaUkpmbj.png

选择歌曲：

qgKnFhr4Q38z7wW.png


打开插件：

4z7yvYRXaUkpmbj.png

选择歌曲：

GAJfXVEC7hyI6Tl.png

预览歌词：

e9otNkM1fyEIqs8.png

步骤二

选择语言：

KClNzxOo3numcfq.png

步骤三

实在不行上控制台获取歌词

YBstD31UOW8gyba.png
检索自“https://touhou.review/index.php?title=用户:咕咕mur/ipe-plugin-thwiki-163lrc&oldid=928320”