Minimalist Online Markdown Editor是一个Markdown在线编辑器,可以实时预览编辑后的效果。
你还未登录，请选登录!
分享HTML我帮您
收款人：邓志锋 luc***@
收款人：向html580网站(**锋)付钱1052人阅读
Markdown初使用总结：
最近在做APP用户使用手册时，使用了一门新的技术-markdown，网上对它的介绍是：一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。简单来说就是使用简单的语法，将文字进行样式跳转，保存文档可导出成html，pdf等多种格式文件。
以下是简单介绍我在使用过程中遇到内容，关于其他一些文档样式介绍，网上资料也很多，不一一列举。
<span style="color:#.&&&&标题字体
<span style="color:#.&&&&列表
<span style="color:#.&&&&插入图片（使用相对路径）注：生成html文件，要显示文件里的图片，需在存放该html文件夹下创建image文件夹，将使用到的文件放入该image文件夹下，再打开html文件就可显示图片。
关于Markdown编辑器，可以下载，也可以使用在线编辑器。我使用的是在线编辑器：“mahua”，网址：
这里需提醒，有的编辑器是支持html语言，有的编辑器则不支持。“mahua”这款编辑器是支持插入html语言的。
关于调整字体样式，字体颜色，以及文字居中等调整段落样式，markdown目前没有相关语法支持，这里可使用支持html标签语言的编辑器，添加html语言，例子如下：
&P align=center&&/P&
&P align=center&&font face=&黑体& color=#000000 size=3 &个人主要信息&/font&&/P&
&P align=center&&font face=&黑体& color=gray size=2&显示个人主要信息，点击可进行更换头像，可从相册中选择图片，也可直接拍照上传。&/font&&/P&
markdown官方说明网站：
markdown语法说明中文版：
以上就是使用markdown生成html文件的方法，因为时间的原因，只是简单的使用，觉得还是挺方便的。
使用使用Markdown设置文档样式，生成html文件，在App中使用webView进行导入。
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：33535次
排名：千里之外
原创：27篇
评论：35条
(1)(1)(2)(1)(1)(2)(1)(3)(3)(2)(1)(1)(1)(4)(3)(6)(2)7461人阅读
MarkDown（2）
LaTeX（18）
本系列文章由 @YhL_Leo 出品，转载请注明出处。
文章链接：
Markdown 是一种轻量级的「标记语言」，它的优点很多，目前也被越来越多的写作爱好者，撰稿者广泛使用。看到这里请不要被「标记」、「语言」所迷惑，Markdown 的语法十分简单。常用的标记符号也不超过十个，这种相对于更为复杂的HTML 标记语言来说，Markdown 可谓是十分轻量的，学习成本也不需要太多，且一旦熟悉这种语法规则，会有一劳永逸的效果。
它用简洁的语法代替排版，而不像一般我们用的字处理软件 Word 或 Pages 有大量的排版、字体设置。换句话说，它本身是不支持修改字体、字号与颜色等功能的，如果你想做出Word或Pages等高质量的文档，对于MarkDown来说是相当吃力的。对于完美主义者来说，并不满意，非要折腾一下下！
从，获知这家伙与，HTML有着千丝万缕的联系。用过后面这两个工具或者语言的都知道：LaTex对于数学公式、符号的排版堪称完美，是生成高印刷质量的科技和数学类文档的首选（例如大量的学术期刊、会议文章，书籍等都采用LaTex编写）；而HTML作为一种超文本标记语言，制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一。
因此，如果想让我们的MarkDown文档做得更加高逼格、更加完美，让它复杂一丢丢，加入一些其他工具或语言的内容，又何尝不可。这么想的不止我一个人，MarkDown现如今已有很多衍生版本，我尝试过CSDN，，，的MarkDown版本，每一个拓展版本对于MarkDown原版本都进行了调整（如表格、脚注、内嵌HTML，内嵌LaTeX等）。于是现在可以看到拓展后的MarkDown功能越来强大，以至于最近看到几篇帖子关于RMarkDown： 这里就不多废话了，下面以最常用的三点进行简单阐述，如何通过引入LaTeX和HTML语言改善单一的MarkDown写作（以CSDN MarkDown为例，各个版本之间是有差异的，使用时需要斟酌）。
1 字体、颜色、字号
MarkDown全篇是统一使用黑色微软雅黑字体，字号默认为3，而HTML却可以像Word那样灵活，引入大量字体包、颜色和字号，例如在MarkDown：
Hello world
face="黑体"& 黑体: Hello world &
face="STCAIYUN"& STCAIYUN: hello world &
face="Terminal"& Terminal: Hello world &
face="Consolas"& Consolas: Hello world &
face="Consolas" size=3 color=#DC143C& Consolas,2,#DC143C: Hello world &
face="Consolas" size=4 color=(220, 20, 60)& Consolas,2,(220, 20, 60): Hello world &
face="Consolas" size=5 color=Crimson& Consolas,2,Crimson: Hello world &
face="Consolas" size=7 color=#0099ff& Consolas,2,Crimson: Hello world &
Hello world
黑体: Hello world
STCAIYUN: hello world
Terminal: Hello world
Consolas: Hello world
Consolas,2,#DC143C: Hello world
Consolas,2,Crimson: Hello world
Consolas,2,Crimson: Hello world
Consolas,2,Crimson: Hello world
font主要包含三个参数：字体（face），字号（size）和颜色（color），顺序可调，也可缺省。size的可选范围为1-7，小于1的数值等价于1，超过7的数值等价于7）；color的赋值既可以使用颜色名，例如Blue，Black，Crimson等，也可以使用十六进制的颜色值#0000FF，#000000，#DC143C等，如果想了解更多，可以阅读博客：。
2 数学字符及公式
再来看数学字符及公式，MarkDown中使用标识符$$和$$$$即可表示引入LaTeX语法，前者使用时不换行，即在所使用位置使用LaTeX的格式，后者会换行后居中，例如：
f(x;\mu,\sigma^2) = \frac{1}{\sigma\sqrt{2\pi}} e^{ -\frac{1}{2}\left(\frac{x-\mu}{\sigma}\right)^2 } \tag{1}
where $\mu$ is the mean value, $\sigma^2$ is standard deviation.
f(x;μ,σ2)=1σ2π--√e-12(x-μσ)2(1)
where μ is mean value, σ2 is standard deviation.
下面列出一些基本的LaTeX公式命令
2.1 部分希腊字母
\Gamma \varGamma
\Delta \varDelta
\Theta \varTheta
\Lambda \varLambda
\Pi \varPi
\Sigma \varSigma
\phi \varphi
\Phi \varPhi
\Omega \varOmega
2.2 部分运算符
2.3 积分运算符
\sum_{i=1}^{N}
\int_{a}^{b}
\prod_{i=1}^{N}
\iint_{a}^{b}
\bigcup_{i=1}^{N}
\bigcap_{i=1}^{N}
2.4 其他符号
\sqrt[3]{2}
\frac{1}{a}
\lim_{x \to 0}
2.5 不得不说的矩阵和条件表达式
分别举出一个例子，就应该可以对其完全领悟：
\left[ \begin{matrix}
b_{1}&c_{1}& & & &0 \\
a_{2}&b_{2}&c_{2}& & & \\
&a_{3}&b_{3}&\ddots& &
& &\ddots&\ddots&c_{n-1} & \\
0& & & &a_{n}&b_{n}
\end{matrix}\right]
\left[ \begin{matrix}
\end{matrix}\right]
\left[ \begin{matrix}
\end{matrix}\right]
\begin{cases}
\begin{array}{lcl}
\cfrac{c_i}{b_i}
& & ; i = 1 \\
\cfrac{c_i}{b_i - a_i c'_{i - 1}}
& & ; i = 2, 3, \dots, n-1 \\
\end{array}
\end{cases}
???????????b1a20c1b2a3c2b3???cn-1an0bn????????????????????x1x2x3?xn?????????=?????????d1d2d3?dn?????????(2)
c′i=???????????cibicibi-aic′i-1;i=1;i=2,3,…,n-1(3)
3 图片排版
以网络上的一段图文为例：
&DIV ALIGN="CENTER"&
&TABLE&&CAPTION ALIGN="BOTTOM"&&STRONG&Fig 1:&/STRONG& Rigidly terminated string with the simplest frequency-dependent loss filter.
All loss factors (possibly including losses due to yielding terminations) have been consolidated at a single point and replaced by a one-zero filter approximation.&/CAPTION&
Fig 1: Rigidly terminated string with the simplest frequency-dependent loss filter.
All loss factors (possibly including losses due to yielding terminations) have been consolidated at a single point and replaced by a one-zero filter approximation.
当然也可以简化只使用&center&：
关于图片大小的显示问题，可以阅读博客：。
至于更复杂的操作，可以查阅更多资料。对于使用一些网页上不错的用法时，建议可以通过查看网页源码，找到对应的HTML源码，稍作调整即可应用到文档写作中：
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：649784次
积分：8134
积分：8134
排名：第2471名
原创：143篇
转载：12篇
评论：402条
(1)(1)(3)(3)(5)(3)(3)(1)(7)(9)(8)(3)(17)(17)(12)(25)(15)(13)(4)(6)美化Markdown输出的HTML文档 - 简书
美化Markdown输出的HTML文档
可以使用CSS美化markdown编排的文档，以下是几个推荐的CSS文件简介和地址。
这是一个引用广泛的CSS文件，文档背景采用的浅色。一个比较吸引人的地方，“文本块”左侧使用一根灰色线条区分，非常别致。展示地址：使用方法：在markdown文档开头添加
&link href="http://kevinburke.bitbucket.org/markdowncss/markdown.css" rel="stylesheet"&&/link&
以上版式还对应一个深色背景。展示地址：使用方法：如上，开头添加
&link href="/yrgoldteeth/darkdowncss/raw/master/darkdown.css"rel="stylesheet"&&/link&
一个markdown专用的CSS文件集合，包括五种不同的样式。其中浅色背景和深色背景与上述类似；另一个浅色背景，代码部分用方块标记；另外两个浅色背景，使用不同的字体展示地址：
参考网址：
文字，是我内心的悸动。
笔直向前，自强不息。
http://www.wuwenliang.net为知笔记 Markdown 新手指南
Markdown 是什么
Markdown 是一种轻量级标记语言，创始人为约翰·格鲁伯（John Gruber）。它允许人们「使用易读易写的纯文本格式编写文档，然后转换成有效的XHTML(或者HTML)文档 」—— 维基百科
如果你看不懂以上维基百科对 Markdown 的定义，就当这段掐了没播。约翰·格鲁伯自己对Markdown的描述的重点也在于 「easy-to-read，easy-to-write」。
那么到底 easy 在哪里呢？
虽然称作 「标记语言」，但简单理解 Markdown 就是在文本前增加符号来表示文本格式。你不需要关心标题多大号，列表缩进多少，是否对齐，只要使用了同一种符号标记，Markdown 已经帮你做好了排版。
无图无真相：
Markdown 的好处
编辑，不用操心排版你只需要把注意力放在内容上。笔者在用 Markdown 之前，打开word 先想想，标题用啥字体呢，几号字呢？不知不觉我的意志力就被消耗了。实际上所谓排版，不就是作者的思路以及内容的层级和结构么，在学会使用 Markdown 之后，几个简单的符号就把这些事儿搞定，样式还特别工整精美。
修改，不用担心排版想想那些你在同事之间改来改去的 word 文档吧，如果哪位童鞋从外部粘贴了一段带格式的文字，那么你再次打开文档时会发现整个人都不好了：格式被改的乱七八糟，还要重新调整。如果用 Markdown 群组笔记 ，想改哪里改哪里，根本不用担心格式，改完评论里直接 @TA，多轻松！
一句话来说，Markdown 是用最简单的方式，零排版成本，写出布局工整、阅读舒适的笔记。减少干扰，降低成本，提高效率，不管在什么设备上，看起来都是一个工整的样子。不仅自己阅读爽，分享给朋友也有面儿不是~
那些牛人都在用
阳志平在 2012 年就发博客推崇了一下 Markdown，但那篇文章虽解读深刻，但也略显极客，把Markdown 不仅能排版，能做流程图，还支持数学公式的特性介绍了一遍，连科技论文都要选择 Markdown 都涉猎到了。有兴趣阅读的童鞋可查看。
很多在线博客和内容社区都提供 Markdown 编辑器，不仅在阅读上带来了舒适、统一、美好的体验，每一个参与写作的人，也能够毫不费力地写出排版整齐的文章来。
如何在为知笔记上创建 Markdown 笔记
为知笔记所有客户端都支持 Markdown ，有两种方法可以创建 Markdown 笔记
第一种：在笔记标题后面加 .md ，编辑并保存后，即可看到渲染后的效果
第二种：在移动端直接创建 Markdown 笔记
编辑完成后，点击 「保存」 按钮，即可看到格式精美的笔记啦！
来个小技巧
不管我再怎么说 Markdown 的语法记忆负担小、简单，在最初你都会有点儿晕。在这里给大家分享个小技巧：
最初只需要记住 # 标题一、## 标题二、1. 第一点、* 这一点，用这几个写写日志、需求文档、小文章，排版上足够了；
逐渐的你发现有些文字需要重点指出，那么还可以使用 **加粗**、*斜体* 来对文字做重点说明；
如果你是名程序员，那么可以用 ```
把代码块包起来，渲染后可以关键字高亮，用 & 可以做引用 ；
学生的话，就去了解一下 LaTex 吧，为知笔记 Markdown 支持 Mathjax 公式渲染哦~
Markdown 格式标记符号说明
在行首插入 1 到 6个#，分别表示标题 1 到标题 6
# 这是标题1
## 这是标题1
###### 这是标题6
点击保存后的效果：
2. 有序列表
在行首增加 1.、2.、3.，即数字和英文句点, 注意句点与文字中间有空格。不要求数字一定要连续，可以都是1.
1. 有序列表
1. 有序列表
4. 有序列表
点击保存后的效果：
3. 无序列表
在行首增加 * 或 - 与文字之间有空格
* 无序列表
* 无序列表
点击保存后的效果：
4. 插入图片
可直接粘贴图片，或将图片文件拖动到光标处。
也可以使用标准的Markdown语法，如：
5. 插入链接
[描述](链接地址) ，例如：[为知笔记]()，注意要使用英文符号
点击保存后的效果：
6. 粗体、斜体、删除线
粗体：在文字前后添加 ** (注意符号与文字间不要有空格）
斜体：在文字前后添加 *
删除线：在文字前后添加 ~~
~~删除线~~
保存后的效果：
在文字前 添加 &
点击保存后的效果：
如果你无法简洁的表达你的想法，那只说明你还不够了解它。 -- 阿尔伯特·爱因斯坦
| 为知笔记|更新 | 版本 |
|------------|-----------|--------|
| WizNote | Markdown| Latest |
点击保存后的效果：
在代码前后增加 三个反单引号：```
int i = 0; i = 1;
for (int i = 0; i & 100; i++)
printf("hello markdown!\n");
保存后的效果：
如果需要指定语言， 在开头的``` 后紧跟具体语言，如: ```java
在任何你想要展示Markdown 笔记目录的地方，添加 [TOC] ， 在阅读模式下，标题1~6样式的内容会被提取出来作为目录，相当于大纲功能。
###Markdown 是什么
####Markdown 的好处
点击保存后的效果：
11. Mathjax 公式
可以创建行内公式，例如：$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$
或者块级公式，
$$ x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$
点击保存后的效果：
12. 流程图
st=&start: Start
e=&end: End
op1=&operation: My Operation
sub1=&subroutine: My Subroutine
cond=&condition: Yes or No?
io=&inputoutput: catch something...
st-&op1-&cond
cond(yes)-&io-&e
cond(no)-&sub1(right)-&op1
保存后效果：
1) 关键词（start、end、operation、subroutine、condition和inputoutput）后的冒号后要紧跟一个空格。
2) 使用-&来连接两个元素，对于condition类型，有yes和no两个分支，如示例中的cond(yes)和cond(no)。
更多关于流程图的语法说明：
13. 时序图
```sequence
Alice-&Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob--&Alice: I am good thanks!
保存后效果：
更多关于时序图的语法说明：
在要添加注释的词语后面增加 [^1] ,结尾加入[^1]：空格 注释内容
点击保存后的效果：
欢迎到发帖讨论