markdown随手记

最新推荐文章于 2022-04-30 21:58:52 发布
最新推荐文章于 2022-04-30 21:58:52 发布
阅读量162 收藏
点赞数
分类专栏： 实用工具 文章标签： readme markdwon flowchart mermaid
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38474451/article/details/99680597
版权

优雅漂亮的 readme

标题

开头写n多个#就表示这是一个标题，#越少表示标题级别越高

锚点：不同平台的方式不同效果也不相同

锚点怎么写？点我

换行

可以一行的最后使用两个或两个以上的空格， 也可以使用
标签
我是一行文本
我是第二行文本
我是第三行文本

特殊字符 & 和 <

  • &copy;: ©
  • a&b
  • &amp; : &
  • &: &
  • <: <
  • 1 < 2
  • &lt;: <

字体

字体与标识符之间不能加空格

加粗

在文字的前后加两个星号
bold

斜体

斜体文字：文字前后加一个 星号
斜体加粗： 文字前后加三个 星号
斜体加粗的文字

删除线

需要删除的内容 使用删除线：文字前后添加 ~~

列表

  • 无序列表 使用 * - 开头的一系列文本项
    • 无序列表项1
    • 无序列表项2
    • 无序列表项3
  • 有序列表 使用 数字加点 例如 1. 开头的文本列表项
    1. 列表项1
    2. 列表项2
    3. …

基础模式结束，是时候展示真正的技术了

超链接

[linkId]: www.baidu.com “百度一下，你就知道这是一个参考式的连接”
[隐式链接]: www.baidu.com “百度一下，你就知道这是一个隐式链接”

  • 行内式链接
    • [跳转到百度](www.baidu.com “百度一下你就什么都不知道了。”)：跳转到百度
  • 参考式链接 使用 Markdown 的参考式链接，可以让文件更像是浏览器最后产生的结果，让你可以把一些标记相关的元数据移到段落文字之外，你就可以增加链接而不让文章的阅读感觉被打断。
  • linkId 规范
    • 方括号（前面可以选择性地加上至多三个空格来缩进），里面输入链接文字
    • 接着一个冒号
    • 接着一个以上的空格或制表符
    • 接着链接的网址
    • 选择性地接着 title 内容，可以用单引号、双引号或是括弧包着
    • 链接ID的定义不要放在列表内部 否则可能会无法识别
  • 隐式链接标记功能让你可以省略指定链接标记，这种情形下，链接标记会视为等同于链接文字，要用隐式链接标记只要在链接文字后面加上一个空的方括号
  • 锚点
    使用html标签的特性，设置相应的id，使用超链接的 #id 实现锚点跳转
    锚点到这里

代码段

代码段在MarkDown中会被转化到 标签中

  • 单行代码
    let arr = new Array.form(new Set([1, 2, 4, 1, 3, 999]))
    如果代码中有反引号 ` 存在，则需要使用更多的反引号来开始和结束代码块,
    let str = `this is s String named &{name}
  • 多行代码块
    使用 ```分隔 并且需要独占一行
function () {
	console.log('this is a example form coding of markdown')
}

图片

[imageId]: https://i-blog.csdnimg.cn/blog_migrate/7d291f88f3a485cfca9248fae274590e.jpeg “这是参考是图片说明”

  • 行内式
    ![草帽路飞](https://i-blog.csdnimg.cn/blog_migrate/7d291f88f3a485cfca9248fae274590e.jpeg “这是一串图片的描述性文字”)
    草帽路飞
  • 参考式
    ![参考是图片]imageId
    参考是图片
  • markdown自带的图片展示不能自定义宽高，如果需要自定义宽高，可以使用html标签 img 来代替

转移符号 \

  • \<: <
  • \*
  • []
  • …

表格

表格的格式

name | age | sex | hobbit | work
--- | :---- | ---: | :----: | --
小明 | 12 | 男 | 滚出去 | 学生
小华 | 32 | 男 | 爱小花 | IT男
小红 | 18 | 女 | 花季少女 | 吃喝玩乐
<br>

版本号 | 项目名称 | 负责人 | 参与人 | 更新时间| 跟新内容| 技术支持
:------:|:-----------:|:-------:|:-----------------:|:---------:|:----------------------:|:-----------:
1.0 | readme 测试 | Mr Qyj | 你、我、他 | 2019-08-13 | 测试readme | network and others
1.1 | git 测试 | Mr Qyj | 你、我、他 | 2019-08-16 | 测试git | network and others

示例：

nameagesexhobbitwork
小明12男滚出去学生
小华32男爱小花IT男
小红18女花季少女吃喝玩乐
版本号项目名称负责人参与人更新时间跟新内容技术支持
1.0readme 测试Mr Qyj你、我、他2019-08-13测试readmenetwork and others
1.1git 测试Mr Qyj你、我、他2019-08-16测试gitnetwork and others

flowchart流程图

节点定义方式

nodeName=>nodeType: nodeText[|flowstate][:>urlLink]

Items in [] are optional. 中括号内为可选项
nodeName defines the nodes variable name within the flowchart document.
nodeType defines what type the node is. See Node Types for more information.
nodeText is the text that will be inserted into the node. Newlines are allowed and will be reflected in the rendered node text.
flowstate is optional and uses the | operator that specifies extra styling for the node.
urlLink is optional and uses the :> operator to specify the url to link to.

节点连接方式

  • 使用 -> 连接不同节点： nodeA -> nodeB -> condition
  • 对条件节点使用yes和no判断，同时可以指定分支方向和下一个节点
    condition(yes, [right | left]) -> nodeC
    condition(no, [left | right]) -> nodeD

在连接流程图的时候，对于condition类型，有yes和no两个分支，默认情况下，yes在下面显示，right在右面显示。如果同时限制left和right，那么将按照默认的位置显示；如果只限制其中一个，那么另一个也自动限定，则可以按照设定的进行显示

nodeType

  • start
  • end
  • operation
  • subroutine
  • condition
  • inputoutput

示例

flowchat
st=>start: 测试项目:>https://fshows.yuque.com/tech-ozd0u/oul77n/kggcfy "北斗系统1.1"
productOp=>operation: 产品会|past
technologyOp=>operation: 技术会
submiteBug=>subroutine: 提交BUG
resolveBug=>operation: 修BUG中...
resolveCond=>condition: 改好了吗
codeOp=>operation: 疯狂coding
uedOp=>operation: UED评审会
testOp=>operation: 测试评审会
UEDInspect=>operation: UED验收
UIBug=>condition: 视觉BUG
testInspect=>operation: 测试验收
testBug=>condition: 测试问题
publishOp=>operation: 发布上线
onlineBug=>condition: 线上问题
e=>end
st->productOp->technologyOp->uedOp->codeOp->UEDInspect->UIBug
UIBug(yes,right)->submiteBug(right)->resolveBug(right)->resolveCond
UIBug(no)->testInspect->testBug
resolveCond(yes)->UEDInspect
resolveCond(no)->resolveBug
testBug(yes, right)->submiteBug
testBug(no)->publishOp->onlineBug
onlineBug(yes, right)->submiteBug
onlineBug(no)->e
Created with Raphaël 2.2.0 测试项目 产品会 技术会 UED评审会 疯狂coding UED验收 视觉BUG 提交BUG 修BUG中... 改好了吗 测试验收 测试问题 发布上线 线上问题 End yes no yes no yes no yes no

mermaid 流程图

示例

graph LR
origin((远程仓库 github gitlab))
origin --> my-local(本地仓库)
my-local --> branchA(分支A)
branchA --> fileA((文件A))
branchA --> fileB((文件B))
my-local --> branchB(分支B)
branchB --> fileC((文件F))
branchB ==> fileD((文件B))
origin --> your-local(本地仓库)
your-local --> branchC(分支C)
branchC --> fileE((文件A))
branchC --> fileF((文件B))
your-local --> branchD(分支D)
branchD --> fileG((文件A))
branchD --> fileH((文件C))
location((本地文件))
location -.-> four(四维)
fileA -.-> location
fileB -.-> location
fileC -.-> location
fileD -.-> location
fileE -.-> location
fileF -.-> location
fileG -.-> location
fileH -.-> location
location -.-> three(三维)
three --> ip[主机地址]
three --> fileurl[文件路径]
three --> filename[文件名称]
five(五维)
branchA -.-> five
branchB -.-> five
branchC -.-> five
branchD -.-> five
six(六维)
my-local -.-> six
your-local -.-> six
style origin fill: #0b61a4, fill-opacity: 0.7, stroke: #fa0, stroke-width: 2px;
style my-local fill: #00a779, stroke: #fa0, stroke-width: 2px;
style your-local fill: #00a779, stroke: #fa0, stroke-width: 2px;
style branchA fill: #48dd00, stroke: #fa0, stroke-width: 2px;
style branchB fill: #48dd00, stroke: #fa0, stroke-width: 2px;
style branchC fill: #48dd00, stroke: #fa0, stroke-width: 2px;
style branchD fill: #48dd00, stroke: #fa0, stroke-width: 2px;
style fileA fill: #d5f800, stroke: #fa0, stroke-width: 2px;
style fileB fill: #d5f800, stroke: #fa0, stroke-width: 2px;
style fileC fill: #d5f800, stroke: #fa0, stroke-width: 2px;
style fileD fill: #d5f800, stroke: #fa0, stroke-width: 2px;
style fileE fill: #d5f800, stroke: #fa0, stroke-width: 2px;
style fileF fill: #d5f800, stroke: #fa0, stroke-width: 2px;
style fileG fill: #d5f800, stroke: #fa0, stroke-width: 2px;
style fileH fill: #d5f800, stroke: #fa0, stroke-width: 2px;
style location fill: #ffe200, stroke: #fa0, stroke-width: 2px;
style ip fill: #ff8500, stroke: #fa0, stroke-width: 2px;
style fileurl fill: #ff6f00, stroke: #fa0, stroke-width: 2px;
style filename fill: #ff4f00, stroke: #fa0, stroke-width: 2px;
style six fill: #009999, stroke: #fa0, stroke-width: 3px;
style five fill: #009999, stroke: #fa0, stroke-width: 3px;
style four fill: #009999, stroke: #fa0, stroke-width: 3px;
style three fill: #009999, stroke: #fa0, stroke-width: 3px

生成流程图如下：
远程仓库 github gitlab
本地仓库
分支A
文件A
文件B
分支B
文件F
文件B
本地仓库
分支C
文件A
文件B
分支D
文件A
文件C
本地文件
四维
三维
主机地址
文件路径
文件名称
五维
六维

语法说明

连接线使用 - . > 连接 虚线的点和箭头分别站一个位置

  • graph：显示方向
    TB/TD（ top bottom/top down）表示从上到下
    BT（bottom top）表示从下到上
    RL（right left）表示从右到左
    LR（left right）表示从左到右

  • 节点类型
    默认节点： A
    矩形节点： B[矩形]
    圆角矩形节点： C(圆角矩形)
    圆形节点： D((圆形))
    非对称节点： E>非对称]
    菱形节点： F{菱形}

  • 节点连接类型

    • 箭头连接 A1- ->B1
    • 开放连接 A2- - -B2
    • 虚线箭头连接 A3.->B3 或者 A3-.->B3
    • 虚线连接 A4.-B4 或者 A4-.-B4
    • 粗线箭头连接 A5==>B5
    • 粗线开放连接 A6===B6
    • 标签虚线箭头连接 A7-.text.->B7
    • 标签开放连接 A8- -text- - -B8
    • 小结：
      • - 表示直线
      • > 表示箭头
      • . 表示虚线
      • = 表示粗直线

  • 节点样式
    fill：节点填充颜色
    fill-opacity：填充透明度
    stroke：边框颜色
    stroke-width：边框宽度
    样式写法与 SVG 样式写法一致

以优美的分割线结束时惯例

爱吃土豆的洋芋
关注
专栏目录
Retext 语法高亮、数学公式、自定义样式
zrools的博客
08-11 2550
语法高亮apt-get install python-pygments数学公式# apt-get install libjs-mathjax自定义样式stylesheet file: 选择css样式文件即可附一份css样式(出处不详):body { font-family: Helvetica, arial, sans-serif; font-size: 14px; line-he
MARKDOWN使用笔记
FreyrClannad的博客
10-13 204
和大多数语言一样如果你想把MD的保留符号作为普通文字输出，那么就要用反斜杠符号\来转义 1.MD中通过#的个数来标明标题级别 这是1级标题,1个# 这是2级标题,2个# 这是3级标题，3个# 2.正文部分没有什么好说的，有些标记符可以给文字加上编辑效果 斜体强调效果通过文字两端的*来表示 ...
Markdown随手记
qq_43376311的博客
04-30 199
Markdown 笔记 markdown语法参考链接 <font color = "xxxx"> 颜色使用 </font> #的个数代表几级标题 h1 h2 h3 h4 h5 h6 三个 ` 输入代码块 或者连续按4下空格 print("hello world") 用两个 * 包含一段文本就是粗体的语法，用一个 * 包含一段文本就是斜体的语法 三个*代表 斜体加粗 ，两个~添加删除线 示例 *这里是文字* 这里是文字 (
markdown使用笔记
贝师东去
06-26 285
一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 斜体样式 加粗样式 删除线格式 List item List item List item 这里是引用 在这里插入代码片 在这里插入代码片 流程图： 方向： AB AB 2.形状 带文本的矩形带文本的圆角矩形带文本的不对称的矩形带文本的菱形带文本的圆形 箭头 描述描述描述描述ABABABABABABABABAB 子流程 three two onec1c2b1b2a1a2 时序图： 客户端控
Matlab小笔记随手记——求均值
qq_43216397的博客
12-19 1101
Matlab小笔记随手记——求均值 mean(SA) 如果SA是一个向量，mean(SA)返回SA中元素的平均值。 如果SA是一个矩阵，mean(SA)把矩阵中的每列看成一个向量，返回一个包含每一列所有元素的平均值 的*行 *向量 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新的界面设计...
15min 快速着手 Markdown
qq_42874393的博客
02-28 154
文章目录Markdown介绍和基本使用初步介绍markdown的使用场景为什么是 Markdown相对于Word相对于记事本Markdown 的优点Markdown 的缺陷我们用来做什么markdown的基本语法和使用平台基本语法互动 Markdown介绍和基本使用 初步介绍 Markdown 是一种轻量级「标记语言」。 Markdown 用简洁的语法代替排版，而不像一般我们用的字处理软件 Wo...
Typora markdown公式换行等号对齐_【软件工具】Typora从不屑到“真香”
weixin_39777019的博客
11-20 455
前言 以后一定要改掉一些东西就说前言的习惯。 停更了两天，因为实在是太忙啦。 这是软件工具类的第一篇文章，打算写markdown以及写md的工具typora。python搭建微信公众号先放一放，一来是生病了，反应迟钝怕写错了代码。二来是包括我在内的大多数人看到代码就头大一点意思也没有，而写软件工具类却是干货满满哎。 虽然关注量少的可怜，但是看到有小伙伴留言了说资源用不了。统一解答下，这个...
linux md文件 编辑,用Vim写md文档的简单姿势
weixin_30958745的博客
04-29 889
对于重度Vim使用者来说，编辑md文档用Vim是顺理成章的事，在此记录下来。近期开始带学生接触Openstack开发。在8G内存的笔记本上跑个Devstack开发环境，至少要分掉4G，否则虚拟机卡成翔。再开Pycharm写python代码，又起码1个G没了。边写还得边上网查查资料，Firefox挂了10几个插件跑起来，竟然耗了1G内存，Chromium也省不到哪去！剩下的2G也就刚刚够给Archl...
湖北工业大学在河南2021-2024各专业最低录取分数及位次表.pdf
09-16
全国各大学在河北2021-2024年各专业最低录取分数及录取位次数据，高考志愿必备参考数据
西南交通大学在河南2021-2024各专业最低录取分数及位次表.pdf
09-16
全国各大学在河北2021-2024年各专业最低录取分数及录取位次数据，高考志愿必备参考数据
DAY27使用的实时脚本文件
09-16
博客链接：https://blog.csdn.net/qq_47248729/article/details/142303818?spm=1001.2014.3001.5502
天水师范学院在河北2021-2024各专业最低录取分数及位次表.pdf
09-16
全国各大学在河北2021-2024年各专业最低录取分数及录取位次数据，高考志愿必备参考数据
matlab simulink 双馈风机调频，风电调频，风火水调频，虚拟惯性控制，下垂控制 参与系统一次调频的Matlab Si
09-16
matlab simulink 双馈风机调频，风电调频，风火水调频，虚拟惯性控制，下垂控制 参与系统一次调频的Matlab Simulink模型 系统为三机九节点模型，所有参数已调好且可调，可直接运行，风电渗透率20% 也可研究风火联合，火电调频等。有同步机调速器。 风电调频，IEEE9节点，双馈风机调频，一次调频，火电调频，同步机调频。 同步机部分带有调速器等部分。并网电压电流。 风电附带下垂控制，虚拟惯性控制，风电渗透率20%，有参考文献。也可研究风电并网，并网电压，电流波形
基于python实现的给定微博数据的反作弊识别
09-16
【作品名称】：基于python实现的给定微博数据的反作弊识别 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【项目介绍】： 基于给定微博数据进行垃圾微博识别 ###进度 对MICRO_BLOG.txt解析完毕 总天数:370 总微博数量:2056089 总垃圾微博数量:300555 ###程序运行的方法 python main.py ###目录结构 conf: 项目配置 data: 原始数据文件,未上传到github export: 程序输出文件 main.py: 主程序 垃圾微博判定策略 某个用户在30秒内连续发布15条微博，则命中垃圾微博策略 命中后，垃圾行为映射表中该用户对应次数+1，垃圾微博映射表中命中的所有微博对应出现次数+1 每次命中策略结束时清空该用户对应的15条微博信息 【资源声明】：本资源作为“参考资料”而不是“定制需求”，代码只能作为参考，不能完全复制照搬。不一定能够满足所有人的需求，需要有一定的基础能够看懂代码，能够自行调试代码并解决报错，能够自行添加功能修改代码。
linux下文件删除脚本
最新发布
09-16
https://blog.csdn.net/chengsinuo123456/article/details/142306575 简单写一个linux批量删除文件脚本（不含文件夹）附属文件，你需要自己nano或vi它修改成你需要的样子
第8周实践课安排.pdf
09-16
第8周实践课安排.pdf
西南医科大学在河北2021-2024各专业最低录取分数及位次表.pdf
09-16
全国各大学在河北2021-2024年各专业最低录取分数及录取位次数据，高考志愿必备参考数据
markdown记笔记
02-29
Markdown是一种轻量级的标记语言，用于简单而直观地格式化文本。它被广泛用于编写文档、博客、论坛帖子等。Markdown具有简单易学、易读易写的特点，使用纯文本编写，通过一些简单的标记符号来实现文本的格式化。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值