Code Monkey home page Code Monkey logo

aktools's Introduction

明日方舟工具箱

作者: 一只灰猫

开始使用

目前已部署在 Github Pages: 明日方舟工具箱 by 一只灰猫

二次开发

页面允许 URL 中加入参数以修改显示样式。

包括三个参数,可以分别使用,以嵌入到您二次开发的app中: hidenav, hidetags 以及 tags

其中 hidenav 全局有效, hidetags 和 tags 仅对公开招募页面有效。

例如: https://aktools.graueneko.xyz/hr?hidenav=&hidetags=&tags=爆发+新手+资深干员+快速复活

反馈

有任何建议、想法,或发现 Bug,可以直接在本项目下提 Issue

如果你实现了新功能/改进可以合并到 origin/master上,请发起 Pull request.

开发

  1. 确保你的开发环境中包括 Node.js(10.9.0 或更高版本) 和 npm/yarn 包管理器
    • 获取 Node.js,请转到 nodejs.org
    • 获取 yarn,请转到yarnpkg.com(非必须安装,该网站可能需要梯子)
      # 检查 Node.js 版本
      node -v
      # 检查 npm 版本
      npm -v
  2. 安装 cnpm 命令行工具(推荐)
    npm install -g cnpm --registry=https://registry.npm.taobao.org
  3. 安装 Angular CLI
    cnpm install -g @angular/cli
    # 检查 Angular 版本
    ng version
  4. 克隆项目
    git clone https://github.com/graueneko/aktools.git
    cd aktools
    cnpm i -s
    # yarn 用户:
    # yarn
    ng serve -o

注意事项

  1. 开发请注意移动优先(Mobile First);
  2. 尽管代码格式可能会随 TSLint 的配置不同发生变化,还请尽可能减少 PR 中未修改部分的代码变动;
  3. 可以适量引入新图片、数据文件,但请勿加入过多、过大,以免国内网络访问过慢

参与开发您可能需要以下文档:

  1. Angular 9 中文文档, or Angular 9 Docs(en)
  2. Blox Material Components
  3. Angular Flex Layout

构建

ng build --prod --base-href "http[s]://*YOUR_URL*/"

可部署的 site 版本将生成在 ./dist/aktools 目录下。

发布

请参照 publish.sh.example 中说明修改脚本内容,之后可用于一键发布。

aktools's People

Contributors

bbaa-bbaa avatar yue-plus avatar luke-lujunxian avatar graueneko avatar gaojr avatar gneko avatar dependabot[bot] avatar cherinyy avatar lm93129 avatar malcolm-zhou avatar depctg avatar

Stargazers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.