Skip to content
神代綺凜 edited this page Feb 25, 2020 · 45 revisions

不太建议您阅读或学习本项目的 vue 代码,这是我在初学的时候实践的成品,有很多使用频率不高的部分都没有组件化,为了直接传递数据也懒得组件化

单页 vue 文件十分长,HTML 层级很多,可能会让您看得头晕眼花,但 script 部分还是可以看的,大概

Project setup

yarn install

[IMPORTANT] Edit .env file

  • VUE_APP_GTAG - Google Analytics gtag ID, set to empty if you don't need it.
  • VUE_APP_REPOSITORY - GitHub respository and branch of dist, must be setted if you want to be able to load images or precache resourses from jsDelivr CDN.

Compiles and hot-reloads for development

yarn run serve

Compiles and minifies for production

yarn run build

or

# VUE_APP_REPOSITORY in .env must be setted correctly before using this.
# Different from the command above, it will let SW precache from jsDelivr CDN.
yarn run build:cdn

Lints and fixes files

yarn run lint

Customize configuration

See Configuration Reference.

Update arknights data

yarn run update-data

or

git clone https://github.com/Kengxxiao/ArknightsGameData ../ArknightsGameData
yarn run update-data:local

Github Actions

目前这块还在试探,坑比较多,用于自动构建和更新方舟数据,如果不需要请不用理会

当你 fork 本项目后可以前往 Actions 启用,并设置以下 secrets 来使用相应功能

  • 自动构建:当更新源码 src/** public/** 后自动构建并发布到 GitHub Pages 或同步到其他远程仓库
    • ACCESS_TOKEN在此处创建,仅勾选 repo 即可
    • CNAME:GitHub Pages 的 CNAME
    • REMOTE_URL:填写后可以将dist推送到该远程仓库(注意,为强制推送,填前请三思),用户名和密码自然要包含在 URL 中,如果用户名中有@需要替换成%40

自动更新方舟数据

由于一个 workflow 不会触发另一个 workflow,因此不好在 GitHub 内直接实现自动更新,并且接收解包数据的更新推送需要使用外部服务

以下是目前把自动化白嫖精神发挥到极致后的更新策略示意

+------------------------------------------+                 +---------+
|   ||                                     |   New Commits   |         |
|   ||     Kengxxiao/ArknightsGameData     +---------------->+  IFTTT  |
|   ||                                     |      Feed       |         |
| G |--------------------------------------+                 +----+----+
| i |--------------------------------------+     Create Issue     |
| t ||                                     +<---------------------+
| H ||  Tsuk1ko/arknights-toolbox-update   |
| u ||                                     +----+
| b |--------------------------------------+    | Workflow: Check Issue
|   |--------------------------------------+    |  Update Data & Push
|   ||                                     +<---+
|   ||      Tsuk1ko/arknights-toolbox      |
|   ||                                     |
+----------------------+-------------------+
                       |
                       |  Workflow: Build & Push
                       +--------------------------+
                       |                          |
                       v                          v
+----------------------+------------+ +-----------+--------------------+
|                                   | |                                |
| GitHub Pages: arkn-gh.lolicon.app | | Coding Pages: arkn.lolicon.app |
|                                   | |                                |
+-----------------------------------+ +--------------------------------+
Clone this wiki locally