常用Markdown公式整理 && 页内跳转注意 && Markdown preview

目录:

  • 常用Markdown公式及注意事项
    • 标题
    • 列表
    • 链接
    • 区块
    • 代码块 / 引用   
    • 粗体和斜体
    • 文字块
    • 图片
    • 表格
    • 横线
  • 页内跳转注意事项
  • 其他重要需注意
  • Markdown preview

前提:以下都是github显示。

1. 常用Markdown公式及注意事项

1.1 标题

# 这里是一级标题 ## 这里是二级标题 ### 这里是三级标题 #### 这里是四级标题 ##### 这里是五级标题 ###### 这里是六级标题 

显示:

注意到一级和二级标题之下有细横线。

另:一级标题和二级标题亦可如下展示

这里是一级标题

============

这里是二级标题

____________

建议尤其不要用_________写二级标题,因为_________也可以表示分割线,容易混淆。

1.2 列表

无序列表

- 这里是无序列表 - 这里是无序列表 - 这里是无序列表

显示:

注意:-和文本之间至少有一个空格,-可以用*、-来替换。

有序列表

1. 这里是有序列表 2. 这里是有序列表 3. 这里是有序列表

显示:

1.3 链接

[这是链接](http://www.cnblogs.com/echo-coding/)

点击”这是链接“会转到我的博客主页

以下也是链接的表示方式:(每行后面空两格,显示的时候才会分段,否则是连在一起的)

[这是链接1][1] [这是链接2][2] [这是链接baidu][baidu]

[1]:http://www.cnblogs.com/echo-coding/ "boke" [2]:http://www.cnblogs.com/echo-coding/ [baidu]:http://www.baidu.com/ "baidu"

 显示:

1.4 区块

> 这里是区块

> 这里是区块 这里是区块

> 这里是嵌套区块 >> 这里是嵌套区块 >>> 这里是嵌套区块

显示:

注意:如果希望下一行另起一行,上一行末尾加两个空格

1.5 代码块 / 引用

`这是引用`

``` java(type) code here ```

显示:

注意:``是数字1上面的那个符号,单行引用用` `,多行引用用``` ```。且可以指定代码的类型,比如以上的java。

1.6 粗体和斜体

**粗体** , __粗体__ *斜体*, _斜体_

显示:

1.7 文字块

  这里是文字块   代码块的建立是在每行之前加4个空格,或者一个tab,你看我太太太太太太太太太太太太太太太太太太太太太太太太长了   文字块需要和普通段落之间存在空行

显示:

1.8 图片

![这是图片](./apple.jpg "图片")

与链接的用法相似,前面加了一个!

1.9 表格

    I       | am |table ----       |:---:  |----: a          | b    | c 左对齐 |居中|右对齐

显示:

1.10 横线

------

*****

____

以上都可以表示横线,三个及以上的*,-,_即可。

2、页内跳转需注意

github的页内跳转:

### [页内跳转](#跳转到这儿)

######跳转到这儿

需要注意的是,跳转到的地方一定是标题,才会跳转成功

3、其他需注意

markdown是不会因为你回车就另起一行的,需要你手动在行后加两格空格或者再空一行。

目录的建立用的是无序列表 + tab或空格:

* [1.语法示例](#1)

  * [1.1图片](#1.1)

  * [1.2换行](#1.2)

  * [1.3强调](#1.3)

显示:

目前不知道有序列表怎么弄,欢迎指教。

4、markdown preview

这是一个sublime里面的插件,支持网页和html下的预览。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏吾爱乐享

php学习之css选择器(二)

1415
来自专栏hightopo

原 快速开发基于 HTML5 网络拓扑图应

2972
来自专栏九彩拼盘的叨叨叨

CSS 核心技能点

762
来自专栏Android小菜鸡

自定义View学习之路(三)————验证码的实现

走往android的进阶之路,避不开自定义View的学习和绘制。这里以绘制一个可用的验证码为例。开始系统的学习View的绘制。 验证码需求:

791
来自专栏mukekeheart的iOS之旅

iOS学习——Quartz2D学习之UIKit绘制

  在IOS中绘图技术主要包括:UIKit、Quartz 2D、Core Animation和OpenGL ES。其中Core Animation提供动画实现技...

1012
来自专栏偏前端工程师的驿站

CSS魔法堂:display:none与visibility:hidden的恩怨情仇

 还记得面试时被问起"请说说display:none和visibility:hidden的区别"吗?是不是回答完display:none不占用原来的位置,而vi...

1273
来自专栏大数据钻研

前端开发面试题总结之——CSS3

---- 相关知识点 布局、 浮动、 盒子模型、 弹性和模型、 选择器优先级、 居中定位、 兼容性、 hack写法...... 题目&答案 如何理解CSS的盒子...

3294
来自专栏HTML5学堂

CSS3圆角 border-radius

HTML5学堂:圆角是用一段与角的两边相切的圆弧替换原来的直角。在原有网页当中,如果需要实现圆角效果,可以使用背景图的实现,但是这样会造成背景图大小和数量的增加...

3697
来自专栏数据小魔方

条件格式的特殊用法——创意百分比构成图

今天继续跟大家分享条件格式的特殊用法——创意百分比构成图。 ▽▼▽ 上一篇推送已经跟大家介绍过如何通过设置条件格式来完成特殊的单元格字体、填充效果。今天趁热打铁...

3976
来自专栏程序员宝库

手机端页面在项目中遇到的一些问题及解决办法

首先你可能会给页面的 html 和 body 增加了 height: 100%, 然后就可能造成 IOS 上页面滑动的卡顿问题。解决方案是:

1593

扫码关注云+社区