Open-Source Repos Ongithub?? ??? ???? ??? ???? readme ??? ??? ???? ?? ??? ????. ?? ?? ?? ?? ?????? ??????.

?? ?? ??? ???? ?? ?? ??? ???? ?? ??? ?????. Next.js? ??????? ??? ??? ??? ?? ??? ??? ??? ?? ????.

??? ???? Github ??? ?? ??? ?? ??? ??????? ????. readme? ?? ?? ???? ?? Github? ??? ?? ???? ???? ?? ??? ??? ? ????.

??? ????? readme ??? ?? github ??? ???? ??? ?? ?? ? ???. Badgen.net??? ??? ???? ???? ?? ??? ??? ??????. ?? ?? ??? ??? ?? ?? ??? ???? ??? ???? ??? ????? ??????. ?????, ??? ??? ??? ?? SVG ??? ???? ? ?? ? ??? ????.

?? : ??? ??? ??????

Github? ??? ???? ?? ?? ??? ?? ?? ?????. ???? ?? ?????. ??? ?? ??? ????? . readme ??? Markdown?? ?????? Markdown? ??? ?? ???? ?????.

 ! \ [Alt Text \] (???? ?? ?? URL)

URL? ???? ???? ? ??? ??? ?? ?? ???? ???? ??? ? ? ??? ??? ???? ????? ?? ?????. ??? ?????? ??? ???? ??? ??? ???? ?? ???? ???? ??? ? ????!

????“?? ??”???? ?? ?? ??? ???? ? ?? ??? ????. ?? ?? ??? ?? ?? ?? ? ???? ???? Badgen.net? ???? GitHub ?? ???? ?? ? ????. ??? ??, ??? ???? ?????? ???? ??? ???? ?? ? ?? Github ??? ?? ? ??? ?? ???? ?? ? ? ????.

???? ?? ???

Badgen.net? ?? ?? ??? ?? ??? : ?? ???? ???????. Badgen API? URL ??? ???? ??? ??? ?? ?????. URL ??? ??? ????.

 https://badgen.net/badge/:subject/:status/:color?icon=github

Badgen.net?? ??, ??? ?? ?? ??? ?? ??? ????. ? ???? ?? ?? ??? ???.

• : ?? : ?????
• : ?? : : ??
• : ?? : ?? : : ???. ???
• : ??? : : ???

??? ??? URL? ??? ?? ????.

 https://badgen.net/badge/hello/world/red?icon=twitter

readme ??? github ??? ?????

?? ??? GitHub Repo? readme ?? ?? ??? ????????. ??? ??? ??? ??? ???? Markdown?? ??? ? ? ????.

 ! \ [? ?? \] (https://badgen.net/badge/hello/world/red?icon=twitter)

Badgen? ??? ??? ????? ???? ???? ??? ?????! ?? ??, ??? ? ??? ???? ??? Github Repo? ?? ? ??? ?? ? ? ????. ??? ??? ??? ?? Star Github ?????. JS Repo ?? ?? :

 https://badgen.net/github/stars/vercel/next.js

? ???! ??? ??? ????? ???? ?? ??? ????? ???? ????????? ? ??? Badgen? ??? HTTPS ?? ???? ???? ???? ?? ?? URL ???? ??? ????.

 https://badgen.net/https/url/to/your/endpoint

?? ??, ??? USD? Bitcoin? ?? ??? ????? ???? ?? ? ???. ???? ??? ??? ???? ??? ?? JSON?? ???? ??? ?? ?? ??????.

 {
  "??": "???",
  "??": "$ 39,333.7",
  "??": "Bitcoin Price USD"
}

?? ???? https://some-endpoint.example.com/bitcoin?? ??? ? ??? ???? ?? URL ???? ???? ???? Badgen?? ??? ? ????.

 https://badgen.net/https/some-endpoint.example.com/bitcoin

??? ? ?????! ??? ??? Github ??? ?? ???? ???? ?? ???? ??? ???????. ? ??? ????? ...

?? ??

??? HTTPS ?? ???? ?? ???? ?? ??? ????. DigitalOcean ?? AWS EC2? ??? ???? Google Cloud Functions ?? AWS Lambda? ?? ???? ??? ??? ? ????. ???, ???? ??? ????? ??? ?? ??? ?? ?? ???? ??? ? ????. ??? ??? ??? ???? ? ?? ???? ?? ? ???? ?? ???? ???? ?? ? ?? ?????.

??? ?? ?? ?? ??? ?? ?? ?? ????????. ?? ?? ?? ??? ???? ????? JSON?? ???? ??? ? ? ????. ????? ?? ??? ????? ?? ???? ?? ??? ? ????.

Badgen? ?? ?? ???? ????? ??? ??? URL ???? ???? ???? ?? ?? ?????? ??????.

 https://badgen.net/https/napkin-examples.npkn.net/bitcoin-badge

GitHub ??? ??? ???? ? ?? ??

????,? ??? ???? ?? ? ??? ?? ??? ?? ? ? ????. ??? ??? "??"??? ???? ???????. ?? ????? ?? ?? ???? ??? ?? ????.

? ??? ????? ??? ??? ??? NPM ??? ???? ??? ??? ?? ? ? ????. Moment.js NPM ???? ???? ?? ??? ??? ?????? Bitcoin? ??? Github ???? ?? ???? ? ??? ?????.

 '?? ??'?? ?? ?? ?? ??
'??'?? ?? ??

const bitcoinprice = async () => {
  const res = await fetch ( "<https:>")
  const json = await res.json ()
  const lastprice = json.usd.last ""

  const [ints, decimals] = lastprice.split ( ".")

  ints.slice (0, -3) ","ints.slice (-3) "? ?????." ??
}

???? ?? ??? (req, res) => {
  const btc = bitcoinprice ()? ?????.

  res.json ({
    ??? : '?? ??',
    ?? :`Bitcoin Price USD ($ {moment (). ?? ( 'h : mma')})`,
    ?? : '???',
    ?? :`\\ $$ {btc}`
  })
}</https:>

??? github?? readme ????? ? ? ??? ???? ? ??? ??? ?? ? ????. Github? ?? ???? ???? ?? ??? ????? ???? ?????.

Github? ?? ???? ???? ?? ?? ?? JavaScript ?? ??? ?? ??? ?????. ??? Github? ???? ?? ? ?? ??? ???? ?? ????? ??? ???? (?? ??? ??? ?? ? ??? ?? ??). ? ??? TTL? ? 5-10 ????.

??, ??? ?? ??.

????? ??? SVG ??

??? ??? ?? ??? ???? ??? ??? SVG? ?? ?? ???. ??? ??.js Repo?? ? ??? ??? ?? ???? ??? ? ????.

GitHub ??? ???? ?? ??? ? ???? ?? ??? ?????. ??????. ??? ??? ??? ? ?? ??? ??? ????.

Badgen? ??? SVG? ???? ???? ?? ?? ?? ???? ?? ?? ??? ? ????. Site-Status-Badge?? ??? ?? ??? ??? ???.

? ??? ??? example.com? ?????. ?? ??? 200 ? ?? ?? ??? SVG ??? ?????. ??? ??? ?? ??? ?????. ??? ??? ? ??? ??? ?? ??? ??? ???????.

 '?? ??'?? ?? ?? ?? ??

const site_url = "<https:>"

// <https:>?? ?? svgs
const customUpbadge = ''
Const CustomDownBadge = ''

const issiteup = async () => {
  const res = await fetch (site_url)
  ?? Res.ok
}

???? ?? ??? (req, res) => {
  const forcefail = req.path? .endswith ( '/400')

  Const Healthy = AWAIT ISSITEUP ()
  res.set ( 'content-type', 'image/svg xml')
  if (Healthy &&! forcefail) {
    res.send (buffer.from (customupbadge) .tostring ( 'base64'))
  } ? ?? {
    res.send (buffer.from (customdownbadge) .tostring ( 'base64'))
  }
}</https:></https:>

example.com ???? ?? ? ? ??? ?? ???? ?? ????? ??????? ?? ForceFail ???? ??????. ?? ?? ?? ??? URL ? A /400? ???? ?? ? ? ????.

 ! \ [?? ? \] (https://napkin-examples.npkn.net/site-status-badge/)
! \ [?? ?? \] (https://napkin-examples.npkn.net/site-status-badge/400)

?? ???

??? ??? ??? ??? ??? ????! Github ?? ??? ???????. ??? ??? ??? ?????. ?? ?? ??? ?? ????? ?? ??? ????. ???? ???? ? Readme Sparkle? ?????! ?

? ??? REPO? ??? ?? GitHub ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!