MarkDown入门及技巧

你可以在Github上看到这篇文档的纯文本https://github.com/onlynight/ReadmeDemo/tree/master/Readmes/MarkDownCourse

最近发了挺多篇文章的都是用的markdown写的,不得不说markdown是一个很好用的文档工具。对于程序员来说使用word或者其他排版工具来写文档太重还要通过图形化界面排版,使用起来甚是繁琐,不过用了markdown以后这些问题都能够很好的解决啦。CSDN的markdown编辑器教程也没有想象中的好用,这里我来给大家一个常用的技巧。

1. 标题

首先是文章标题,文章标题一般我们会看到带有下划线的标题,下划线有分割的作用看起来比较清爽,but CSDN中的这种变体和普通的一级标题是一样的,CSDN中不带标线就很尴尬,像这样:

文章标题

文章标题

纯文本是这样的:

文章标题
=======#文章标题

这两种写法都是一级标题,第一种更适合用在文章标题,第二种适合用在段落标题,不过markdown也没有固定的写法,markdown的作者也不鼓励标准格式,看个人爱好使用就好。

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题
#一级标题
##二级标题
###三级标题
####四级标题
#####五级标题
######六级标题

下一级标题只需要加个#即可缩小一号标题。CSDN的markdown显示标题的使用用的细体,如果要强调标题的话可以使用加粗,效果这样:

加粗标题

#**加粗标题**

2. 强调(斜体,加粗)

斜体
加粗

*斜体*
**加粗**

斜体和加粗一般用做强调,如果你需要强调某一部分你就可以使用斜体和加粗。

3. 序号

序号分为无顺序标签和有顺序标签,像这样

  • 无序标签
  • 无序标签
  • 无序标签

    1. 标签1
    2. 标签2
    3. 标签3
    4. 标签4
- 无序标签
+ 无序标签
* 无序标签1. 标签1
2. 标签2
3. 标签3
4. 标签4

无序标签中-=+=*三种写法是一样的。

你还可以嵌套使用,像这样:

  1. 标签1

    • 无序标签
    • 无序标签
    • 无序标签
  2. 标签2
    • 无序标签
    • 无序标签
    • 无序标签
  3. 标签3
    • 无序标签
    • 无序标签
    • 无序标签
  4. 标签4
    • 无序标签
    • 无序标签
    • 无序标签
1. 标签1- 无序标签
    + 无序标签* 无序标签
2. 标签2- 无序标签
    + 无序标签* 无序标签
3. 标签3- 无序标签
    + 无序标签* 无序标签
4. 标签4- 无序标签
    + 无序标签* 无序标签

下一级标签中要使用tab将其往后推,否则格式会比较混乱,不过不建议使用多级标签这样格式看起来会比较难看,建议做多使用两级。一般情况下,我是这样实现分级的:

1. 标题1

无序标题

内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容

内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容

无序标题

内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容

内容内容内容内容内容内容内容内容内容内容内容

2. 标题2

内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容

内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容

1. 有序标题1

内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容

内容内容内容内容内容内容内容内容内容内容内容

2. 有序标题2

内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容

内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容

#1. 标题1
##无序标题内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容##无序标题内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容#2. 标题2内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容##1. 有序标题1内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容##2. 有序标题2内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容

通过标题字号区分级别,这样格式看起来比较舒服,没有形成Z字形的文本块。

4. 格式化文本快

这个标签的用法就跟html中div标签类似,会将你的所有空格tab等保留可以用来展示代码,像这样:

/*** 这里是注释*/
public class HelloWorld {public static void main(String args[]){System.out.println("Hello World!");}}

这样就可以展示你文本原始格式啦。

markdown还提供代码高亮,只需要在开头的”“`”后加上语言的名称即可:

/*** 这里是注释*/
public class HelloWorld {public static void main(String args[]){System.out.println("Hello World!");}}

像这样就可以使用java高亮啦。

5. 图片

你的文档中可能会使用图片,你可以直接引入网络图片,像这样:

![百度logo](https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png)
![描述](图片地址)

Github比较特殊,你可以使用相对地址引入图片,像这样:

![github相对引用](./images/temp.png)

6. 链接

你可以直接把链接复制到文本中,这样链接会自动被解析为a标签,像这样:

http://blog.csdn.net/tgbus18990140382

像这样直接放链接快速方便,当然有的时候你不想这样写,可以把链接隐藏起来,像这样:

我的博客主页

[我的博客主页][我的博客主页]: http://blog.csdn.net/tgbus18990140382

一般的我们将这些引用的链接放在文章的末尾,在需要使用的时候引用[我的博客主页]就好了。

我的markdown编辑器

些markdown的时候有点类似于写代码,有时候你需要代码提示,高亮提示,检查自己写的是否正确,在线的编辑器就不说了各有各的长处和缺点,我们来看下怎么样构建一个本地的编写环境,帮助你快速书写文档、博客。

Sublime Text

Sublime Text相信大家都不陌生了吧,它是一款文本编辑器,支持插件拓展。现在它的生态相当的好,你想要的插件基本上都有。比如,这里我们需要markdown高亮显示一级快速解析markdown生成preview的html让我们查看效果,SublimeText都有很好的支持,下面我们先来看小效果图:

是不是很酷炫,还有跟酷炫的快速生成预览,只需按下快捷键就可以生成预览:

  • 预览生成插件名称叫Markdown-Preview
    [https://github.com/revolunet/sublimetext-markdown-preview]
  • 高亮插件名称叫Markdown-extended
    [https://github.com/jonschlinkert/sublime-markdown-extended]

如何给sublime text安装插件这里就不再赘述了,百度可以搜到很多。有了这个本地编辑利器,写博客更简单啦,还不快来试试。

写在最后

markdown是写文档的利器,在CSDN上写写博客不但能分享知识,重要的你需要将你掌握的知识再次结构化并通过文字表述给其他人,这里对自己又是一次升华。

MarkDown入门及技巧相关推荐

  1. Markdown入门学习小结

    转自:http://www.jianshu.com/p/21d355525bdf 在遇到简书之前,我从来不知道Markdown是什么.简书所转载的阳志平所作「Markdown写作浅谈」一文中提到: M ...

  2. Markdown入门简介

    参考 http://sspai.com/25137 作者: Te_Lee 文章来源: 少数派 Markdown入门简介(使用工具Haroopad) 一.使用的工具----haroopad(http:/ ...

  3. Markdown入门教程

    Markdown入门教程 Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档. Markdown 语言在 2004 由约翰·格鲁伯(英语:John Gruber)创建. ...

  4. Photoshop1:入门实用技巧

    OP:可选步骤 DC:该步骤一直重复直到效果满意 一.去白底 目的:为了避免图像的空白区域遮住背景,将图片的白色底改为透明底: OP 1):解锁图层 没解锁的图层很多操作都无法进行 2):选择魔棒工具 ...

  5. cad修改快捷键_CAD入门学习技巧:CAD软件中的CAD快捷键的分类

    很多刚开始CAD入门学习的小伙伴不是很了解CAD快捷键是如何进行分类的?在浩辰CAD软件的庞大的功能下,软件工程师分门别类的实现了各种快捷键的定义和差别.本文将帮助您更进一步成为业内高人. CAD功能 ...

  6. Markdown入门指南 --写博客,word必备技术

    Markdown入门指南 [写博客,word必备技术,用过才知道有多香!!!] 文章目录 Markdown入门指南 [写博客,word必备技术,用过才知道有多香!!!] 前言 一.设置标题 二.字体设 ...

  7. 一图秒懂 - MD文件语法标签,最简单的markdown入门

    代码-效果图 https://rudon.blog.csdn.net/article/details/104272292 (完整代码在本文最下面) 实时查看MD文件效果 - 在线Markdown预览 ...

  8. Markdown入门总结

    文章目录 Markdown概述 文章目录 Markdown 标题 # 号标记(常用) = 和 - 标记 分割线 Markdown字体效果 Markdown 列表 无序列表 Ctrl/⌘+Shift + ...

  9. 小白opencv的入门处理技巧

    小白opencv的入门处理技巧 在这里插入代码片@TOC** 在这里插入代码片 import cv2 import numpy as np #i=cv2.imread("D:\\TP\\MT ...

最新文章

  1. android是java_为什么大家都用JAVA写android程序
  2. C/C++知识分享:C++常用内置函数你会几个,使用过几次呢?
  3. linux下忘记mysql root密码解决办法
  4. python核心编程第三版_《Python核心编程(第3版)》
  5. HTML form -enctype
  6. 《代码大全》程序员们怎样花费自己的时间
  7. 动态生成WebService的客户端
  8. 计算多条线段总长的lisp程序_CAD二次开发-lisp篇(1)统计长度
  9. 代码雨【code rain】 cmd 命令快速实现 + java 实现
  10. 域名已注册好,如何做网站?
  11. selenium 自动化测试 Chrome 大于 63 版本 不能重定向问题解决办法
  12. 苹果CMS海螺模板4.0修复版带后台 附安装教程
  13. PhpStorm2017破解版
  14. os模块的使用方法详解
  15. CENTOS 7 YUM 安装PHP7.4
  16. 金蝶k3单据编码规则_编码规则
  17. 初学编程时需要了解的10件事情
  18. Opencv Python:图片与视频互转
  19. 炸金花 php算法,200行代码搞定炸金花游戏(PHP版)
  20. 安卓系统模拟按键 [键值]

热门文章

  1. sizebox模型下载_css 盒模型、box-sizing 学习笔记
  2. 常见的网络***有哪些?
  3. Android源码解析(一)动画篇-- Animator属性动画系统
  4. JVM经常使用的调优參数
  5. 百度ueditor 拖文件或world 里面复制粘贴图片到编辑中 上传到第三方问题
  6. 使PropertyGrid控件的属性值可以显示多行的方法
  7. 云计算-从基础到应用架构系列-云计算的概念
  8. visual studio code跳转到定义处插件
  9. 建立一个Web项目及一些错误解决办法
  10. 基于AngularJS的Onsen UI --Onsen UI学习笔记