Giter VIP home page Giter VIP logo

web's Introduction

One Among Us - Web Frontend

one-among.us 的前端源码。欢迎贡献!

GitHub Repo 结构

  • data - 条目内容存储
  • web - 网页前端源码
  • backend - 献花和编辑后端源码

设置开发环境

# 克隆项目
git clone https://github.com/one-among-us/web
cd web

# 安装依赖(如果没有安装 Yarn 的话请先安装 Yarn)
yarn install

# 运行
yarn dev

Infrastructure Overview

Static Content & GitHub Actions

1. "Vite Build"

The "Vite Build" (build.yml) action in this repo builds the web frontend as an artifact, and will not deploy to GitHub pages. It was previously set to automatically run on push, but we changed it to run on manual dispatch instead. When build finishes, it will trigger the "Package" workflow.

2. "Package and Deploy"

The "Package and Deploy" (package.yml) action injects meta info into the built artifact from above. It will generate different entry html for different paths, enabling search engine optimization and social media link previews. This workflow needs both the web artifact and the data repo's built content, and is triggered when either of them updates.

3. "Data Generator" (in data repo)

The "Generator" (generator.yml) action compiles the article contents in the data repo and generates machine-readable formats such as json and jsx for. This action will send a workflow dispatch signal to "Package and Deploy" when essential content are updated.

Independent Servers

4. Channel Backup CDN

Since channel backup data (e.g. TelegramBackup) are very large and often exceeds GitHub's file size limit, we do not serve them on GitHub Pages. We stored them on my HyDEV CDN server. It's a standard nginx file server.

5. Backend Server

We also have a Kotlin backend to keep track of flowers, comments, and edit requests. This is hosted on a docker container, read more here: backend.

web's People

Contributors

hykilpikonna avatar ls-kr avatar sauricat avatar mak1owo avatar beiyanyunyi avatar youquzhiji avatar artefaritakuniklo avatar cnly avatar patchychan avatar baiyuanneko 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.