美文网首页征服Markdown效率markdownpad
美化Markdown输出的HTML文档

美化Markdown输出的HTML文档

作者: TaXue_WWL | 来源:发表于2015-03-25 20:13 被阅读28004次

    标签:
    markdown
    css
    样式调整
    html文档

    分类: Linux

    可以使用CSS美化markdown编排的文档,以下是几个推荐的CSS文件简介和地址。

    1. 这是一个引用广泛的CSS文件,文档背景采用的浅色。一个比较吸引人的地方,“文本块”左侧使用一根灰色线条区分,非常别致。
      展示地址:http://kevinburke.bitbucket.org/markdowncss/
      使用方法:在markdown文档开头添加
      <link href="http://kevinburke.bitbucket.org/markdowncss/markdown.css" rel="stylesheet"></link>

    2. 以上版式还对应一个深色背景。
      展示地址:https://github.com/yrgoldteeth/darkdowncss
      使用方法:如上,开头添加
      <link href="http://github.com/yrgoldteeth/darkdowncss/raw/master/darkdown.css"rel="stylesheet"></link>

    3. 一个markdown专用的CSS文件集合,包括五种不同的样式。其中浅色背景和深色背景与上述类似;另一个浅色背景,代码部分用方块标记;另外两个浅色背景,使用不同的字体
      展示地址:https://github.com/jasonm23/markdown-css-themes

    参考网址:

    1. http://www.yangzhiping.com/tech/r-markdown-knitr.html

    相关文章

      网友评论

      • 050a0d4988b4:请问一下markdown的文档是哪一个啊
      • 安先生慢面包:markdown尽管可以通过修改css获得较好的效果,但为什么我试过几个方法,想让文章左右留白多一些,用了margin-left, 或则padding-left等方式,都不管用呢?尤其是用手机看,几乎没有起效果。简述文章编辑似乎也是如此。不知有何方法。谢谢。

      本文标题:美化Markdown输出的HTML文档

      本文链接:https://www.haomeiwen.com/subject/uaggxttx.html