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

文章目录

ref

markdown和latex常用部分参考

typora文档

基础语法

扩展语法

链接

内联链接的方式

  • baidu

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

将链接提取出来

  • 这种链接的定义分为两部分

  • 好处:

    • 可以仅通过定义链接时的名字(链接的别名)重复引用同一个链接

    • 查看markdown源代码时更加简洁和紧凑.

    • 同时兼容图片链接的别名定义

  • 包括链接的定义:名称(类似于定义并初始化一个变量)

  • 这个定义的名称可以通过[]单独使用(渲染出来的就是定义时的名称)

  • 可以在配合一个前置[]使用,这样可以对链接做详细的说明.

链接示例

  • baidu1: baidu: a popular search engin in China.

  • baidu2: baidu:search:a search engin rich in advertizements.

  • baidu3: baidu:some times,it performs better than bing!

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

  • 定义链接的别名

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

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

    • [#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)🎈

My Great Heading

注脚(Footnotes)🎈

  • 注脚功能的支持需要编辑器支持(vscode可以外装插件来支持)

    • 定义一组注脚引用.
    • big
    • small

  • 点击注脚标记可以跳转到注脚的解释除

  • 注脚的引用,几乎可以放在任意需要的位置

  • 注脚的定义可以放置在文末,当然也可以是其他地方

  • 注脚的定义和引用名字要对应上

  • 名字可以不限于数字,可以是单词,但是注脚引用处会渲染成数字角标(文档自己递增),示例

    • [^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!

  • 原始图片:

Alt

  • 源码1

  • ![Alt](https://i-blog.csdnimg.cn/blog_migrate/2c5626d1121945cb84be5bc1cdd2de45.gif)

带尺寸的图片:

  • 源码

  • ![Alt](https://i-blog.csdnimg.cn/blog_migrate/2c5626d1121945cb84be5bc1cdd2de45.gif =30x30)

居中的图片:

Alt

  • 居中源码

  • ![Alt](https://i-blog.csdnimg.cn/blog_migrate/2c5626d1121945cb84be5bc1cdd2de45.gif#pic_center)

  • 居中并且带尺寸的图片: Alt

  • 居中带尺寸图片源码

  • ![Alt](https://i-blog.csdnimg.cn/blog_migrate/2c5626d1121945cb84be5bc1cdd2de45.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😂 ↩︎

posted @   xuchaoxin1375  阅读(17)  评论(0)  编辑  收藏  举报  
相关博文：
· vscode/IDEA_markdown写作环境配置(标题大纲outline/字典单词补全/预览/公式编辑/图床/表情补全)/markdown emoji(vscode表情预览支持)
· web@浏览器浏览体验优化工具扩展@html5网页大纲生成工具@文档独立滚动大纲生成插件(headingsMap)@提取目录tableOfContent
· Typora Markdown的使用方式
· Markdown For Typora
· Markdown语法——基础语法篇（平台：vscode）
阅读排行：
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码，我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了
历史上的今天：
2023-03-27 python@IO@文件系统@路径操作模块@系统信息
2023-03-27 python@调用系统命令行@os.system@subprocess@标准输入输出@sys.stdin@sys.stdout@input@print
2022-03-27 mysql 用户管理/密码配置与修改/权限管理/用户权限查看/授予用户创建数据库的权限/mysql权限分配不起作用?
2021-03-27 dataStructure_非比较排序:基数排序(基排序/桶排序)radixSort/bucketSort/DigitalSort)&计数排序(coutingSort)
2021-03-27 java_scanner.hasNext()在Windows平台上使用/运行需要注意点
点击右上角即可分享
微信分享提示