github-markdown-css 使用简解，markdown文案格式优化

1、npm 安装

$ npm install github-markdown-css

2、使用

导入github-markdown.css文件

import：

import 'github-markdown-css/github-markdown.css'

添加：markdown-body的class即可

并设置markdoen-body样式

.markdown-body {box-sizing: border-box;min-width: 200px;max-width: 980px;margin: 0 auto;padding: 45px;
}@media (max-width: 767px) {.markdown-body {padding: 15px;}
}

感谢作者：github：https://github.com/sindresorhus/github-markdown-css

github-markdown-css 使用简解，markdown文案格式优化（笔记）相关推荐

[02]简书markdown教程
1 支持 Markdown 的编辑器 Windows 推荐 Sublime Text 3,强大优雅的编辑器. MarkdownPad,一款可以直接预览排版效果的编辑器. Mac 推荐 Ulysess, ...
Mweb markdown CSS预览样式简单修改方法
Mweb markdown CSS预览样式修改方法 1.先将markdown导出为html 2.用谷歌浏览器打开html 3.打开开发者工具 4.选中要修改的样式 5.找到mweb对应的格式修改样式 ...
markdown css样式
markdown css样式样式一 :root {--side-bar-bg-color: #fff;--control-text-color: #777; }/* cyrillic-ext */ ...
Markdown常用语法详解
背景知识什么是html html是一种网页标记语言.我们平常见到的那么好看的网页就是通过html语言来编写的. html语言举例: <h1>hello world</h1> ...
有道云笔记 - Markdown模板(文首附markdown源码，即.md文件)
有道云笔记 - Markdown模板附本文的Markdown源码镜像: https://github.com/yanglr/AlgoSolutions/blob/master/Youdao_Not ...
Markdown的前世今生 + CSDN的Markdown语法和使用大全
带你理解Markdown的前世今生 + CSDN的Markdown语法和使用大全带你理解Markdown的前世今生 1. 码字面临的困境 2. 亚伦·斯沃茨的故事 3. Markdown的特点 4. ...
印象笔记终于支持Markdown了！你还会再用其他笔记吗？
Markdown 是什么? Markdown 是一种轻量级的「标记语言」,创始人为约翰·格鲁伯,用简洁的语法代替排版,目前被越来越多的知识工作者.写作爱好者.程序员或研究员广泛使用.其常用的标记符号不 ...
爬虫5-BeautifulSoup模块简解2
1.BeautifulSoup简解2 from bs4 import BeautifulSoup import re file = open("./baidu.html",'rb' ...
css无效 https_【CSS非全解02】CSS基础-文档流
基本概念文档流 mdn 块.内联.内联块? margin合并两种盒模型文档流 Normal Flow 流式布局 mdn 文档流动方向从左到右:"https://developer.m ...

github-markdown-css 使用简解，markdown文案格式优化（笔记）

github-markdown-css 使用简解，markdown文案格式优化

github-markdown-css 使用简解，markdown文案格式优化（笔记）相关推荐

最新文章

热门文章