Standard markdown style sheets & themes

  • By Rhio Kim
  • Last update: Nov 25, 2022
  • Comments: 1

introduce

standard markdown style sheets & themes

how to install

$ git clone https://github.com/rhiokim/markdown-css.git
$ cd markdown-css
$ grunt

Running "less:development" (less) task
File build/markdown.css created.
File build/clearness-dark.css created.
File build/clearness.css created.
File build/github.css created.
File build/solarized-dark.css created.
File build/solarized-light.css created.

themes

  • Github
  • Clearness Dark / Light
  • Solarized Dark / Light

how to create your style

light face theme

dark face theme

how use

converted html
">
<link rel="stylesheet" href="assets/css/markdown.css">
<link rel="stylesheet" href="assets/css/[your theme].css">

<body>
  <div class="markdown [your theme]">
    converted html
  div>
body>

advanced

import external libraries

structure less of theme

  • before.less
  • theme.less
@import "before";

.theme {
}

@import "after";
  • after.less
  • plugins.less

build

requirements

grunt-cli

npm install grunt-cli -g

license

MIT

Github

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

Comments(1)

  • 1

    font-family is not Chinese-character friendly

    Currently Chinese characters are rendered ugly :(

    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", AppleSDGothicNeo-Medium, 'Segoe UI', 'Malgun Gothic', Verdana, Tahoma, sans-serif;
    

    How about this:

    font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Segoe UI", Verdana, Tahoma, "Hiragino Sans GB", "Hiragino Sans GB W3", STHeiti, AppleSDGothicNeo-Medium, "Microsoft YaHei", sans-serif;
    

    Or let the system judge the font?

    font-family: sans-serif