Git Product home page Git Product logo

msyahri / badge-generator Goto Github PK

View Code? Open in Web Editor NEW

This project forked from michaelcurrin/badge-generator

0.0 0.0 0.0 31.88 MB

Magically generate Markdown badges for your docs ๐Ÿ›ก๏ธ ๐Ÿฆก ๐Ÿง™

Home Page: https://michaelcurrin.github.io/badge-generator/

License: MIT License

Shell 0.06% JavaScript 0.50% TypeScript 62.29% Makefile 0.48% HTML 1.50% Vue 35.17%

badge-generator's Introduction

Badge Generator
๐Ÿ›ก๏ธ ๐Ÿฆก ๐Ÿง™

Magically generate Markdown badges for your docs

GH Pages Deploy GitHub tag License

CodeQL Known Vulnerabilities LGTM

Made with Node Package - Yarn Package - Vue Package - Typescript

Website โ€” Sample badges โ€” Documentation

Overview

A convenience tool that makes it easy to generate custom Markdown for badges to put on your documentation or website.

Choose a page, enter your details, and click Submit to generate some Markdown code for you to copy and paste.

External tools are used to actually render badges - mostly using shields.io.

Preview

Open the web app

Start creating badges for your docs.

Site

Sample badges

Examples of a few badges generated with the app and rendered here on a markdown doc

Note that most of the badges at the top of this README.md file were also generated using this app.

Social badges

Link to your project. From another project - even paste these in an online forum or your blog.

MichaelCurrin - badge-generator stars - badge-generator forks - badge-generator

Repo metadata

Add to the top of your README.md file. These are tied to your specific repo.

GitHub tag License issues - badge-generator

Generic

Put whatever text you want in this static badge, which is independent of a repo. You can change the color, logo and destination link.

Foo - Bar Maintained - yes Contributions - welcome

Packages

Here is a badge for a NPM package as a dependency of the Badge Generator repo. The version changes to reflect what is in the package.json file.

package - vue

Dynamic data

Similar to above but more flexible.

Create a badge that references any value within a public data file (currently only JSON is supported). The badge stays up to date with whatever value is in the target file..

In the example below, we lookup the version of VS Code needed by an extension. The query is $.engines["vscode"] and here is the target package.json file on GitHub.

auto-commit-msg

Catalogue

Pre-made badges around languages and tools. Just copy and paste them - no form input needed. If you can't find a badge you're looking for there, use the Generic badge option to make your own.

OS - Linux Made with Node.js

Documentation

User guide for using the app and how setup and run the app yourself

view - Documentation

License

Released under MIT by @MichaelCurrin.

  • You can freely modify and reuse.
  • The original license must be included with copies of this software.
  • Please link back to this repo if you use a significant portion the source code.

badge-generator's People

Contributors

michaelcurrin avatar minhhang107 avatar dependabot[bot] avatar dbelokon avatar jerryhue 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.