GitHub Embed | DevsDay.ru

IT-блоги • GitHub Embed

dev.to 4 мая 2024 г. Sh Raj

GitHub logo SH20RAJ / ShowdownCSS

Hey there! Welcome to ShowdownCSS, the CSS library made for styling Markdown content parsed by Showdown! 🚀

ShowdownCSS 🎨

License GitHub stars GitHub issues Visitors

Hey there! Welcome to ShowdownCSS, the CSS library made for styling Markdown content parsed by Showdown! 🚀

Spice up your Markdown content! 🔥

Features

  • Styling for Markdown elements like headers, paragraphs, lists, code blocks, blockquotes, tables, links, and horizontal rules.
  • Different themes available, with the default one provided.

Installation

You can include ShowdownCSS in your project using a CDN:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/SH20RAJ/ShowdownCSS@main/showdown.css">

Usage 🤓

  1. First, make sure you have a Markdown file ready to go! 📄

  2. Include ShowdownCSS in your HTML file:

    <head>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/SH20RAJ/ShowdownCSS@main/showdown.css">
</head>

  3. Wrap your Markdown content in a div with the class .showdowncontainer:

    <div class="showdowncontainer">
  <!-- Your Markdown content goes here! -->
</div>

  4. That's it! 🎉 Your Markdown content inside .showdowncontainer will now be styled…

View on GitHub

GitHub logo SH20RAJ / ShowdownCSS

Hey there! Welcome to ShowdownCSS, the CSS library made for styling Markdown content parsed by Showdown! 🚀

ShowdownCSS 🎨

License GitHub stars GitHub issues Visitors

Hey there! Welcome to ShowdownCSS, the CSS library made for styling Markdown content parsed by Showdown! 🚀

Spice up your Markdown content! 🔥

Features

  • Styling for Markdown elements like headers, paragraphs, lists, code blocks, blockquotes, tables, links, and horizontal rules.
  • Different themes available, with the default one provided.

Installation

You can include ShowdownCSS in your project using a CDN:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/SH20RAJ/ShowdownCSS@main/showdown.css">

Usage 🤓

  1. First, make sure you have a Markdown file ready to go! 📄

  2. Include ShowdownCSS in your HTML file:

    <head>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/SH20RAJ/ShowdownCSS@main/showdown.css">
</head>

  3. Wrap your Markdown content in a div with the class .showdowncontainer:

    <div class="showdowncontainer">
  <!-- Your Markdown content goes here! -->
</div>

  4. That's it! 🎉 Your Markdown content inside .showdowncontainer will now be styled…

View on GitHub

Источник: dev.to

Наш сайт является информационным посредником. Сообщить о нарушении авторских прав.