-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'main' of https://github.com/U1805/momotalk
- Loading branch information
Showing
259 changed files
with
10,058 additions
and
39,075 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,53 @@ | ||
| # 将静态内容部署到 GitHub Pages 的简易工作流程 | ||
| name: Deploy static content to Pages | ||
|
|
||
| on: | ||
| # 仅在推送到默认分支时运行。 | ||
| push: | ||
| branches: ['main'] | ||
|
|
||
| # 这个选项可以使你手动在 Action tab 页面触发工作流 | ||
| workflow_dispatch: | ||
|
|
||
| # 设置 GITHUB_TOKEN 的权限，以允许部署到 GitHub Pages。 | ||
| permissions: | ||
| contents: read | ||
| pages: write | ||
| id-token: write | ||
|
|
||
| # 允许一个并发的部署 | ||
| concurrency: | ||
| group: 'pages' | ||
| cancel-in-progress: true | ||
|
|
||
| jobs: | ||
| # 单次部署的工作描述 | ||
| deploy: | ||
| environment: | ||
| name: github-pages | ||
| url: ${{ steps.deployment.outputs.page_url }} | ||
| runs-on: ubuntu-latest | ||
| steps: | ||
| - name: Checkout | ||
| uses: actions/checkout@v3 | ||
| - name: Set up Node | ||
| uses: actions/setup-node@v3 | ||
| with: | ||
| node-version: 18 | ||
| cache: 'npm' | ||
| - name: Install dependencies | ||
| run: npm install | ||
| - name: Build | ||
| run: npm run build | ||
| - name: Copy 404.html | ||
| run: npm run deploy | ||
| - name: Setup Pages | ||
| uses: actions/configure-pages@v3 | ||
| - name: Upload artifact | ||
| uses: actions/upload-pages-artifact@v1 | ||
| with: | ||
| # Upload dist repository | ||
| path: './docs' | ||
| - name: Deploy to GitHub Pages | ||
| id: deployment | ||
| uses: actions/deploy-pages@v1 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -27,3 +27,5 @@ coverage | |
| *.njsproj | ||
| *.sln | ||
| *.sw? | ||
|
|
||
| /.vscode/ | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -3,6 +3,6 @@ | |
| "semi": false, | ||
| "tabWidth": 4, | ||
| "singleQuote": true, | ||
| "printWidth": 110, | ||
| "printWidth": 90, | ||
| "trailingComma": "none" | ||
| } | ||
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,152 @@ | ||
|  | ||
|
|
||
| # 食用说明 · How to use | ||
|
|
||
| ## 📚侧边栏 · Sidebar | ||
|
|
||
| 💾 侧边栏下方三个按钮分别是「**切换语言**」「**重置**」和「**下载**为图片」 | ||
|
|
||
| Below, there are three buttons: "**Switch languages**", "**Reset**" and "**Download** as image". | ||
|
|
||
| ## 🎓学生列表 · Student List | ||
|
|
||
| 🔍 点击右侧的**学校标志**，筛选学校；上方的**搜索栏**（快捷键 `/`），支持汉字、罗马音，以及游戏黑话 | ||
|
|
||
| Click on the **school icons**: Filter students by school. **Search bar** at the top(Shortcut key `/`), supports use Chinese , romaji as keywords | ||
|
|
||
| <br/> | ||
|
|
||
| 📜 搜索栏右侧的按钮：在「已实装角色」和「未实装角色」之间**切换列表** | ||
|
|
||
| Clicking the button on the right side of the search bar allows you to toggle between the "Implemented Characters" and "Unimplemented Characters" lists | ||
|
|
||
| <p align="center"> | ||
| <img src="../public/img/switchlsit.webp" alt="switch_list" style="width:50%"> | ||
| </p> | ||
|
|
||
| 🔄 头像标着 `+` 的学生：点击头像切换 **差分** | ||
|
|
||
| Students with a \`+\` on their avatars: Click on the avatar to switch **appearances**. | ||
|
|
||
| <p align="center"> | ||
| <img src="../public/img/appearence.webp" alt="appearence" style="width:50%"> | ||
| </p> | ||
|
|
||
|
|
||
| 📝 进入编辑界面后，点选学生列表可以将学生加入右下角的候选列表，方便后续使用 | ||
|
|
||
| Upon entering the editing interface, selecting students from the list will add them to the candidate list in the bottom right corner for easy access | ||
|
|
||
| ## 🖌️编辑界面 · Edit | ||
|
|
||
| 在编辑界面，下方分别是「发送栏」和「候选列表」 | ||
|
|
||
| In the editing interface, there are the "Message Bar" and the "Candidate List" at the bottom | ||
|
|
||
| ### 🎭 选择身份 · Select a Role | ||
|
|
||
| 候选列表前四项为「**老师**」「**羁绊剧情**」「**回复**」「**系统消息**」，最后一个按钮用于**添加自定义角色** | ||
|
|
||
| The first four items in the candidate list are "**Sensei**", "**Story Event**", "**Reply Box**", and "**System Message**". The last button is for **adding custom characters**. | ||
|
|
||
| <p align="center"> | ||
| <img src="../public/img/sendbar.webp" alt="sendbar" style="width:50%"> | ||
| </p> | ||
|
|
||
| ### 🌄 发送消息 · Send Messages | ||
|
|
||
| 选择身份后在发送栏**发送消息或图片**（大小限制为 1MB） | ||
|
|
||
| 老师和学生身份，点击发送栏的头像能够发送游戏中的聊天室**贴图**。此外，这里也可以选择角色的表情差分图片。 | ||
|
|
||
| After selecting a role, you can **send messages or images** in the message bar (size limit is 1MB). | ||
|
|
||
| If the current role is a teacher or student, clicking on the avatar in the message bar allows you to send in-game chatroom **stickers**. In addition, student face variations is considered as a kind of special stickers too. | ||
|
|
||
| <p align="center"> | ||
| <img src="../public/img/stickers.webp" alt="stickers" style="width:45%"> | ||
| <img src="../public/img/stickers2.webp" alt="face variations" style="width:45%"> | ||
| </p> | ||
|
|
||
|
|
||
| ### ✏️ 编辑消息 · Edit Messages | ||
|
|
||
| 你可以通过类似 [markdown](https://markdown.com.cn/basic-syntax/) 的语法发送一些**特殊的文字样式** | ||
|
|
||
| You can use a syntax similar to [markdown](https://www.markdownguide.org/basic-syntax/) to send some **special text styles**. | ||
|
|
||
| | 语法 Usage | 说明 Description | | ||
| | ---- | ---- | | ||
| | \# Heading level 1 | 一级标题 | | ||
| | \#\# Heading level 2 | 二级标题 | | ||
| | \#\#\# Heading level 3 | 三级标题 | | ||
| | \*\*Bold text\*\* | 粗体 | | ||
| | \*Italic text\* | 斜体 | | ||
| | \*\*\*Bold italic text\*\*\* | 粗斜体 | | ||
| | \~\~Delete line\~\~ | 删除线 | | ||
| | \[color:red;font-size:10px](Font style) | 字体样式 | | ||
|
|
||
| > ① 该字体的粗体在某些浏览器上可能无法显示 | ||
| > | ||
| > ② 可以通过使用反斜杠字符 `\` 从而达到转义目的（`#` `*` `~`）。例如：`\#` 可以输出 # 而不变为标题 | ||
| > | ||
| > ① The bold style of this font may not display correctly on certain browsers. | ||
| > | ||
| > ② Escaping can be achieved by using the backslash character \ (for `#`, `*`, `~`). For example, `\#` will output # instead of being interpreted as a heading. | ||
|
|
||
| 遵循 **所见即所得** 的设计思想，消息发送后仍可以对元素直接编辑，如修改、拖拽、删除等 | ||
|
|
||
| - **修改**： | ||
| - 点选 *文本* 或者 *角色名字* 会出现文本框，在其中编辑即可 | ||
| - 对于 *图片* 消息，点击后重新上传图片 | ||
| - *回复* 键入回车会出现下一个选项框 | ||
| - **拖拽**：按住消息上下移动可以调整消息之间的顺序 | ||
| - **删除**：光标 *停留* 在元素上时，出现 `x` 删除按钮 | ||
| - **插入**：光标 *停留* 在元素上时，出现 `↲` 插入按钮，之后发送消息会插入到此处 | ||
| - **快捷键**：撤销 `Ctrl+Z`，重做 `Ctrl+Shift+Z`, 软换行 `Shift+Enter` | ||
|
|
||
| Following the **WYSIWYG** (What you see is what you get) design philosophy, elements can still be directly edited after sending messages, such as modifying, dragging, deleting, etc. | ||
|
|
||
| - **Modifying**: Supports editing *text*, *character names*, and *images*. | ||
| - For " *Text* " and " Character name ", simply click to reveal a text box for editing. | ||
| - For " *Image* ", click to upload a new image. | ||
| - For " *Reply* ", pressing Enter will bring up the next option. | ||
| - **Dragging**: Holding and moving messages up and down can adjust the order between messages. | ||
| - **Deleting**: When the cursor *hovers* over an element, the delete button `x` will appear near the element. | ||
| - **Inserting**: When the cursor is *hovering* over an element, the insert button `↲` appears, then the message will be inserted here. | ||
| - **Shortcut key**: undo `Ctrl+Z`, redo `Ctrl+Shift+Z`, and line break `Shift+Enter` | ||
|
|
||
| <p align="center"> | ||
| <img src="../public/img/edit.webp" alt="edit" style="width:50%"> | ||
| </p> | ||
|
|
||
| ### 📜 中断消息流 · Interrupt the Message Flow | ||
|
|
||
| 通常单个学生的消息是连续的。如果想要中断消息流，可以尝试点击学生消息中“头像”下方的区域。 | ||
|
|
||
| Normally, messages from a single student are continuous. If you wish to interrupt the message flow, you can try clicking below the "avatar" in the student's message. | ||
|
|
||
| <div align="center"> | ||
| <img src="../public/img/splitmessage.webp" alt="split" style="width:50%"> | ||
|
|
||
| <p>via <a href="https://twitter.com/YuzuTalkJP/status/1421448297030381569">Yuzutalk</a> </p> | ||
| </div> | ||
|
|
||
| ## 🌟 其他 | ||
|
|
||
| 右上角的设置按钮中有切换 yuzutalk 样式、对话文件的导出导入等功能 | ||
|
|
||
| In the top-right corner, the settings button provides functions such as switching to Yuzutalk styles and exporting/importing conversation files. | ||
|
|
||
| 本应用适配移动端，但是因为能力有限，基本就是看看得了的程度，更推荐电脑操作 💻📱 | ||
|
|
||
| The application is adapted for mobile devices, but due to limited capabilities, it's recommended to use it on a computer for a better experience 💻📱 | ||
|
|
||
| <br/> | ||
|
|
||
| 游戏黑话搜索也是，如果发现有遗漏或者写错的，**欢迎提 [issue](https://github.com/U1805/momotalk/issues) 或 [pr](https://github.com/U1805/momotalk/pulls) 补充**，当然对功能和代码的好想法和优化也欢迎欢迎 ❤️ | ||
|
|
||
| If you notice any omissions or mistakes, **please feel free to raise an [issue](https://github.com/U1805/momotalk/issues) or submit a [pull request](https://github.com/U1805/momotalk/pulls) for correction**. Of course, ideas and optimizations for features and code are also very much welcomed ❤️ | ||
|
|
||
|  |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.