MarkDown

标题

#h1

##h2

###h3

h1

h2

h3

代码段

代码段缩进4个空格即可,如下:

<div class="form-group">
<div class="col-sm-offset-2 col-sm-4">
<div class="checkbox">
<label>
<input type="checkbox" id="autologin" name="autologin" value="1"> 30天自动登录
</label>
</div>
</div>
</div>

链接

[博客园](http://www.cnblogs.com/cmt)

博客园

图片

![博客园](http://www.cnblogs.com/images/logo_small.gif)

无序列表

这个比较随意,+ - * 都可以表示无序列表,不要忘了后面要加一个空格

  • aaaaaaa
  • bbbbbbb
  • ccccccc

有序列表

只要使用数字后跟一个 . 开头就可以了, 不用在意编号,MarkDown会自动编号

使用四个空格可以实现嵌套的列表

  1. aaaaaaa

    2. aaa

    2. bbb

    3. 111
  2. bbbbbbb
  3. ccccccc

pre-formatted

有三种方式:

  1. 使用三个单引号

    ```language

    你的代码

    ```
  2. 使用四个空格缩进就能识别为代码段了
<div id="pagerdiv">
<table class="table table-bordered table-hover table-striped">
<tr>
<th width="20%">Name</th>
<th width="20%">IP</th>
<th width="20%">Action</th>
</tr>
</table>
<div id="pagerbar" style="margin-top:-20px;"></div>
</div>
class TestCls(object):
"""docstring for TestCls"""
age = 29 def __init__(self, **arg):
super().__init__()
self.arg = arg def SayHello(self, name):
'''
say hello to [name]
'''
print("hello", name)

文字特殊处理

*MarkDown*         #斜体
_MarkDown_ #斜体
**MarkDown** #加粗
__MarkDown__ #加粗

引用

类似WP的blockquote,就是引用一段话用的,我的记忆里好像不用每行都放一个 > 符号, 而且是可以嵌套的

> Reference1
> > Reference2
> > > Reference3

Reference1

Reference2

Reference3

转义

元字符和正则式一样使用\来转义

\\ \` \* \_ \{ \} \[ \] \( \) \# \+ \- \. \!

html效果:

\ ` * _ { } [ ] ( ) # + - . !

屌爆了有木有...

最后

Sublime Text有个markdown preview plugin,写完直接预览,快的不要不要的...

再加上个LiveReload插件,修改保存刷新页面就Reload了。

Preview默认没有配置快捷键,我们加上,同时我喜欢github的parser,样式更美:

{ "keys": ["alt+m"], "command": "markdown_preview", "args": {"target": "browser", "parser":"github"} }

参考

老高的技术博客

开始使用MarkDown写博客的更多相关文章

  1. 新功能发布!Markdown写博客!

    有一种神奇的语言,它比html还简单,它巧妙地将内容与格式整合在一起--它就是Markdown. 现在我们实现了博客对Markdown的内置支持,可以让您轻松地在园子里用这个神奇的语言写博客! &qu ...

  2. 用markdown写博客

    目录 用markdown写博客 前言 标题 段落 引用区块 代码块 列表 分隔线 链接 强调.加粗.下划线.删除线 图片 智能链接 表格 转义序列 用markdown写博客 前言 博客园支持用mark ...

  3. 用markdown写博客,看这一篇就够了

    0. 前言 记得上次用markdown写博客,尽管我有markdown使用经验,但第一篇markdown博客还是不得已的"回滚"了. 传送门:记录一下第一次用markdown写博客 ...

  4. 记录一下第一次用markdown写博客回滚过程

    前面写博客,一直用的是博客园的TinyMCE编辑器, 今天不知道哪根筋搭牢了,想试试用Markdown写. 于是在“选项”里面把默认编辑器修改为“Markdown”,鉴于本人有一定的Markdown基 ...

  5. 教你如何快速上手markdown语法,编写技术博客(史上最全最简,用MarkDown写博客)

    首先,进行有道云笔记官网,新建一份markdown文档, 如下图 然后,在文档编辑区,左边,复制如下段落文字 加粗 斜线 标记颜色 下划线 废弃线 一级标题 二级标题 三级标题 四级标题 五级标题 六 ...

  6. 第一次使用MarkDown写博客,复习指针

    第一次使用MarkDown记录博客,复习指针 创建数组 指针的指针 二级指针的使用 1. 创建数组 - 数组和指针都支持加法和索引 2. 指针的指针 - 使用另一个指针指向数组(用法一致[索引.加法] ...

  7. 使用 Markdown 写博客

    后台设置(左侧边栏区找到-设置默认编辑器). 设置为 Markdown 后保存,即可在编辑新博客时生效.

  8. Markdown写博客

    一级目录 我接下来是不是该写二级目录了 二级目录 如果我用桌面端的Markdown会不会好很多,这个我看不到效果 听说插入表格很麻烦? 列表是这样的? 我还看不出样子 *这个是什么样子啊 引用是这样用 ...

  9. 使用Markdown写博客

    初识Markdown Markdown是一种轻量级的「标记语言」,它的优点很多,目前也被越来越多的写作爱好者,撰稿这广泛使用.Markdown的设计目标是「易读易写」,语法十分简单,常用的标记符号不超 ...

随机推荐

  1. 汇总常用的jQuery操作Table tr td方法

    虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下 ...

  2. Windows环境下使用Clover四叶草引导双硬盘安装OSX 10.11.5原版镜像

    作为一个穷逼大学生,想搞iOS开发 买不起Mac只能鼓捣鼓捣黑苹果啦........ 之前我的电脑通过变色龙引导的方式装了个OSX10.10和win8.1双系统,因为自学的是Swift语言之前装的OS ...

  3. 04、AngularJS的ng-bind、多个控制器和apply

    这篇,讲一下angularjs的ng-bind指令,多个控制器,以及手动触发angularjs的脏检查,我直接把代码贴,顺着代码讲. <!DOCTYPE html> <html> ...

  4. C# XMAL与WPF

    通过老师上课的解释和我下课后的网上查询,我了解到了一些关于这三者的关系.XAML是.NET体系开发程序或者网页时前台编程的一种布局方式或者说开发语言,可以比较自由的用标签的方式进行布局,借鉴了HTML ...

  5. 查看当前正在运行的activity

    找到sdk的安装路径,比如我的是 D:\prostu\Android\android-sdk\tools该路径下的: hierarchyviewer.bat 双击,可以用此工具查看设备跑的是当前的哪个 ...

  6. 读取Excel文件

    绝对路径String filepath= "E:\\a.xls"; public static String getExcelData(File file,String lang, ...

  7. css块级元素,内联元素,内联块状元素

    块元素 什么是块级元素?在html中<div><p><h1><form><ul>之类的就是块级元素.设置display:block是就将元素 ...

  8. ADO.NET Entity Framework

    ADO.NET Entity Framework 是微软以 ADO.NET 为基础所发展出来的对象关系对应 (O/R Mapping) 解决方案, 早期被称为 ObjectSpace,现已经包含在 V ...

  9. FSG报表定义导入

    Copying Report Objects From Another Database (FSG Transfer Program) Run the FSG Transfer program to ...

  10. HTML5学习生涯1--touchmove中遇到的问题

    在使用html5做在手机上显示轮播图片的效果时突然遇到touchmove事件在touchstart事件之后只触发了一次touchmove之后和touchend一起触发了一次,咦,这是怎么回事?怎么不和 ...