markdown使用小结
来源:互联网 发布:linux端口占用查看命令 编辑:程序博客网 时间:2024/06/05 00:11
初学时,对不太熟悉的markdown语法,有个简单记录
公式
公式一般用Latex书写,在线Latex编辑器可以使用,有以下几种方法供选择
有然后保存为图片gif格式,使用img标签进行引用。
使用Google Chart的服务器
<img src="http://www.forkosh.com/mathtex.cgi? 在此处插入Latex公式">
给个例子,
<img src="http://www.forkosh.com/mathtex.cgi? \Large x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}">
显示结果为:
- 使用forkosh服务器
<img src="http://www.forkosh.com/mathtex.cgi? 在此处插入Latex公式">
给个例子:
显示结果为(响应太慢,引用图片容易挂掉):
链接
Markdown中有两种方式,实现链接,分别为内联方式和引用方式。
内联方式:
This is an [example link](http://example.com/).
This is an example link.
引用方式:
I get 10 times more traffic from [Google][1] than from [Yahoo][2] or [MSN][3]. [1]: http://google.com/"Google" [2]: http://search.yahoo.com/ "Yahoo Search"[3]: http://search.msn.com/ "MSN Search"
I get 10 times more traffic from Google than from Yahoo or MSN.
换行
有两种方式:
输入两个空格,然后回车;
点两次回车(行间距较大);
有利于美观的话,建议采用第二种方式。
图片居中
实际上markdown背后是HTML语言,所以在图片居中的方式有两种
- 加入HTML语法,使用标签,参考如下:
<center>居中内容</center>
<div align = center>居中内容</div>
- 修改CSS
markdown背后都有自己的CSS样式表,所以修改样式表即可。
img{positon:relative;width:80%;left:10%; /*left为(img父元素元素的width - img元素自己的width)÷2*/}
实际上想实现自己喜欢的任意风格,都可以通过编写HTML和CSS来实现。
代码块
关于代码块的编写,略微要复杂一点,如果要展示某段HTML代码,在markdown编辑器下不能用tab键来指明这是一段HTML代码,这是无效的,你的HTML代码执行起来,而不是代码本身。在测试的时候发现了几个问题,还不是特别明白:
- 如果对HTML整个代码块前后加上反引号,在markdownpad编辑器下,代码依然以执行的方式呈现。但是,在CSDN自带markdown编辑器下,则可以成功以代码的方式呈现;
- 在markdownpad编辑器下,使用两个反引号来表面代码片段时,代码不会换行,所有代码挤在一行,而使用TAB键,则可以分行现实代码。而CSDN编辑器下,不论是采用哪种方式,都能很好的实现代码分行显示;
另外值得注意的是,CSDN的markdown的语法说明中有关于代码块的说明,用前后各一个反引号来指明行内一小段代码,用TAB来指明代码块,用前后三个反引号来指明需要高亮的代码块。
不知道有没有一篇总结的博文来分析这种不同编辑器下的差异性?还是说跟网站自身对HTML的处理有关,比如涉及到代码添加行号,不同语言关键字的高亮等,都会涉及到JavaScript,是这样的吗?。
- Markdown使用小结
- Markdown使用小结
- MarkDown基本使用小结
- markdown使用小结
- markdown使用小结
- markdown 小结
- Markdown小结
- [MarkDown] MarkDown语法小结
- Markdown入门学习小结
- MarkDown常用小结
- markdown常用语法小结
- Markdown入门学习小结
- markdown 语法小结
- Markdown 学习小结
- MarkDown基本语法小结
- 【markdown】markdown简单使用
- Markdown-----Markdown使用文档
- MarkDown(+HTML)写作小结
- R语言(递归分割树[传统决策树])分类模型(一)
- MacPro下搭建Java开发环境
- CSS3学习
- 数据结构 — AVL树(平衡二叉树)
- HDU2870(和HDU1505 1506相同)
- markdown使用小结
- uva116-Unidirectional TSP (动态规划,多段图)
- boost bind使用指南
- ie下 input file 双击问题
- 关于9.png(九妹图)的制作以及作用
- 汇编中一些简单的知识
- String,StringBuffer和StringBuilder
- spark学习起步(一):基本概念
- JTable 的排序+过滤+渲染