Endpoint URL: https://readme-jokes.vercel.app/api
Embed one of these in your README:
<!-- Markdown -->
![Jokes Card](https://readme-jokes.vercel.app/api)
or
<!-- HTML -->
<img src="https://readme-jokes.vercel.app/api" alt="Jokes Card" />
Customize using ?
after /api in the https link, example here with no borders using the hideBorder
parameter.
Markdown method:
![Jokes Card](https://readme-jokes.vercel.app/api?hideBorder)
Image method:
<img src="https://readme-jokes.vercel.app/api?hideBorder" alt="Jokes Card" />
Both methods will produce the following jokes card without border:
To use multiple parameters use '&
' after the first parameter, e.g. ?hideBorder&theme=cobalt&qColor=%23944bcc&aColor=%23bbdb51
will produce a jokes card without border, with cobalt theme, answer color #944bcc and question color #bbdb51 like so:
bgColor
β Background ColorborderColor
β Border ColorqColor
β Question ColoraColor
β Answer ColortextColor
β Normal text ColorcodeColor
β Code ColorhideBorder
β Mention as a value-less parameter to hide bodertheme
β Theme (Must be one of the following)Theme Name | Preview Image |
---|---|
default | |
gradientBlue | |
solidBlue | |
halloween | |
watermelon | |
pinkish | |
daySky | |
radical | |
merko | |
gruvbox | |
tokyonight | |
onedark | |
cobalt | |
synthwave | |
dracula | |
prussian | |
monokai | |
vue | |
vue-dark | |
nightowl | |
buefy | |
blue-green | |
algolia | |
darcula | |
bear | |
solarized-dark | |
solarized-light | |
gotham | |
material-palenight | |
graywhite | |
ayu-mirage | |
calm | |
flag-india | |
omni | |
react | |
blueberry | |
random |
Note: Use URL-encoded #
for color values i.e. %23
eg: #FFF
will be %23FFF
Note: You can also use the URL parameters to customize the themes.
URL eg: https://readme-jokes.vercel.app/api?bgColor=%23073b4c&textColor=%2306d6a0&aColor=%2306d6a0&borderColor=%2306d6a0
Feel free to ask any questions, open a PR if you feel something can be done differently!
Created by Abhinav Sharma & Community | Deployed on Vercel