Awwesome 项目教程

22 0 0

Awwesome 项目教程

awwesomeEnhanced user interface for Awesome Selfhosted项目地址:https://gitcode.com/gh_mirrors/aw/awwesome

1、项目介绍

Awwesome 是一个增强版的用户界面项目，旨在为 Awesome Selfhosted 提供更好的用户体验。该项目使用 Svelte 和 Tailwind CSS 构建，从 Awesome Selfhosted 抓取项目，并通过 GitHub 的 GraphQL API 获取额外数据。

2、项目快速启动

安装依赖

首先，克隆项目仓库并安装依赖：




git clone https://github.com/mkitzmann/awwesome.git


cd awwesome


npm install

启动开发服务器

启动开发服务器并打开应用：

npm run dev -- --open

生成静态构建

为了优化用户体验，建议静态生成网站而不是服务器渲染：




npm run build


npm run preview

3、应用案例和最佳实践

使用 Docker 部署

Awwesome 可以通过 Docker 和 Docker Compose 部署。以下是一个示例 docker-compose.yml 文件：




version: '3'


services:


  ofelia:


    image: mcuadros/ofelia:latest


    container_name: ofelia


    depends_on:


      - source


    command: daemon --docker


    volumes:


      - /var/run/docker.sock:/var/run/docker.sock:ro


    labels:


      ofelia.job-run.awwesome.schedule: "@daily"


      ofelia.job-run.awwesome.container: "awwesome"


  source:


    image: mkitzmann/awwesome


    container_name: awwesome


    working_dir: /usr/src/app


    environment:


      TOKEN_GITHUB: ${TOKEN_GITHUB}


    command: sh -c "npm run build && rm -r html/* && cp -r dist/* html && exit"


    volumes:


      - shared_volume:/usr/src/app/html


  web:


    image: nginx


    container_name: nginx


    ports:


      - "8080:80"


    volumes:


      - shared_volume:/usr/share/nginx/html:ro


volumes:


  shared_volume: