ProgrammingNotes
  • README
  • accounting会计学
  • Apache
  • ar
  • asciidoc
  • AssemblyLanguage汇编语言
  • authorization授权
    • 1.jwt
    • 2.oauth
  • C语言
    • C++
  • cache
  • Computer计算机相关
    • 1.reinstallSystem重装系统
    • 2.vhd
    • 3.bulidWeb建站
    • 4.computerOrganization计算机原理
  • config配置文件相关
  • ContainerTechnology
    • 1.docker
    • 2.kubernetes
  • cs计算机科学
    • 1.api
      • 1.1.restful
      • 1.2.graphQL
      • 1.3.openAPI
      • 1.4.swagger
    • 10.blockchain区块链
      • 10.1.bitCoin比特币
    • 11.characterEncoding字符编码
    • 12.map
      • 12.1.百度地图
      • 12.2.qgis
      • 12.3.openLayers3
      • 12.4.postGIS
    • 13.ai人工智能
    • 14.machineLearning机器学习
    • 15.ioT物联网
    • 16.microservices微服务
    • 17.serverless无服务架构
    • 2.uml
    • 3.designPattern
    • 33.compilation_tool编译工具
      • 33.1.gradle
      • 33.2.maven
    • 4.devOps
      • 4.1.ci
        • 4.1.1.jenkins
        • 4.1.2.github_actions
        • 4.1.3.team_city
      • 4.2.argoCD
    • 6.dataVisualization数据可视化
    • 7.abandonTechnology可放弃的技术
    • 8.bigData大数据
      • 8.1.streamComputing流计算
      • 8.2.edgeComputing边缘计算
    • 9.deepLearning
  • C#
  • db数据库
    • 1.sql
    • 2.noSQL
      • 2.1.redis
      • 2.2.mongoDB
      • 2.3.hbase
      • 2.4.etcd
    • 3.fileSystem文件系统
      • 3.1.fastDFS
      • 3.2.hdfs
    • 4.postgreSQL
    • 5.sqlserver
    • 6.MySQL
    • 7.oracle
    • 8.oceanBase
    • 9.influxDB
    • DatabaseSecurity数据库安全
    • pl/sql
  • Delphi
  • dorado
  • education
  • english
  • frontEnd前端
    • 1.html
      • 1.1.h5
      • 1.2.webSocket
      • 1.3.html2pdf
    • 10.1.wonder
    • 10.webGL
    • 2.w3C规范
      • 2.1.webAPIs
    • 3.css
    • 4.dom
    • 5.xhtml
    • 6.webAssembly
    • 7.ajax
    • 8.fetch
    • 9.picture
  • git
    • 1.gitbook
    • 2.svn
    • 3.github
    • 4.travis_ci
  • golang
    • go_cloud
    • go_crawler
    • goroutine
    • hydra
  • hardware
  • ios
  • java
    • 1.jvm
    • 2.java高级特性之多线程
    • 3.javafx
    • 4.java网络编程
    • 5.java类加载和反射
    • 6.jms
    • 7.java_cloud
    • 8.jsp
    • 9.spring
  • js
    • 1.npm
    • 13.mockJS
    • 19.bootstrap
    • 2.nodeJS
    • 25.echarts
    • 3.angular
      • 3.1.angularCLI
      • 3.2.angularMaterial
    • 4.react
      • 4.3.reactNative
      • 4.4.next
    • 5.vue
      • 5.1.vue-CLI
      • 5.2.vuex
      • 5.3.axios
      • 5.4.vue-router
      • 5.5.element-ui
      • 5.6.vueCore
      • 5.7.nuxt
    • 6.compilation_tool编译工具
      • 6.1.webpack
      • 6.2.parcel
      • 6.3.grunt
    • 7.lib第三方库
      • 7.1.jQuery
      • 7.2.lodash
    • TypeScript
      • 8.1.tslint
    • Deno
    • JS设计模式
    • ECMAScript
    • JS
    • JS6
    • NativeScript
    • RXJS
    • V8
  • linux
    • 1.vim
    • 2.shell
    • 3.shellScript
    • 4.ubuntu
    • 5.makefile
    • 6.centOS
  • markdown
  • markup_lang
    • JSON
    • YAML
  • math
    • 1.algorithm算法
    • 2.cryptology密码学
    • 3.computerGraphics计算机图形学
    • 4.dataStructure数据结构
  • MC消息通信
    • MQ消息队列
      • 1.kafka
      • 2.rabbitMQ
      • 3.redis
      • 4.activeMQ
      • 5.rocketMQ
      • 6.nats
    • MQTT
      • EMQ
    • RPC
      • gRPC
  • mobile
    • android
      • 1.kotlin
      • 2.weixin
      • 3.miniProgram
    • cordova
    • dart
    • flutter
    • ios
      • xcode
    • ReactNative
  • network网络
    • 2.ss
    • 3.http
    • 4.kcp
    • 5.nmap
    • 5G
    • 6.webCrawler
  • news重要新闻
  • Philosophy哲学
    • AnCoderPrepares程序员的自我修养
    • 软件工程的语录
  • php
  • popularizationOfScience科普
  • protocol
    • 1.rpc
  • python
  • readingNotes读书笔记
    • 1.profession专业笔记
    • 2.sql_Antipatterns
    • 3.unix_Network_Programming
    • 4.the_Docker_Book
  • rust
  • scriptingLanguage
    • 2.lua
    • 3.regularExpression正则表达式
    • 4.julia
    • 5.ruby
  • security安全
  • server服务器相关
    • nginx
    • OpenResty
  • software&tool软件和工具
    • 1.vscode
    • 11.plsqldev
    • 17.androidStudio
    • 3.虚拟机VirtualMachine
    • 4.jetBrains
    • 5.eclipse
    • 7.visualStudio
    • 8.office系列
  • softwaretest软件测试
    • JUnit
  • ssh&ssm
    • 2.hibernate
    • 1.spring
  • unix
    • hackintosh
    • mac
  • vr
  • windows
    • terminal&DOS
    • windows10
    • Wine
  • word一些术语
  • zztemp草稿
    • temp
    • temp4study
    • temp4studyLater以后再学的
Powered by GitBook
On this page
  • markdown
  • 一 概述
  • 1 简介
  • 3 常识
  • 4 文档网址等
  • 二 安装配置
  • 三 基础
  • 1 常用标记符号
  • 2 数学方程式
  • 四 高级
  • 1 markdown解析器
  • 五 经验
  • 1 GFM(Github Flavored Markdown)(待补充)
  • 六 问题
  • 1 已解决

Was this helpful?

markdown

Previous6.centOSNextmarkup_lang

Last updated 8 months ago

Was this helpful?

markdown

一 概述

1 简介

Markdown一种轻量级的「标记语言」,开发者是约翰·格鲁伯(John Gruber),他创建了Daring Fireball()——一个每年可以赚取 50 万美元的博客。

常见的标准有CommonMark和GFM (GitHub Flavored Markdown)

优点

  • 轻量:不像Word或Pages有大量的排版、字体设置,它使我们专心于码字.常用的标记符号也不超过十个,

  • 简单:学习成本低

  • 通用:熟悉后一劳永逸

  • 支持基本的HTMl语法

  • 纯文本内容,兼容所有的文本编辑器与字处理软件

  • 导出多种格式:pdf,html等

3 常识

3.1 Daring Fireball

Daring Fireball是一个由苹果公司的狂热粉丝 John Gruber 创立的博客,内容主要是对苹果的产品和策略等任何细节作出评论,并且不设读者评论功能。博客上还提供下载一些由 Gruber 自己开发的软件。最初 Gruber 只是利用空闲时间打理,但从 2006 年 4 月开始,运作这个博客成了 Gruber 的全职工作,并通过收取会费、投放广告、售卖 T 恤等方式获得收入。(from百度知道)

4 文档网址等

  1. vscode中的markdown:https://code.visualstudio.com/Docs/languages/markdown

二 安装配置

三 基础

1 常用标记符号

标题

一个#表示一级标题,一直到六级标题,个人经验是#后面最好跟上空格

强调

This text will be italic This will also be italic

This text will be bold This will also be bold

This text will be crossed

You can combine them

链接和锚定

链接:两种用法

  1. 前面是显示的链接,后面是实际链接,引号里是鼠标移上去的tips

  2. 高级链接:通过变量来设置一个链接,比如

锚定:几种使用方法

  1. headers自带的锚定

    1. vscode快捷键Ctrl+Shift+O支持浏览所有headers,还支持outline

    2. 支持当前文件和其他文件的headers跳转: 比如[link text](#pre...)、[link text](../example_file/#prev)

  2. [TOC] Table Of Contents (index file),内容列表、索引,一般放在文首

  3. html的锚点语法

    段落三

    段落四

图片

三种使用方式:

  1. 把图片存入markdown文件:用base64转码工具把图片转成一段字符串,然后把字符串填到基础格式中链接的那个位置。

    1. 高级用法,比如

      ![avatar][base64str] [base64str]:data:image/png;base64,e8d8f4d65bac6874cbf8d8cebe3caadb

引用

引用中再嵌套引用只需要多加一个>,如下

We're living the future so

the present is our past.

列表

分为有序和无序,有序的时候数字随便填,会自动计算的

有序

写法是1.

无序

写法是-or*

表格

First Header
Second Header

Content from cell 1

Content from cell 2

Content in the first column

Content in the second column

对齐:对齐对表头和表格同时生效

左对齐(默认)
居中对齐
右对齐

文本1

文本2

文本3

文本4

文本5

文本6

默认没有合并单元格的语法,只能通过HTML来实现

图表

需要插件支持,比如mermaid,github和gitlab已经集成了该插件:https://mermaidjs.github.io

sequenceDiagram
    Alice->John: Hello John, how are you?
    John-->Alice: Great!

转义

对于Markdown标记,想直接显示有下面三种方法:

  1. 在markdown符号前面加上反斜杠

  2. 使用html里转义字符。比如将两个尖括号转义,写成<br>

  3. 或者用``包裹

\\ 反斜杠
\` 反引号
\* 星号
\_ 下划线
\{\} 大括号
\[\] 中括号
\(\) 小括号
\# 井号
\+ 加号
\- 减号
\. 英文句号
\! 感叹号
*This text will be bold*
\*This text will be bold\*

上标和下标

19^th^ H2O

代码块

比如下面这个,```后面跟的java就是代码所属的语言,markdown支持很多种,包括bash、kotlin、python等

System.out.println("hello world!");

行内代码

就是用``包裹,使用场景很模糊,本人觉得只要不混淆就随便用

注释(comment out)

有两种

[xxx]:xxxxxx

这种方式注释不是所有markdown编辑器都支持,优点是注释的内容不会生成到最终的产品里去,相当于草稿来用。例子如下:

html注释<!-- xxx -->:大部分markdown编辑器都支持,缺点是注释的内容会生成到最终的产品里去,只不过被隐藏了。例子如下:

表格

markdown原生不支持,但支持html的table标签.gfm支持该表格写法,注意表格语法前必须空出一行,否则github中不会生效.

  1. 主要用法就是下面这样,注意中间的冒号决定所在列的对齐方向

    标题1
    标题2
    标题3
    标题4
    标题5

    内容1

    内容2

    内容3,哈哈哈哈哈哈啊哈哈

    内容4,哈哈哈哈哈哈哈

    内容5,哈哈哈哈哈哈哈啊

分割线

分割线的语法只需要另起一行,连续输入三个星号 *** 即可。

换行

想主动换行有两种方法:

  1. 两次回车(缺点是会有空行)

  2. 两个空格后回车(没有空行)

其他

缩进

  1. 半角状态下,在标题下缩进了制表符之后的文字会被识别为普通文字

  2. 如果想实现中文里段落开头的缩进,有两种方法(但是我尝试之后发现这个缩进对标题下的第一行无效,后面的行才有效)

    1. 输入法切换到全角,双击空格键

      • 半方大的空白&ensp;或&#8194;

      • 全方大的空白&emsp;或&#8195;

      • 不断行的空白格&nbsp;或&#160;

2 数学方程式

vscode的内置markdown使用KaTeX渲染数学方程式

行内公式和独行公式:

  1. 行内公式:将公式插入到本行内,语法$公式内容$,如:$xyz$

  2. 行间公式/独行公式:将公式插入到新的一行内,并且居中,语法$$公式内容$$,如:xyzxyzxyz

上标、下标和组合:^表示上标,_表示下标,{}(大括号)表示组合符号。默认情况下,上、下标符号仅仅对下一个组起作用,一个组即单个字符或者使用{} 包裹起来的内容。

常见数学方程式

  1. 括号

    1. 固定大小的括号:使用原始的()

    2. 自适应大小的括号$\left( math_equation \right)&

      1. 比如(∑k=1100akbk)\left( \sum_{k=1}^{100} a_k b_k \right)(∑k=1100​ak​bk​)

  2. 乘方和开方

    1. 乘方:比如$x^2$表示$x^2$,当指数超过一个字符时,就要用到大括号来形成组。比如x的12次方,不能写成$x^12$,它表示的是$x^12$,而应该写成$x^{12}$,它表示的才是$x^{12}$

    2. 开方: 平方根$\sqrt{radicand}$,n次方根$\sqrt$[n]{radicand},比如27的3次方根$\sqrt[3]{27}$

  3. 对数(logarithm): $log_a{N}$表示$log_a{N}$,a是对数的底数,N是真数。比如$log_2{18}$表示$log_2{18}$

  4. 分数:

    1. 使用$\frac{numerator}{denominator}$,比如$\frac{11}{40}$

    2. 使用\over来分隔一个组的前后两部分${a+1\over b+1}$, 比如${a+1\over b+1}$

  5. 求和:$$\sum_{k=1}^{n} a_k b_k$$,需要结合行间公式使用。比如∑k=1100akbk\sum_{k=1}^{100} a_k b_k∑k=1100​ak​bk​

四 高级

1 markdown解析器

  1. github高星,代码量少,适合个人开发研究:https://github.com/markedjs/marked

五 经验

1 GFM(Github Flavored Markdown)(待补充)

六 问题

1 已解决

1.1 1.,-和直接写文字的优先级?

文字的优先级最高,然后有序和无序平级

1.2 markdown转

不过我看daringfireball上面的markdown文档似乎一直没有更新。比较推荐的是segmentfault上的文档:

图灵社区的markdown简易指南:

跳转到

跳转到

本地图片:可以使用相对路径和绝对路径,语法和链接类似.如果想图片所在的行没有文字,需要在前后都换行.

网络图片:

基础用法:,这个时候会发现插入的这一长串字符串会把整个文章分割开,非常影响编写文章时的体验。如果能够把大段的base64字符串放在文章末尾,然后在文章中通过一个id来调用,文章就不会被分割的这么乱了。

官方参考:,Github用的GFM,风格很漂亮,简洁美观大方。 GFM对标准Markdown做了少量修改,所以我写这个笔记的时候也会尽量考虑兼容两者.

TOC
https://daringfireball.net/
https://segmentfault.com/markdown
怎样使用Markdown
https://github.com
https://github.com
https://github.github.com/gfm/
第三个段落
第四个段落