Coder Social home page Coder Social logo

luojiyin1987 / docker-flare Goto Github PK

View Code? Open in Web Editor NEW

This project forked from soulteary/docker-flare

0.0 2.0 0.0 816 KB

Flare ✨ Lightweight, high performance and fast self-hosted navigation pages, resource utilization rate is <1% CPU, MEM <30 M, Docker Image < 10M

Home Page: https://soulteary.com/2022/01/19/flare-production-record-application-frontend-and-backend-performance-optimization.html

License: Creative Commons Zero v1.0 Universal

docker-flare's Introduction

Flare ✨

兼顾轻量快速、界面美观的个人导航页面,适用于 HomeLab 或其他注重私密的场景。

无数据库依赖,使用简单的配置来保存数据,数据更加透明,并 100% 属于用户自己。

支持 x86 以及常见的 ARM 设备。

应用资源消耗非常低:

  • CPU: < 1%
  • MEM: < 30M
  • Docker Image: < 10M

快速上手

快速上手 Flare,需要两步:下载包含示例的代码、启动程序访问浏览器。

下载包含示例的代码

你可以使用 git clone 或者选择使用 “Download ZIP” 的方式,下载包含了基础的配置示例(书签和应用)的代码:

git clone https://github.com/soulteary/docker-flare.git
cd docker-flare

app/*yml 目录中包含了你的书签和应用数据,你可以根据你的需求对其进行调整。如果目录中没有配置文件,应用将在首次运行的时候,进行自动创建。

启动程序访问浏览器

启动应用非常简单,如果你习惯使用 Docker,可以执行:

docker run --rm -it -p 5005:5005 -v `pwd`/app:/app soulteary/flare:0.2.3

如果你习惯使用 docker-compose:

docker-compose up -d

在命令执行完毕之后,默认访问浏览器的 5005 端口,就能看到下面的界面啦:

相比较 Flame

  • 服务资源消耗极低,可以跑在任何规格的机器上。
  • 程序页面性能非常好,渲染速度更快,支持渲染大量书签,而不必担心风扇起飞。
  • 使用声明的配置来进行导航内容的管理,无需担心数据迁移问题。
  • 简化了天气数据的获取方式,不再需要申请天气网站的 API_KEY ,避免了不必要的成本开销。
  • 简化了 Flame 中的登陆、K8S、Docker 集成等不必要的功能。

支持图标

支持所有的 Material Design Icons,你可以在 materialdesignicons.compictogrammers.github.io/@mdi 6700 个精心设计的图标中找到你喜欢的图标。

在配置中使用的图标名称无需使用连字符 -,直接输入名称即可。(大小写不敏感)

为了降低寻找和输入图标的成本,我将 @mdi/font 项目集成到了应用中,启动应用之后,访问 /resources/mdi-cheat-sheets/ 可以打开图标列表页面。

在页面中点击具体图标,可以使用的图标名称就自动复制到剪贴板中啦。

TODO

  • 完善程序设置功能
  • 支持使用 API 进行内容管理
  • 支持自定义主题配色

Thanks

Inspired by https://github.com/pawelmalak/flame

docker-flare's People

Contributors

soulteary avatar

Watchers

James Cloos avatar  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.