文章目录

  • ​​ref​​
  • ​​markdown和latex常用部分参考​​
  • ​​typora文档​​
  • ​​基础语法​​
  • ​​扩展语法​​
  • ​​链接​​
  • ​​内联链接的方式​​
  • ​​将链接提取出来​​
  • ​​链接示例​​
  • ​​typora的支持​​
  • ​​Links​​
  • ​​Inline Links​​
  • ​​Internal Links🎈​​
  • ​​Reference Links​​
  • ​​URLs​​
  • ​​文章内部跳转(Heading IDs)🎈​​
  • ​​My Great Heading​​
  • ​​注脚(Footnotes)🎈​​
  • ​​本段核心源代码​​
  • ​​csdn markdown​​
  • ​​辅助功能​​
  • ​​图片居中​​
  • ​​带尺寸的图片:​​
  • ​​居中的图片:​​
  • ​​将word/OneNote中的笔记(图文笔记)直接复制粘贴到csdn上​​

ref

markdown和latex常用部分参考

typora文档

基础语法

扩展语法

链接

内联链接的方式

[baidu](https://baidu.com)

将链接提取出来

  • 这种链接的定义分为两部分
  • 好处:
  • 可以仅通过定义链接时的名字(链接的别名)重复引用同一个链接
  • 查看markdown源代码时更加简洁和紧凑.
  • 同时兼容图片链接的别名定义
  • 包括链接的定义:名称(类似于定义并初始化一个变量)
  • 这个定义的名称可以通过​​[]​​单独使用(渲染出来的就是定义时的名称)
  • 可以在配合一个前置​​[]​​使用,这样可以对链接做详细的说明.

链接示例

  • (定义不会被渲染出来),引用的时候,名字被渲染出来
  • (如果有前置​​[]​​,则渲染的是前置​​[]​​中的内容.否则,渲染链接本身)


  • [#ref]:
  • 本部分源代码
- baidu1: [baidu: a popular search engin in China.][1]

- baidu2: [baidu:search:a search engin rich in advertizements.][var1]

- baidu3: [baidu:some times,it performs better than bing!][baidu]

- baidu4(直接使用定义的链接别名,但可能造成兼容问题,不推荐):[baidu]

- 定义链接的别名

  - (定义不会被渲染出来),引用的时候,名字被渲染出来

  - (如果有前置`[]`,则渲染的是前置`[]`中的内容.否则,渲染链接本身)

  - [1]: https://baidu.comb

  - [var1]: https://baidu.comb

  - [baidu]: https://baidu.comb

typora的支持

Links

Markdown supports two styles of links: inline and reference.

In both styles, the link text is delimited by [square brackets].

Inline Links

To create an inline link, use a set of regular parentheses immediately after the link text’s closing square bracket. Inside the parentheses, put the URL where you want the link to point, along with an optional title for the link, surrounded in quotes. For example:

This is [an example](http://example.com/ "Title") inline link.

[This link](http://example.net/) has no title attribute.

will produce:

This is ​​an example​​​ inline link. (​​<p>This is <a href="http://example.com/" title="Title">​​)

​​This link​​​ has no title attribute. (​​<p><a href="http://example.net/">This link</a> has no​​)

Internal Links🎈

To create an internal link that creates a ‘bookmark’ that allow you to jump to that section after clicking on it, use the name of the header element as the href. For example:

Hold down Cmd (on Windows: Ctrl) and click on ​​this link​​​ to jump to header ​​Block Elements​​.

Hold down Cmd (on Windows: Ctrl) and click on [this link](#block-elements) to jump to header `Block Elements`.
Reference Links

Reference-style links use a second set of square brackets, inside which you place a label of your choosing to identify the link:

This is [an example][id] reference-style link.

Then, anywhere in the document, you define your link label on a line by itself like this:

[id]: http://example.com/  "Optional Title Here"

In Typora, they will be rendered like so:

This is ​​an example​​ reference-style link.

The implicit link name shortcut allows you to omit the name of the link, in which case the link text itself is used as the name. Just use an empty set of square brackets — for example, to link the word “Google” to the google.com web site, you could simply write:

[Google][]
And then define the link:

[Google]: http://google.com/

In Typora, clicking the link will expand it for editing, and command+click will open the hyperlink in your web browser.

URLs

Typora allows you to insert URLs as links, wrapped by ​​<​​​brackets​​>​​​. For example ​​<i@typora.io>​​ becomes ​​i@typora.io​​.

Typora will also automatically link standard URLs (for example: www.google.com) without these brackets.

文章内部跳转(Heading IDs)🎈

  • ​go to ref section(heading)​
[got to ref section(heading)](#ref)
  • ​​ref​​
  • ​​markdown和latex常用部分参考​​

My Great Heading

注脚(Footnotes)🎈

  • 注脚功能的支持需要编辑器支持(vscode可以外装插件来支持)
  • 定义一组注脚引用.​​1​​
  • big​​2​​
  • small​​3​​
  • 点击注脚标记可以跳转到注脚的解释除
  • 注脚的引用,几乎可以放在任意需要的位置
  • 注脚的定义可以放置在文末,当然也可以是其他地方
  • 注脚的定义和引用名字要对应上
  • 名字可以不限于数字,可以是单词,但是注脚引用处会​​渲染成​​数字角标(文档自己递增),示例
  • ​​[^1]​​
  • ​​[^1]: the explain of the be footnoted phrase or concepts in the same article but different location of the article.​​

本段核心源代码

> 注脚功能的支持需要编辑器支持(vscode可以外装插件来支持)
定义一组注脚引用.[^first]
big[^big]
small[^small]

[^first]: explain:first word note😂
[^big]: explain: test bing😂
[^small]: explain:test bing😂

csdn markdown

辅助功能

  • 文档帮助和模板

图片居中

  • csdn only!
  • 原始图片:

markdown和latex常用部分参考@注脚@链接跳转@csdn_Markdown

  • 源码1
  • ​​![Alt](https://s2.51cto.com/images/blog/202302/18000857_63efa699a1f6753345.gif)​​

带尺寸的图片:

  • 源码
  • ​​![Alt](https://s2.51cto.com/images/blog/202302/18000857_63efa699a1f6753345.gif =30x30)​​

居中的图片:

markdown和latex常用部分参考@注脚@链接跳转@csdn_基础语法_02

  • 居中源码
  • ​​![Alt](https://s2.51cto.com/images/blog/202302/18000857_63efa699a1f6753345.gif#pic_center)​​
  • 居中并且带尺寸的图片:

    • markdown和latex常用部分参考@注脚@链接跳转@csdn_基础语法_03

  • 居中带尺寸图片源码
  • ​​![Alt](https://s2.51cto.com/images/blog/202302/18000857_63efa699a1f6753345.gif#pic_center =30x30)​​

将word/OneNote中的笔记(图文笔记)直接复制粘贴到csdn上

  • 这种情况下打开csdn富文本编辑器,支持直接粘贴word内容操作

[ref]:

[markdown和latex常用部分参考]:

  1. explain:first word note😂 ↩︎
  2. explain: test bing😂 ↩︎
  3. explain:test bing😂 ↩︎