使用markdown

一.在windows下使用markdown

• MarkdownPad:MarkdownPad is a full-featured markdown editor for windows.
• Awsomium:一个HTML Engine,可用于C++和.NET,用来显示HTML,相当于控件.
  安装MarkdownPad之后,渲染HTML时需要使用Awsomium.

二.在博客园中使用markdown

博客园的markdown代码样式很丑,可以这样更改

.cnblogs_code pre,
.cnblogs_code span,
.sourceCode .hljs,
.cnblogs-markdown code{
    font-family: Consolas!important;
    font-size: 20px!important;
}

单独使用一个类选择器优先级不够高,要使用多个连续选择器优先级才会变高.博客园的css不知为何总是加些!important来提高优先级,它提高了优先级,我也提高优先级但仍然可能被覆盖,所以要更具体一些,多写几个连续类选择器.

三.markdown语法

学习就是一个反复的过程,不动笔墨不读书.要不停地遗忘,不停地记录.

斜体,加粗,删除线

• 斜体_weidiao_或者*weidiao*
  weidiao weidiao
• 粗体**weidiao**或者__weidiao__
  weidiao weidiao
• 删除线~~weidiao~~
  weidiao
• 粗斜体_**weidiao**is great_
  weidiaois great
  可见_表示的才是正宗的斜体,*表示的才是正宗的粗体.因为_和*是markdown中的特殊字符,所以需要使用\_和*转义显示

链接和图片

• 链接[baidu](www.baidu.com)
  baidu
• 图片![图片不见了](https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png)
  

标题

• ===和---,前者表示一级标题,后者表示二级标题,但是=和-的个数要大于3个
• hr可以用----或者***来表示,但是----的上面必须空一行,否则跟二级标题就分不清了.三个'-'才能表示一个hr,markdown的事不过三原则.

---

这是markdown中的重要原则,凡事都得三个才可以

• ##可以表示6级标题

代码

• 行内式`weidiao`显示为weidiao
• 块式放在三个反撇号之间```,可以写上代码类型
• 对于块式,可以使用一个tab来表示,不用谢六个反撇号

引用

用>和>>来表示,可以有多级引用

weidiao

haha
weidiao

列表

• 有序列表用随意一个数字加个点空一格如

0. one
23. haha
24. 这个数字随便写,最后生成的时候会变成有序

• 无序列表用*或者-空一格
• 任务列表- [ ] 来表示,中括号内是空格或者x,x表示选中,空格表示未选中,这里必须用减号不能用星号.
  - [x] This is a complete item
  - [ ] This is an incomplete item

表格

• 表格一看就懂了
• 表格只能表示为简单的表格,没法表示复杂表格
• 第二行不可省略,它定义了表格的对齐方式,默认左对齐
• 第二行中的减号至少三个

First Header | Second Header
------------ | -------------
Content from cell 1 | Content from cell 2
Content in the first column | Content in the second column

user	sex	school
weidiao	boy	neu
haha	gir	buaa

换行:在每一行的行尾加两个空格之后在按enter

四.markdown语法中显示出的一些原则

• 事不过三,常常至少三个才能产生效果
• 多用空格和换行,列表后面必须空一行才可以表示列表结束

五.markdown中插入数学公式

网页API生成一张图片

• [google chart](http://chart.apis.google.com/chart?cht=tx&chl=LaTeX公式) <img src="http://chart.googleapis.com/chart?cht=tx&chl=Large x=frac{-bpmsqrt{b^2-4ac}}{2a}" style="border:none;">
  google chart
  
• [code cogs](http://latex.codecogs.com/svg.latex?LaTeX公式代码) <img src="http://www.forkosh.com/mathtex.cgi? Large x=frac{-bpmsqrt{b^2-4ac}}{2a}">
  code cogs
  

调用MathJax插件,在html头部插入

<script type="text/javascript"  src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
	<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=default"></script>

这个插件自动解析页面中的latex表达式,latex表达式有行内式和块式,行内式用$括起来,块式用$$括起来.
MathJax中文文档
MathJax英文文档

几个latex表达式

frac{1}{pi}=frac{2sqrt{2}}{9801}sum_{k=0}^inftyfrac{(4k)!(1103+26390k)}{(k!)^4396^{4k}} 
x=frac{-bpmsqrt{b^2-4ac}}{2a}