Markdown:入门

学习资料:《献给写作者的 Markdown 新手指南》

本文作者:keloli

开始学习:

知识点1:标题分级

在 Markdown 中,你只需要在文本前面加上 # 即可,同理、你还可以增加二级标题、三级标题、四级标题、五级标题和六级标题,总共六级,只需要增加 # 即可,标题字号相应降低。 注:# 和「一级标题」之间建议保留一个字符的空格,这是最标准的Markdown 写法。 使用示例:

一级标题

二级标题

三级标题

六级标题

知识点2:列表

列表格式也很常用,在 Markdown 中,你只需要在文字前面加上 - 就可以了。 例如: 无序列表: 代码:

- 文本
- 文本
- 文本

显示效果:

  • 文本
  • 文本
  • 文本

有序列表: 代码:

1. 文本1
2. 文本2
3. 文本3

显示效果:

  1. 文本1
  2. 文本2
  3. 文本3

注:-1.和文本之间要保留一个字符的空格。

知识点3:添加超链接和图片

在 Markdown 中,插入链接不需要其他按钮,你只需要使用[显示的文本](链接地址)这样的语法即可。 例如:

[OpenCV](http://opencv.org/)

显示效果为: OpenCV 点击蓝色文字即可跳转到"http://opencv.org/"这个网站。 在 Markdown 中,插入图片不需要其他按钮,你只需要使用 ![](图片链接地址) 这样的语法即可。 例如:

![](http://upload-images.jianshu.io/upload_images/984652-340b94f1157fda84.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

显示效果为:

知识点4:引用

在我们写作的时候经常需要引用他人的文字,这个时候引用这个格式就很有必要了,在 Markdown 中,你只需要在你希望引用的文字前面加上 > 就好了。 例如:

> 这段文字引用自OpenCV中文网

显示效果为:

这段文字引用自OpenCV中文网

注:> 和文本之间要保留一个字符的空格。

知识点5:粗体和斜体

Markdown 的粗体和斜体也非常简单,用两个 * 包含一段文本就是粗体的语法,用一个 * 包含一段文本就是斜体的语法。 例如:

*这段文字(斜体)*引用自**OpenCV中文网(粗体)**

显示效果为: 这段文字(斜体)引用自OpenCV中文网(粗体)

知识点6:代码的引用

需要引用代码时,如果引用的语句只有一段,不分行,可以用 ` 将语句包起来。 如果引用的语句为多行,可以将```置于这段代码的首行和末行。 效果如下:

单行代码引用效果: #include<iostream>

多行代码引用效果:

#include "stdafx.h"
#include <conio.h>
#include <include_opencv320_gpu.h>
#include <opencv2/core/core.hpp>
#include <opencv2/highgui/highgui.hpp>

using namespace std;
using namespace cv;

int main( )
{
    Mat srcImage;
    Mat tortImage;
    const char *srcImageName = "D:\\image_retrieval\\sln\\SiftPractice\\PicLib\\1.jpg";
    const char *tortImageName = "D:\\image_retrieval\\sln\\SiftPractice\\PicLib\\2.jpg";
    srcImage = imread( srcImageName );
    tortImage = imread( tortImageName );

    namedWindow( "原图窗口" , CV_WINDOW_NORMAL );//CV_WINDOW_NORMAL参数表示用户可以改变窗口大小
    imshow( "原图窗口" , srcImage );    
    namedWindow( "侵权图窗口" , CV_WINDOW_NORMAL );
    imshow( "侵权图窗口" , tortImage );
    waitKey( 0 );

    getchar( );
    return 0;
}

知识点7:表格绘制

绘制表格代码1:

| Tables        | Are           | Cool  |
| -------------- |:------------:| -----:|
| col 1 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| col 3 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |

显示效果:

Tables

Are

Cool

col 1 is

right-aligned

$1600

col 2 is

centered

$12

col 3 is

centered

$12

zebra stripes

are neat

$1

绘制表格代码2:

dog | bird | cat
----|------|----
foo | foo  | foo
bar | bar  | bar
baz | baz  | baz

显示效果:

dog

bird

cat

foo

foo

foo

bar

bar

bar

baz

baz

baz

知识点8:插入数学公式

代码如下:

[图片上传失败...(image-723d64-1518599199776)]+4)

显示效果为: [图片上传失败...(image-6ff0f7-1518599199776)]+4) 其中,\prod%20\(n_{i}\)+4可以替换为\sqrt{2}sqrt[n]{3}\int_{3}^{2}%20{x^{2}}dx等,效果如下: [图片上传失败...(image-f7cf27-1518599199776)]

[图片上传失败...(image-c77d60-1518599199776)]

[图片上传失败...(image-4cc647-1518599199776)]

注:我在http://www.codecogs.com/latex/eqneditor.php上编辑公式,然后点击下方的MathML按钮,在新的链接结尾找到对应的LaTeX公式代码。

参考资料

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Coco的专栏

谈谈一些有趣的CSS题目(八)-- 纯CSS的导航栏Tab切换方案

1662
来自专栏有趣的django

20.DOM

定义 文档对象模型(Document Object Model)是一种用于HTML和XML文档的编程接口。 查找元素 1.直接查找 document.getEl...

3475
来自专栏Android开发经验

自定义view——圆形进度条的实现

1541
来自专栏xingoo, 一个梦想做发明家的程序员

【前端开发系列】—— CSS3属性选择器总结

想想自己为什么要学CSS,作为一个开发过前端的人员来说,调试一个图片花了半天的时间,最后发现分隔符用错了,实在是一件很丢人的事情。因此,痛下决心来学习CSS,...

2097
来自专栏hightopo

原 快速创建 HTML5 Canvas 电

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

CSS伪元素介绍

伪元素表示了某个元素的子元素。这个子元素虽然在逻辑上存在,但却并不实际存在于文档树中。

744
来自专栏hightopo

基于 HTML5 Canvas 的属性值点击出现多选项的制作

1352
来自专栏小古哥的博客园

Vue入门

一、引入vue 方法一:下载vue.js,然后像引用jquery一样,在HTML中使用script标签引入 <script src="https://unpkg...

3968
来自专栏漫漫全栈路

jQuery Cheat—Sheet(jQuery学习笔记)

jQuery Cheat—Sheet(jQuery学习笔记) Web前端学习笔记之——jQuery学习笔记 ---- 什么是jQuery? jQuery是一种...

3743
来自专栏菜鸟计划

我的HTML总结之常用基础便签

HTML:是Hyper Text Markup Language(超级文本标记语言)的缩写,HTML不是一种程序,只是一种控制网页中数据显示的标识语言。 HTM...

3775

扫码关注云+社区

领取腾讯云代金券