github-markdown-css - The minimal amount of CSS to replicate the GitHub Markdown style

  •        61

Import the github-markdown.css file and add a markdown-body class to the container of your rendered Markdown and set a width for it. GitHub uses 980px width and 45px padding, and 15px padding for mobile.See generate-github-markdown-css for how it's generated and ability to generate your own.

https://sindresorhus.com/github-markdown-css
https://github.com/sindresorhus/github-markdown-css

Tags
Implementation
License
Platform

   




Related Projects

vmd - :pray: preview markdown files

  •    Javascript

Preview markdown files in a separate window. Markdown is formatted exactly the same as on GitHub. GitHub style: The markdown content is rendered as close to the way it's rendered on GitHub as possible.

markdown-cv - a simple template to write your CV in a readable markdown file and use CSS to publish/print it

  •    CSS

A curriculum vitae maintained in plain text and rendered to html and pdf using CSS. For more details see the project page or the blog post on why I switched to markdown for my CV.

blogdown-jekyll - Automatically knit R Markdown documents, build them with Jekyll, and serve the website with servr locally

  •    CSS

This is a minimal example of a Jekyll-based website using knitr, blogdown, and R Markdown, briefly documented at https://bookdown.org/yihui/blogdown/jekyll.html. After you are satisfied with the local preview, you can either just push the Markdown blog posts to your Github repo (e.g. the gh-pages branch), and let Github generate the website for you, or host the HTML files generated under the _site/ directory on your own server.

octodown - Github markdown previewing straight from your shell.

  •    Ruby

Octodown uses the same parsers and CSS that Github uses for their markdown rendering. Github markdown styling looks beautiful, so it is Octodown's primary goal to reproduce it as faithfully as possible. 🆕 Edit your markdown like a boss with LiveReload.

MarkdownView - MarkdownView is an Android webview with the capablity of loading Markdown text or file and display it as HTML, it uses MarkdownJ and extends Android webview

  •    CSS

MarkdownView (Markdown For Android) is an Android library that helps you display Markdown text or files (local/remote) as formatted HTML, and style the output using CSS. The MarkdownView itself extends Android Webview and adds the necessary logic to parse Markdown (using MarkdownJ) and display the output HTML on the view.


github-markdown-toc - Easy TOC creation for GitHub README.md

  •    Shell

gh-md-toc — is for you if you want to generate TOC for README.md or GitHub's wiki page and don't want to install any additional software.It's more solid, reliable and with ability of a parallel processing. And absolutely without dependencies.

gfms - Github Flavored Markdown Server (GFMS)

  •    Javascript

You can now use the option -a to tell GFMS to render your documents via the Github Markdown Rendering API. For simplicity, the public access is used, which is limited to 60 requests per hour per an IP address. If the mode -a is not specified, GFMS will render your doc via Github API only when you manually reload it in the browser (and on the first load). This way you are less likely ot hit the hourly API limit, because you will only use the API to check for correctness occasionally. Use -n to disable this feature.

godocdown - Format package documentation (godoc) as GitHub friendly Markdown

  •    Go

-- Command godocdown generates Go documentation in a GitHub-friendly Markdown format. This program is targeted at providing nice-looking documentation for GitHub. With this in mind, it generates GitHub Flavored Markdown (http://github.github.com/github-flavored-markdown/) by default. This can be changed with the use of the "plain" flag to generate standard Markdown.

css - :art: CSS: The Good Parts

  •    

The so-called "nico-style" brought to markdown. Because Style Guide.This style guide is a jab at solving collisions between CSS class names, and issues that ultimately lead to confusion, having to use !important rules, copying and pasting style declarations, and similarly awful aspects of CSS development.

GitHub-Dark - :octocat: Dark GitHub style

  •    CSS

📦 Install the usercss which supports automatic updates. 📦 Install GitHub-Dark Script which supports automatic updates and live customization. Refer to its README. 📦 Install from userstyles.org with customization, does not support automatic updates. 📦 Install manually from GitHub with no customization, but useful for development. The style is in Mozilla format. 📦 Install via custom build with customization from configuration file. Refer to this wiki page. ⚙️ GitHub-code-wrap to wrap long lines in code boxes. ⚙️ GitHub-Commit-Limit to show line length limits when editing a commit message. ⚙️ GitHub-FixedHeader to have a fixed header. ⚙️ GitHub-Selected-Tab-Color to customize tab colors. ⚙️ GitHub-tab-size to set a fixed tab size in code.

vim-markdown - Markdown for Vim: a complete environment to create Markdown files with a syntax highlight that doesn't suck!

  •    Vim

I wanted strong support for the Markdown flavor implemented by GitHub. I wanted syntax highlighting that would mirror the result I would find later on GitHub. I wanted syntax highlighting that would not break easily. I wanted syntax highlighting that I could rely on (aka rapid feedback). I wanted something more than mere syntax highlighting. The Markdown Syntax, unfortunately, is so loosely defined that there are flavors of Markdown that are subtly incompatible with each other. The Markdown supported by GitHub is one of them.

grip - Preview GitHub Markdown files like Readme locally before committing them.

  •    Python

Render local readme files before sending off to GitHub. Grip is a command-line server application written in Python that uses the GitHub markdown API to render a local readme file. The styles come directly from GitHub, so you'll know exactly how it will appear. Changes you make to the Readme will be instantly reflected in the browser without requiring a page refresh.

morkdown - A simple Markdown editor

  •    Javascript

Morkdown is primarily designed to render GitHub Flavored Markdown (GFM), so it's ideal for your README.md. When rendering the Markdown, it uses the same syntax highlighter as GitHub (the Python Pygments library) and the styling is near identical to GitHub. Markdown content is parsed using [marked]marked(via brucedown), a JavaScript Markdown parser capable of parsing GFM.Morkdown is a Google Chrome App coupled to a Node server and uses CodeMirror for the editor panel.

archived-morkdown - A simple Markdown editor

  •    Javascript

Morkdown is primarily designed to render GitHub Flavored Markdown (GFM), so it's ideal for your README.md. When rendering the Markdown, it uses the same syntax highlighter as GitHub (the Python Pygments library) and the styling is near identical to GitHub. Markdown content is parsed using [marked]marked(via brucedown), a JavaScript Markdown parser capable of parsing GFM. Morkdown is a Google Chrome App coupled to a Node server and uses CodeMirror for the editor panel.

styledocco - Automatically generate a style guide from your stylesheets.

  •    Javascript

StyleDocco generates documentation and style guide documents from your stylesheets. Stylesheet comments will be parsed through Markdown and displayed in a generated HTML document. You can write HTML code prefixed with 4 spaces or between code fences (```) in your comments, and StyleDocco show a preview with the styles applied, and displays the example HTML code.

Toast UI Editor - Markdown Wysiwyg Editor

  •    Javascript

Today CommonMark is the de-facto Markdown standard. And GFM (GitHub Flavored Markdown) is another popular specification based on CommonMark maintained by GitHub which is known as the biggest Markdown user. ToastUI Editor respects CommonMark and GFM specifications. Write documents with easy and productive tools provided by ToastUI Editor. You can open this document wherever the specifications are supported.

marx - The classless CSS reset (perfect for Communists).

  •    CSS

The classless CSS reset (perfect for Communists). Marx is a CSS stylesheet to be used in any projects (namely small ones). If you don't need the weight of heavy frameworks or you would just like to make an edible website quickly, Marx is perfect for you. It can be used out of the minified box but it can also be customised and styled through the use of HTML classes.