图灵社区 阅读 怎样在 markdown输入公式 中使用数学公式

图灵社区 阅读 怎样在 Markdown 中使用数学公式_百度知道
图灵社区 阅读 怎样在 Markdown 中使用数学公式
我有更好的答案
4;函数(Riemann&textstyle&nbsp,这个公式就是黎曼&也是行内公式)都在公式的最开头使用了&function);zeta&nbsp,使得公式按照文本行公式中的字体大小来排版;命令:pi&#47,这个公式是&zeta&于&Machin&nbsp。再来一个公式;年发现的;&#92。要注意的是;John&ζ&nbsp,同时也改变了公式中求和限的排版方式行内公式示例,这三个行内公式(前面的单个希腊字母&nbsp:Riemann_1706&nbsp
其他类似问题
为您推荐:
数学公式的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁Markdown 的目标是易读易写。
Markdown强调可读性高于一切。一份Markdown格式的文档应该能直接以纯文本方式发布,而不致一眼看过去满眼都是标签和格式化指令。Markdown的语法确实受了几种现有的text转HTML过滤器影响--包括 , , , ,, 和
-- 其中对Markdown语法影响最大的单一来源是纯文本的Email格式。
为实现这一目标,Markdown的语法几乎全部由标点符号构成,这些标点符号都是精心挑选而来,尽量做到能望文生义。如星号括着一个单词(Markdown中表示强调)看上去就像 *强调*。Markdown的列表看上去就像列表;Markdown的引文就象引文,和你使用email时的感觉一样。
Markdown的语法为“方便地在网上写作”这一目标而生。
Markdown不是HTML替代品,也不是为了终接HTML。它的语法非常简单,只相当于HTML标签的一个非常非常小的子集。它并非是为了更容易输入HTML标签而创造一种新语法。在我看来,HTML标签已经够容易书写的了。Markdown的目标是让(在网上)让读文章、写文章、修改文章更容易。HTML是一种适合发表的格式;而Markdown是一种书写格式。正因如此,Markdown的格式化语法仅需解决用纯文本表达的问题。
对Markdown语法无法支持的格式,你可以直接用HTML。你不需要事先声明或者使用什么定界符来告诉Markdown要写HTML了,你直接写就是了。
唯一的限制是那些块级HTML元素 -- 如 &div&,&table&, &pre&, &p&等等 -- 必须使用空行与相邻内容分开,并且块元素的开始和结束标签之前不要留有空格或TAB。Markdown足够聪明不会添加额外的(也是不必要的)&p&标签包住这些块元素标签。
下面这个例子,在一篇Markdown文章中添加了一个HTML表格:
这是一个普通的段落。
&td&Foo&/td&
这是另一个普通的段落。
注意一点,不要在块级HTML元素内使用Markdown格式化命令,Markdown不会处理它们。比如你不要在一个HTML块中使用 *emphasis* 这样的Markdown格式化命令。
行内HTML标签 -- 如 &span&, &cite&, 或 &del& -- 在一个Markdown段落里、列表中、或者标题中--随便用。 如果需要,你甚至可以用HTML标签代替Markdown格式化命令。比方你可以直接用HTML标签 &a& 或 &img& 而不使用Markdown的链接和图片语法,随你的便。
不同于这些块级HTML元素,在HTML行内元素内的Markdown语法标记会被正确处理。
自动转换特殊字符
在HTML中,有两个字符需要特殊对待:&和 &。&用于标签开始,&用于标识HTML实体。如果打算把它们当成普通字符,你必须使用反引号转义它们,如&和&。
对一些互联网作家来说,&符号特别使人烦恼。如果你打算写'AT&T',你就得写 'AT&T'。甚至在URL中也得想着转义&符号。比方你打算写:
/images?num=30&q=larry+bird
你就得在A标签中把href属性中的URL编码成:
/images?num=30&q=larry+bird
不用说,这很容易忘。这往往是那些良构HTML站点中最容易出错的地方。
在Markdown中,你尽管自然的使用这些字符,只需要关心那些必要的转义。如果使用在HTML实体中使用&符号,它会保持不变;而在其它场合,它会转换成&。
所以,如果你打算在文章中书写版权符号,你可以这样写:
Markdown不会碰它。然而如果你书写
Markdown就会把它翻译成:
类似的,既然Markdown支持内嵌HTML,如果你使用&作为HTML标签定界符,Markdown就会把它们当成HTML标签定界符。可是如果你书写:
Markdown就会把它翻译成:
然而,在Mardown代码行内标记和块级标记之中,&和&始终会被自动编码。这使得在Markdown文件中书写HTML代码更容易.(相对于纯HTML。如果想在纯在纯HTML里贴一段HTML代码,那才是糟糕透顶,必须对代码中的每一个&和&都转义才成。)
段落和换行
一个段落由一行或多个相关文本行构成。段落之间用一个或多个空行分隔。(一个空行就是一个看上去什么也没有的行--如果一行什么也没有或者只有空格和TAB都会被视为空行)正常的段落不要以空白或TAB字符开始。
一行或多个相关文本行意味着Markdown支持“硬折行”。这一点与其它text转HTML的程序完全不同(包括Moveable Type的“Convert Line Breaks”选项),它们会将段落中的每一个换行符转换成&br /&标签。
如果你确实需要使用Markdown插入一个&br /&换行符,只需要在每一行的末尾以两个或更多个空格符号结束,然后再打回车键。
没错,在Markdown里生成一个&br /&稍稍有一点麻烦,但那种简单的“把每一个换行符都转换成&br /&规则”并不适用于Markdown。Markdown Email风格的 blockquoting 和 multi-paragraph list items更好用 -- 并且更美观 -- 在你用换行符对其格式化时。
Markdown 支持两种风格的标题, 和 .
Setext-风格的一级标题下面一行使用等号符号,二级标题下面使用连字符符号,例如:
这是一个一级标题
=============
这是一个二级标题
-------------
至少有一个=和-就能正常工作。
Atx-风格的标题在每行的开头使用1-6个井号字符,分别对应标题级别1-6。例如:
# 这是一级标题
## 这是二级标题
###### 这是六级标题
如果愿意, 你也可以 &结束& atx-风格的标题。这纯粹是美观考虑--如果你觉得这样会看上更舒服些的话。结束用的井号个数随便,不必与起始井号数量相同 (起始井号的数量决定标题级别):
# 这是一级标题 #
## 这是二级标题 ##
### 这是三级标题 ######
Markdown使用Email风格的 & 字符引用块。如果你熟悉Email中的引用块,你就知道在Markdown中如何使用引用块。如果每一行你都使用硬换行并在行首放一个&符号,看上去会很美观:
& This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
& consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
& Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
& Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
& id sem consectetuer libero luctus adipiscing.
(如果觉得每行写一个&太累,)Markdown允许你偷懒,你只需在硬换行段落的第一行之前放一个&号:
& This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
& Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
id sem consectetuer libero luctus adipiscing.
只需要多加一个&,就得到嵌套的引用块(即引用块中的引用块):
& This is the first level of quoting.
& & This is nested blockquote.
& Back to the first level.
引用块中可包含其它Markdown元素,如标题、列表和代码块:
& ## This is a header.
This is the first list item.
This is the second list item.
& Here's some example code:
return shell_exec(&echo $input | $markdown_script&);
是个象样的文本编辑器都能实现Email风格的引用。比如在BBEdit里,你就可以选中一些文字之后从Text菜单里选择引用级别。
Markdown 支持有序列表和无序列表
无序列表可使用星号、加号和连字符(这几个符号是等价的,你喜欢哪个就用哪个)作为列表标记:
也等同于:
有序列表则使用数字加英文句点:
有一点需要注意,你在列表中输入的标记数字并不会反映到Markdown输出的HTML之中。上面这个列表Markdown会输出为:
&li&Bird&/li&
&li&McHale&/li&
&li&Parish&/li&
即使你写成下面这样:
甚至这样:
都会得到一模一样(但正确的)输出。要点在于,如果你愿意,就在你的Markdown有序列表里顺序使用数字(这样源代码里的顺序和生成的顺序会一致),如果你希望省点儿事,你就不用费心(去手工编号)。
如果你打算偷懒,记住列表的第一行使用数字 1。以后Markdown或许会支持有序列表从任意数字开始(译者注:这儿和前面的例子有点矛盾,原文如此)。
列表标记通常从左边界开始,至多可以有三个空格的缩进。列表标记之后至少要跟一个空格或TAB。
为了让列表看起来美观,你可以使用TAB缩进列表项内容,使其整齐:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi,
viverra nec, fringilla in, laoreet vitae, risus.
Donec sit amet nisl. Aliquam semper ipsum sit amet velit.
Suspendisse id sem consectetuer libero luctus adipiscing.
不过如果你很懒,下面这样也行:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi,
viverra nec, fringilla in, laoreet vitae, risus.
Donec sit amet nisl. Aliquam semper ipsum sit amet velit.
Suspendisse id sem consectetuer libero luctus adipiscing.
如果列表项之间用空行分隔,Markdown就会在HTML输出中使用&p&标签包裹列表项。比如:
生成的HTML如下:
&li&Bird&/li&
&li&Magic&/li&
生成的HTML是这样:
&li&&p&Bird&/p&&/li&
&li&&p&Magic&/p&&/li&
列表项有可能由多个段落组成,列表项的每个后续段落必须缩进至少4个空格或者一个TAB:
This is a list item with two paragraphs. Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Aliquam hendrerit
mi posuere lectus.
Vestibulum enim wisi, viverra nec, fringilla in, laoreet
vitae, risus. Donec sit amet nisl. Aliquam semper ipsum
sit amet velit.
Suspendisse id sem consectetuer libero luctus adipiscing.
像上面这样缩进后续段落的每一行看起来很美观(但稍有些麻烦),如果你比较懒(和我一样),没问题,Markdown支持你:
This is a list item with two paragraphs.
This is the second paragraph in the list item. You're
only required to indent the first line. Lorem ipsum dolor
sit amet, consectetuer adipiscing elit.
Another item in the same list.
要在列表项中使用引用,引用定界符 & 需要缩进:
A list item with a blockquote:
& This is a blockquote
& inside a list item.
要在列表项中使用代码块,代码块需要缩进两次 -- 8个空格或者两个TAB:
A list item with a code block:
&code goes here&
有时候不小心会触发一个有序列表,比方在写类似下面这样的东西时:
1986. What a great season.
换言之, 以数字+句点+空格 序列起始的行会触发有序列表。为避免此情况,要对句点符号进行转义:
1986\. What a great season.
我们经常在写有关编程或标记语言源代码时用到预格式化的代码块。不像格式化普通段落,代码块中的行会按字面进行解释。Markdown对代码块同时使用&pre& 和 &code&标签包裹:
在Markdown中要生成一个代码块,只需要在代码块内容的每一行缩进至少四个空格或者一个TAB。比如:
This is a normal paragraph:
This is a code block.
Markdown会生成:
&p&This is a normal paragraph:&/p&
&pre&&code&This is a code block.
&/code&&/pre&
Markdown会从生成的代码块中删除一级缩进 -- 4个空格或者1个TAB。看下面这个例子:
Here is an example of AppleScript:
tell application &Foo&
&p&Here is an example of AppleScript:&/p&
&pre&&code&tell application &Foo&
&/code&&/pre&
代码块在遇到没有缩进的一行,或者文件末尾时自动结束。
在代码块中,&符号和&、&会自动转换成HTML实体。因此在Markdown中包含HTML源代码只是小菜一碟--粘贴进去,缩进一下。剩下的脏活累活Markdown自会处理。看下面这个例子:
&div class=&sample_footer&&
& 2004 Foo Corporation
Markdown会生成:
Markdown不会解析代码块中的Markdown标记。如代码块中的星号就是星号,失去了它原来的Markdown含义。这意味着你能够使用Markdown编写Markdown自己的语法教程。(就象这篇文章一样)。
如果在一行里只放三个或更多个连字符,或星号或下划线,你就会得到一个水平线标记(&hr /&)。下面每一行都会得到一个水平线:
---------------------------------------
Markdown 支持两种风格的链接: 行内链接 和 引用链接.
两种风格的链接,链接文本都放在中括号之内[square brackets]。
要生成一个行内链接,在链接文本之后紧跟用一对小括号。小括号里放链接地址和可选的的链接title。如果提供链接title的话,链接title要用引号包起来。例如:
这是一个 [an example](/ &Title&) 行内链接。
[这个链接](http://example.net/) 没有title属性。
Markdown会生成:
&p&This is &a href=&/& title=&Title&&
an example&/a& inline link.&/p&
&p&&a href=&http://example.net/&&This link&/a& has no
title attribute.&/p&
如果你打算引用一个本地资源或者同一站点的资源,可以使用相对路径:
如果想进一步了解我,请参阅我的 [关于我](/about/) 页。
引用风格的链接,在链接文本之后紧跟又一对中括号。这对中括号里放的是该链接的标识符(可以理解为别名):
这是一个引用型链接 [示例][id]。
如果你嫌弃两对中括号过于亲密,Markdown允许你在两对中括号之间放一个空格:
这是一个引用型链接 [示例] [id]。
然后,我们可以在文档的任意位置,像下面这样定义链接标识与链接的对应关系(一行一个链接):
&Optional Title Here&
中括号内放链接标识符(行前可选缩进,至多不超过三个空格);
之后紧跟一个冒号;
再后面是一个或多个空格(TAB也行);
接下来是链接URL;
最后面是可选的用双引号或单引号或小括号括起来的链接title。
下面三种链接定义方式是等价的:
&Optional Title Here&
'Optional Title Here'
(Optional Title Here)
注意: Markdown.pl 1.0.1 版本有一个已知的bug,用单引号作为链接title的定界符会出问题。
至于链接URL,还支持使用一对可选的尖括号包裹起来:
&Optional Title Here&
你也可以将链接的title属性放在下一行并使用额外的空格或TAB填充,这样较长的URL会比较美观:
[id]: /longish/path/to/resource/here
&Optional Title Here&
链妆定义仅供Markdown解析器使用。最终输出的HTML当中不会包含链接定义。
链接标识符可以由字母、数字、空格和标点符号组成--不区分大小写。下面这两个链接:
[link text][a]
[link text][A]
是等价的。
隐式链接标识 允许我们省略链接标识,这时链接文本本身就是链接标识。在链接文本之后加一对空的中括号--例如,使用&Google&文本链接到站点,可以这样写:
[Google][]
然后这样定义它的链接:
[Google]: /
链接名字有可能包含空格,不过没问题,这种情况照样正常工作:
Visit [Daring Fireball][] for more information.
然后这样定义这个链接:
[Daring Fireball]: http://daringfireball.net/
链接定义可放于Markdown文档的任意位置。我建议把它们就近放到最先使用它的段落之后。不过如果你更喜欢放到文档末尾,当成某种形式的尾注,随你的便。
下面是一些引用链接的例子:
I get 10 times more traffic from [Google] [11] than from
[Yahoo] [12] or [MSN] [13].
&Yahoo Search&
&MSN Search&
换成隐式链接标识,也可以这么写:
I get 10 times more traffic from [Google][] than from
[Yahoo][] or [MSN][].
[google]: /
&Yahoo Search&
&MSN Search&
上面两种写法最终得到HTML输出是一样的:
&p&I get 10 times more traffic from &a href=&/&
title=&Google&&Google&/a& than from
&a href=&/& title=&Yahoo Search&&Yahoo&/a&
or &a href=&/& title=&MSN Search&&MSN&/a&.&/p&
作为比较,下面这个段落使用Markdown的行内链接风格编写:
I get 10 times more traffic from [Google](/ &Google&)
than from [Yahoo](/ &Yahoo Search&) or
[MSN](/ &MSN Search&).
引用型链接的亮点并不在于它更容易书写,而在于引用型链接让你的文档可读性更好。看看上面的例子:使用引用型链接,段落本身仅81个字符;而使用行内链接的例子,是176个字符。最终输出的HTML则有234个字符。纯HTML中标记字符甚至超过了文本本身。
使用Markdown的引用型链接,源文档更接近于最终的浏览器输出效果。再加上Markdown允许将标记有关的元数据移到段落之外,你尽管添加链接,而不必担心打断文件的故事情节。
Markdown使用星号(*)和下划线(_)作为表示强调。用一个 * 或 _ 包裹的文本会使用 HTML &em& 标签包裹; 用两个 * 或 _包裹的文本会使用HTML&strong& 标签包裹。如:
*single asterisks*
_single underscores_
**double asterisks**
__double underscores__
将会输出为:
&em&single asterisks&/em&
&em&single underscores&/em&
&strong&double asterisks&/strong&
&strong&double underscores&/strong&
你喜欢哪一种风格就用哪一种,唯一的限制就是起始字符与关闭字符必须一致。
强调符号可用于一个单词的一部分:
un*frigging*believable
不过如果你用空格包裹单独的 * 或 _,它们就失去了强调的含义,而成为字面上的星号或下划线。
如果不想让Markdown解释这两个元字符,就转义它:
\*this text is surrounded by literal asterisks\*
要在行内表示部分代码,用反引号(`)包住它。与预格式代码块不同和,行内代码用于段落之内。例如:
Use the `printf()` function.
&p&Use the &code&printf()&/code& function.&/p&
要在一个行内代码中使用反引号(`)本身,用多个反引号作为定界符包住它:
``There is a literal backtick (`) here.``
这样就会得到:
&p&&code&There is a literal backtick (`) here.&/code&&/p&
包住行内代码的反引号定界符可以包括空格--即在起始反引号之后,结束反引号之前可以有一个空格。这使得我们能够在行内代码的开始或结束处使用反引号:
A single backtick in a code span: `` ` ``
A backtick-delimited string in a code span: `` `foo` ``
&p&A single backtick in a code span: &code&`&/code&&/p&
&p&A backtick-delimited string in a code span: &code&`foo`&/code&&/p&
在行内代码中,&和&和&会自动编码为HTML实体,以方便包含HTML标签。Markdown会把下面这行:
Please don't use any `&blink&` tags.
&p&Please don't use any &code&&blink&&/code& tags.&/p&
你也可以这样写:
`—` is the decimal-encoded equivalent of `&`.
&p&&code&—&/code& is the decimal-encoded
equivalent of &code&&&/code&.&/p&
必须承认,要以“自然的”语法把一个图片放到一个纯文本文档之中,确实是一个挑战。
Markdown使用了类似链接语法来表示图片,同样有两种风格:行内图片和引用图片。
行内图片语法示例:
![Alt text](/path/to/img.jpg)
![Alt text](/path/to/img.jpg &Optional title&)
一个感叹号!开头;
其后紧跟一对中括号,中括号内存放图片的alt`属性;
其后紧跟一对小括号,小括号内存放图片的URL或路径,及可选的用双引号或单引号或小括号括起来的图片title
引用图片语法如下:
![Alt text][id]
这里 &id& 是图片引用标识。图片引用定义的语法与链接定义完全相同:
[id]: url/to/image
&Optional title attribute&
在写这篇文章时,Markdown还没有语法指定图片的大小,如果这一点对你特别重要,你可以直接使用&img&标签。
Markdown提供了一种快捷方式&自动地&定义链接和Email地址:直接用一对尖括号把URL或Email地址包住。这表示链接文本就是URL本身,Email文本就是Email本身。这样你就得到了一个可点击的链接,如:
Markdown会将它转换为:
&a href=&/&&/&/a&
自动Email地址工作方式相似,只有一点不同。Markdown自动的用一些十进制和十六进制数字表示你的Email,以防止遭遇垃圾邮件袭击。 例如:
会被转换为:
&a href=&mailto:addre
ss@example.co
m&&address@exa
mple.com&/a&
浏览器会将它渲染为一个可点击的链接,并正确显示 &&。
(这种实体编码的小方法可以骗过一些收集邮件地址的机器人,不过它确实无法骗过所有的机器人。有总比没有强,聊胜于无。能阻止一点就阻止一点好了。)
反斜线转义
Markdown允许你使用反斜线转义那些Markdown元字符,让它们失去原有的“魔力”。举个例子,如果你确实想用星号包住一个词组(而不是想得到&em&标签),就可以在星号之前使用反斜线将其转义。即:
\*literal asterisks\*
Markdown中,以下字符支持使用反斜线转义:
减号(连字符)
感谢shukebeta的辛勤翻译,收藏了。
个人认为这篇的译法更贴近我们的用语。“重译”是有价值的。
之前markdown.tw网站也翻译过这篇:.cn/article/504,您可以看看。
勘个误,在概述最后一段中“如果想在纯在纯HTML里贴一段HTML代码,那……”--& &去掉一个在纯&
本文中小方块里包含红色的字是怎么实现的啊?
列表中写的链接不可用,怎么解决?
好详细!翻译不错。
markdown里面比较麻烦的事情是绘制表格~~有什么好的解决方案么?
对于俺这种不看HTML源码就难受的Web开发者而言,Markdown语法实在让人抓狂,嘿嘿
推荐阅读《偶得新玩具——通用文档转换器Pandoc》(.cn/article/details/680)
及其它两篇与 pandoc 标签相关的文章。图灵社区 阅读 怎样在 Markdown 中使用数学公式_百度知道
图灵社区 阅读 怎样在 Markdown 中使用数学公式
我有更好的答案
内公式示例,这三个行内公式(前面的单个希腊字母 ζ 也是行内公式)都在公式的最开头使用了 &#92:pi&#47。再来一个公式,这个公式是 John Machin 于 1706 年发现的;textstyle 命令,同时也改变了公式中求和限的排版方式。要注意的是,使得公式按照文本行公式中的字体大小来排版;4,这个公式就是黎曼 zeta 函数(Riemann zeta function):Riemann_zeta
其他类似问题
为您推荐:
数学公式的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁在上篇文章中,我们介绍了如何创建一个R-Markdown文档,并在文档中嵌入Plotly图。在本篇文章,我们将介绍如何通过chunk options来控制代码的输出。
像之前那篇文章所讲,如果想嵌入R代码做计算,需要在代码块内编辑。如下所示:
CHUNK OPTIONS
Knitr提供了很多方法来控制文档的最终输出。我们将着重介绍几个常见的。
echo控制R代码块是否可见。设置为FALSE表示隐藏R代码,但会运行代码块并输出结果到文档。如果你只是为了显示而不需要运行一个代码块,设置eval = FALSE即可。
message参数用于设置是否显示控制台输出的信息,message = FALSE表示不显示。
message = TRUE
message = FALSE
在代码块执行完后,控制结果的输出形式。包括文本、图表和图形的输出。有四个取值(更多细节参考http://yihui.name/knitr/options/):
1.markup—标记显示
2.asis—文本显示
3.hold—末尾显示
4.hide—隐藏
results = 'markup'
results = 'asis'
results = 'hide'
图相关选项
fig.*设置用来控制生成的文档中图表的显示情况。下面举例说明。更多细节查看http://yihui.name/knitr/options/
宽度和高度
宽度和高度分别由fig.width和fig.heigh参数控制,默认单位为英寸。如下(示例中用到的diamonds是plotly包自带的数据集):
由graphics和ggplot2得到的图形对齐方式可通过fig.align = 'left'/'right'/'center'分别设置成左对齐,右对齐,居中。下图设置图形居中(默认是左对齐)
如果图形是由plot_ly()函数得到的,需要使用标签。下图得到的文档支持图形在右侧(各个chunk options所代表的意义请参照上面)
通过标签可以将你Plotly账户中的图表嵌入到R—markdown文档里。只需指定src参数为图表的嵌入链接。更多详情可参考http://help.plot.ly/embed-graphs-in-websites/
本文由雪晴数据网负责翻译整理,原文请参考R-MARKDOWN AND KNITR TUTORIAL (PART 2)。转载请注明原文链接http://www.xueqing.cc/cms/article/101
本文目前还没有评论……在图灵社区使用 Markdown 写文章时,如果在一段文字的每行开头加上四个空格,或者一个制表符(Tab),这段文字就会被视为程序代码。这样,就会自动识别所用的编程语言,进行代码染色,语法高亮显示。但是,如果这段程序很长的话,就有两个小问题:
每行的开头要加上空格或制表符,很麻烦。
如果要显示行号的话,就更麻烦了。
因此,我用 C# 语言写了小程序,建设一个 ASP.NET 4 网站来解决上述两个麻烦:
在这个网页中:
Line Count 复选框表示是否需要加上行号。
Prefix 中的的 Space 和 Tab 无线按钮让你选择每行开头是增加空格还是制表符。
Prefix Count 文本框让你输入缩进的层次。默认是缩进一层 。但是如果遇到在有序列表或无序列表中的程序代码,就需要缩进两层,甚至更多层了。
这个网站的总体结构如下所示:
网站的配置文件 Web.config 如下所示:
&?xml version=&1.0& encoding=&utf-8&?&
&configuration&
&system.web&
&httpRuntime requestValidationMode=&2.0& /&
&globalization requestEncoding=&utf-8& responseEncoding=&utf-8& /&
&/system.web&
&/configuration&
网站的 Web 页面文件 CodeFormat.aspx 如下所示:
&%@ Page validateRequest=&false& Language=&C#& inherits=&Skyiv.Ben.Web.CodeFormatPage& %&
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml& &
&head runat=&server&&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&Code Format&/title&
&form id=&form1& runat=&server&&
&asp:Button Onclick=&Submit& Text=&Submit& Runat=&Server& /&
&span style=&background-color:LightB&&
&asp:CheckBox Id=&chkLineCount& Text=&Line Count& Checked=&True& Runat=&Server& /&
&span style=&background-color:LightB&&
&asp:RadioButton Id=&rbnSpace& Text=&Space& Checked=&True&
GroupName=&Prefix& Runat=&Server& /&
&asp:RadioButton Id=&rbnTab& Text=&Tab&
GroupName=&Prefix& Runat=&Server& /&
&span style=&background-color:LightB&&
&Prefix Count:
&asp:TextBox Runat=&Server& Id=&tbxLevel& Text=&1& Columns=&2& MaxLength=&1& /&
&asp:TextBox Runat=&Server& Id=&tbxInput& Wrap=&False&
TextMode=&MultiLine& Columns=&80& Rows=&10& /&
&asp:TextBox Runat=&Server& Id=&tbxOutput& ReadOnly=&True& Wrap=&False&
TextMode=&MultiLine& BackColor=&LightBlue& Columns=&80& Rows=&10& /&
以及对应的后台 C# 代码 CodeFormat.aspx.cs:
1: using S
2: using System.IO;
3: using System.W
4: using System.Web.UI;
5: using System.Web.UI.WebC
6: using Skyiv.U
8: namespace Skyiv.Ben.Web
public class CodeFormatPage : Page
protected TextBox tbxI
protected TextBox tbxO
protected TextBox tbxL
protected CheckBox chkLineC
protected RadioButton rbnT
protected void Page_Load(object sender, EventArgs e)
tbxOutput.Text = string.Format(& OS: {1} ({2}-bit){0}CLR: {3}&,
Environment.NewLine, Environment.OSVersion,
Environment.Is64BitOperatingSystem ? 64 : 32,
Environment.Version);
protected void Submit(object sender, EventArgs e)
var writer = new StringWriter();
new CodeFormat(new StringReader(tbxInput.Text),
writer).Run(chkLineCount.Checked, rbnTab.Checked, GetLevel(tbxLevel.Text));
tbxOutput.Text = writer.ToString();
int GetLevel(string str)
if (!int.TryParse(str, out n)) n = 1;
return Math.Min(5, Math.Max(0, n));
上述程序中:
第 34 至 39 行的 GetLevel 方法读取 Prefix Count 文本框中的缩进层次,返回结果限制在 0 到 5 之间。
第 26 至 32 行的 Submit 方法在 Web 页面中的 Submit 按钮被点击时被调用。
第 29 至 30 行调用 CodeFormat 类的 Run 方法对程序代码进行格式化(加行号、行首空格等)。
下面就是 CodeFormat 类的源程序代码 CodeFormat.cs:
1: using S
2: using System.IO;
3: using System.Collections.G
5: namespace Skyiv.Utils
sealed class CodeFormat
public CodeFormat(TextReader reader, TextWriter writer)
this.reader =
this.writer =
public void Run(bool hasCount, bool isTab, int level)
Write(Read(), hasCount, isTab, level);
List&string& Read()
var lines = new List&string&();
for ( (s = reader.ReadLine()) != ) lines.Add(s);
void Write(List&string& lines, bool hasCount, bool isTab, int level)
var prefix = &&.PadLeft((isTab ? 1 : 4) * level, isTab ? '\t' : ' ');
var format = &{0}& + (hasCount ? &{1,& +
lines.Count.ToString().Length + &}: & : &&) + &{2}&;
var count = 0;
foreach (var line in lines)
writer.WriteLine(format, prefix, ++count, line);
上述程序中:
第 9 至 10 行的 TextReader 和 TextWriter 分别用于读取数据和输出格式化后的结果,这两个类是抽象基类。
在这个网站中,是使用 StringReader 和 StringWriter 派生类,对应于 Web 页面的 tbxInput 和 tbxOutput 文本框。
如果使用 StreamReader 和 StreamWriter 派生类,就可以从输入流读取数据,写到输出流中。
如果使用 Console.In 和 Console.Out,就可以从标准输入读取数据,写到标准输出。
第 23 至 28 行的 Read 方法读取数据到内存的 List&string& 数据结构中。
第 30 至 38 行的 Writer 方法将内存中的数据格式化后写出去。
第 32 行根据 isTab 和 level 参数决定程序代码数据每行的前缀。
第 33 至 34 行根据 hasCount 参数决定行号的内容。
第 34 行的 lines.Count.ToString().Length 是行号所占的宽度。
第 36 至 37 行的循环逐行格式化数据。
最后是 Makefile:
CSC = dmcs
DLL1 = -r:System.Web.dll
../bin/CodeFormat.dll: CodeFormat.aspx.cs CodeFormat.cs
$(CSC) -out:$@ -t:library $(DLL1) CodeFormat.aspx.cs CodeFormat.cs
有了上面的源程序后,执行 make 命令编译整个网站:
dmcs -out:../bin/CodeFormat.dll -t:library -r:System.Web.dll CodeFormat.aspx.cs CodeFormat.cs
这就大功告成了。
看这热情,把图灵社区开源吧 :D
强插行号是不符合语义化原则的,建议用 CSS3 的计数器功能(counter(line)):http://www.w3.org/TR/css3-content/#introduction
大家来个专题吧,用自己熟悉的语言实现之。
前几天我们在讨论Manning图书中的代码注释时,还提到加行号的事,因为书中是用标号括起几行代码,然后正文中加以解释的。用Markdown的代码只能将标号加注在某一行。如果有行号,就可以用文字说明了。
有个问题,如果所有代码都用行号标注,会不会反而影响读者的阅读?尤其是小段代码。
代码:cat /tmp/a | awk '/^
/{a++; sub(/^
& a & &);} !/^
/{a=0;} {}'
This is a normal line.
This is another normal line.
哈哈,高!实在是高!
我用
··· c
...
这种格式就自动添加了行号。上边.是数字1左边的键
解决这个问题很简单阿,
$ set o=$(expr length $(cat /tmp/t|wc -l)) && echo &awk 'BEGIN{i=0}{printf(\&%${o}d %s\n\&, ++i, \$1)}' /tmp/t& & /tmp/render.sh | bash /tmp/render.sh
这样写很丑陋,不过好歹可以满足这个需求;换成脚本就清晰了。简单说下:
1. 统计行数。用wc。
2. 生成一个awk脚本。因为printf %d需要知道偏移。
3. 用Bash执行这个临时awk脚本。(忘了删除它,最好是一个不会冲突的临时文件,用完自动删除之)。
图灵社区不知道能不能搞个网页实现这个功能?这篇文章中已经有全部的源程序了。
这样可以为有这方面需求的作者提供方便。
我没有可用外网公用 IP,没法在外网建立网站。
@梁涛
Unix/Linux 的 awk 的确很好用。这一小段 awk 代码用于给代码加上行号是很不错的,她判断行首有空格者为代码,然后加上连续的等号。碰到行着没有空格的正文,行号又重新归零。如 @梁涛 的例子所示。但是还有个小缺点,行号的不是等宽的,如下所示:
~$ cat /tmp/a | awk '/^ /{a++; sub(/^ /, & & a & &);} !/^ /{a=0;} {}'
在上述程序中,...

我要回帖

更多关于 markdownpad 公式 的文章

 

随机推荐