国外博客写作网站,网上购物系统流程图,网站建设联系,南涧县城乡建设局网站https://shadows.brumm.af
欢迎使用Markdown编辑器
你好#xff01; 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章#xff0c;了解一下Markdown的基本语法知识。
新的改变
我们对Markdown编辑器进行了一些…https://shadows.brumm.af
欢迎使用Markdown编辑器
你好 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章了解一下Markdown的基本语法知识。
新的改变
我们对Markdown编辑器进行了一些功能拓展与语法支持除了标准的Markdown编辑器功能我们增加了如下几点新功能帮助你用它写博客
全新的界面设计 将会带来全新的写作体验在创作中心设置你喜爱的代码高亮样式Markdown 将代码片显示选择的高亮样式 进行展示增加了 图片拖拽 功能你可以将本地的图片直接拖拽到编辑区域直接展示全新的 KaTeX数学公式 语法增加了支持甘特图的mermaid语法1 功能增加了 多屏幕编辑 Markdown文章功能增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能功能按钮位于编辑区域与预览区域中间增加了 检查列表 功能。
功能快捷键
撤销Ctrl/Command Z 重做Ctrl/Command Y 加粗Ctrl/Command B 斜体Ctrl/Command I 标题Ctrl/Command Shift H 无序列表Ctrl/Command Shift U 有序列表Ctrl/Command Shift O 检查列表Ctrl/Command Shift C 插入代码Ctrl/Command Shift K 插入链接Ctrl/Command Shift L 插入图片Ctrl/Command Shift G 查找Ctrl/Command F 替换Ctrl/Command G
合理的创建标题有助于目录的生成
直接输入1次#并按下space后将生成1级标题。 输入2次#并按下space后将生成2级标题。 以此类推我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。
如何改变文本的样式
*强调文本* _强调文本_**加粗文本** __加粗文本__标记文本~~删除文本~~ 引用文本大师傅啊啊
~~啊啊~~强调文本 强调文本
加粗文本 加粗文本
标记文本
删除文本 引用文本 大师傅 啊啊 啊啊
插入链接与图片
链接: [link](https://www.csdn.net/).链接: link.
图片:
带尺寸的图片
居中图片
尺寸居中
带尺寸的图片:
居中的图片:
居中并且带尺寸的图片:
当然我们为了让用户更加便捷我们增加了图片拖拽功能。
如何插入一段漂亮的代码片
去博客设置页面选择一款你喜欢的代码片高亮样式下面展示同样高亮的 代码片.
// An highlighted block
var foo bar;生成一个适合你的列表
- 项目- 项目- 项目1. 项目1
2. 项目2
3. 项目3- [ ] 计划任务
- [x] 完成任务
- [x] a 项目 项目 项目
项目1项目2项目3 计划任务 完成任务 a
创建一个表格
一个简单的表格是这么创建的
项目 | Value
-------- | -----
电脑 | $1600
手机 | $12
导管 | $1
项目Value电脑$1600手机$12导管$1
设定内容居中、居左、居右
使用:---------:居中
使用:----------居左
使用----------:居右
| 第一列 | 第二列 | 第三列 |
|:-----------:| -------------:|:-------------|
| 第一列文本居中 | 第二列文本居右 | 第三列文本居左 |
使用:---------:居中 使用:----------居左 使用----------:居右
第一列第二列第三列第一列文本居中第二列文本居右第三列文本居左
SmartyPants
SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如
| TYPE |ASCII |HTML
|----------------|-------------------------------|-----------------------------|
|Single backticks|Isnt this fun? |Isnt this fun? |
|Quotes |Isnt this fun? |Isnt this fun? |
|Dashes |-- is en-dash, --- is em-dash|-- is en-dash, --- is em-dash|
TYPEASCIIHTMLSingle backticksIsnt this fun?‘Isn’t this fun?’QuotesIsnt this fun?“Isn’t this fun?”Dashes-- is en-dash, --- is em-dash– is en-dash, — is em-dash
1、标题
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
2、文本样式
*强调文本* _强调文本_**加粗文本** __加粗文本__标记文本~~删除文本~~ 引用文本H~2~O is是液体。2^10^ 运算结果是 1024。强调文本 强调文本
加粗文本 加粗文本
标记文本
删除文本 引用文本 H2O is是液体。
210 运算结果是 1024。
3、列表
- 项目* 项目 项目1. 项目1
2. 项目2
3. 项目3- [ ] 计划任务
- [x] 完成任务项目 项目 项目
项目1项目2项目3 计划任务 完成任务
4、代码片段
下面展示一些 内联代码片。
// A code block
var foo bar;// An highlighted block
var foo bar;5、表格
项目 | Value
-------- | -----
电脑 | $1600
手机 | $12
导管 | $1| Column 1 | Column 2 |
|:--------:| -------------:|
| centered 文本居中 | right-aligned 文本居右 |项目Value电脑$1600手机$12导管$1
Column 1Column 2centered 文本居中right-aligned 文本居右
6、自定义列表
Markdown
: Text-to-HTML conversion toolAuthors
: John
: LukeMarkdown Text-to-HTML conversion tool Authors John Luke 7、Mermaid
在这里插入代码片参考文档 #mermaid-svg-jJRQJrq2Og3E88xy {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-jJRQJrq2Og3E88xy .error-icon{fill:#552222;}#mermaid-svg-jJRQJrq2Og3E88xy .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-jJRQJrq2Og3E88xy .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-jJRQJrq2Og3E88xy .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-jJRQJrq2Og3E88xy .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-jJRQJrq2Og3E88xy .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-jJRQJrq2Og3E88xy .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-jJRQJrq2Og3E88xy .marker{fill:#333333;stroke:#333333;}#mermaid-svg-jJRQJrq2Og3E88xy .marker.cross{stroke:#333333;}#mermaid-svg-jJRQJrq2Og3E88xy svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-jJRQJrq2Og3E88xy .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg-jJRQJrq2Og3E88xy .cluster-label text{fill:#333;}#mermaid-svg-jJRQJrq2Og3E88xy .cluster-label span{color:#333;}#mermaid-svg-jJRQJrq2Og3E88xy .label text,#mermaid-svg-jJRQJrq2Og3E88xy span{fill:#333;color:#333;}#mermaid-svg-jJRQJrq2Og3E88xy .node rect,#mermaid-svg-jJRQJrq2Og3E88xy .node circle,#mermaid-svg-jJRQJrq2Og3E88xy .node ellipse,#mermaid-svg-jJRQJrq2Og3E88xy .node polygon,#mermaid-svg-jJRQJrq2Og3E88xy .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-jJRQJrq2Og3E88xy .node .label{text-align:center;}#mermaid-svg-jJRQJrq2Og3E88xy .node.clickable{cursor:pointer;}#mermaid-svg-jJRQJrq2Og3E88xy .arrowheadPath{fill:#333333;}#mermaid-svg-jJRQJrq2Og3E88xy .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-jJRQJrq2Og3E88xy .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-jJRQJrq2Og3E88xy .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaid-svg-jJRQJrq2Og3E88xy .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaid-svg-jJRQJrq2Og3E88xy .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-jJRQJrq2Og3E88xy .cluster text{fill:#333;}#mermaid-svg-jJRQJrq2Og3E88xy .cluster span{color:#333;}#mermaid-svg-jJRQJrq2Og3E88xy div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-jJRQJrq2Og3E88xy :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;} 链接 长方形 圆 圆角长方形 菱形 8、UML图
参考文档 #mermaid-svg-u8MuY1rzzaDeLx1D {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-u8MuY1rzzaDeLx1D .error-icon{fill:#552222;}#mermaid-svg-u8MuY1rzzaDeLx1D .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-u8MuY1rzzaDeLx1D .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-u8MuY1rzzaDeLx1D .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-u8MuY1rzzaDeLx1D .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-u8MuY1rzzaDeLx1D .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-u8MuY1rzzaDeLx1D .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-u8MuY1rzzaDeLx1D .marker{fill:#333333;stroke:#333333;}#mermaid-svg-u8MuY1rzzaDeLx1D .marker.cross{stroke:#333333;}#mermaid-svg-u8MuY1rzzaDeLx1D svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-u8MuY1rzzaDeLx1D .actor{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-u8MuY1rzzaDeLx1D text.actortspan{fill:black;stroke:none;}#mermaid-svg-u8MuY1rzzaDeLx1D .actor-line{stroke:grey;}#mermaid-svg-u8MuY1rzzaDeLx1D .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333;}#mermaid-svg-u8MuY1rzzaDeLx1D .messageLine1{stroke-width:1.5;stroke-dasharray:2,2;stroke:#333;}#mermaid-svg-u8MuY1rzzaDeLx1D #arrowhead path{fill:#333;stroke:#333;}#mermaid-svg-u8MuY1rzzaDeLx1D .sequenceNumber{fill:white;}#mermaid-svg-u8MuY1rzzaDeLx1D #sequencenumber{fill:#333;}#mermaid-svg-u8MuY1rzzaDeLx1D #crosshead path{fill:#333;stroke:#333;}#mermaid-svg-u8MuY1rzzaDeLx1D .messageText{fill:#333;stroke:#333;}#mermaid-svg-u8MuY1rzzaDeLx1D .labelBox{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-u8MuY1rzzaDeLx1D .labelText,#mermaid-svg-u8MuY1rzzaDeLx1D .labelTexttspan{fill:black;stroke:none;}#mermaid-svg-u8MuY1rzzaDeLx1D .loopText,#mermaid-svg-u8MuY1rzzaDeLx1D .loopTexttspan{fill:black;stroke:none;}#mermaid-svg-u8MuY1rzzaDeLx1D .loopLine{stroke-width:2px;stroke-dasharray:2,2;stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);}#mermaid-svg-u8MuY1rzzaDeLx1D .note{stroke:#aaaa33;fill:#fff5ad;}#mermaid-svg-u8MuY1rzzaDeLx1D .noteText,#mermaid-svg-u8MuY1rzzaDeLx1D .noteTexttspan{fill:black;stroke:none;}#mermaid-svg-u8MuY1rzzaDeLx1D .activation0{fill:#f4f4f4;stroke:#666;}#mermaid-svg-u8MuY1rzzaDeLx1D .activation1{fill:#f4f4f4;stroke:#666;}#mermaid-svg-u8MuY1rzzaDeLx1D .activation2{fill:#f4f4f4;stroke:#666;}#mermaid-svg-u8MuY1rzzaDeLx1D .actorPopupMenu{position:absolute;}#mermaid-svg-u8MuY1rzzaDeLx1D .actorPopupMenuPanel{position:absolute;fill:#ECECFF;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);filter:drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));}#mermaid-svg-u8MuY1rzzaDeLx1D .actor-man line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-u8MuY1rzzaDeLx1D .actor-man circle,#mermaid-svg-u8MuY1rzzaDeLx1D line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;stroke-width:2px;}#mermaid-svg-u8MuY1rzzaDeLx1D :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;} 张三 李四 王五 你好李四, 最近怎么样? 你最近怎么样王五 我很好谢谢! 我很好谢谢! 李四想了很长时间, 文字太长了 不适合放在一行. 打量着王五... 很好... 王五, 你怎么样? 张三 李四 王五 9、插入Flowchart流程图复制
参考文档 Created with Raphaël 2.3.0 开始 我的操作 确认 结束 yes no 10、插入类图
参考文档 #mermaid-svg-90ObCB3w6GViMjAN {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-90ObCB3w6GViMjAN .error-icon{fill:#552222;}#mermaid-svg-90ObCB3w6GViMjAN .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-90ObCB3w6GViMjAN .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-90ObCB3w6GViMjAN .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-90ObCB3w6GViMjAN .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-90ObCB3w6GViMjAN .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-90ObCB3w6GViMjAN .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-90ObCB3w6GViMjAN .marker{fill:#333333;stroke:#333333;}#mermaid-svg-90ObCB3w6GViMjAN .marker.cross{stroke:#333333;}#mermaid-svg-90ObCB3w6GViMjAN svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-90ObCB3w6GViMjAN g.classGroup text{fill:#9370DB;fill:#131300;stroke:none;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:10px;}#mermaid-svg-90ObCB3w6GViMjAN g.classGroup text .title{font-weight:bolder;}#mermaid-svg-90ObCB3w6GViMjAN .nodeLabel,#mermaid-svg-90ObCB3w6GViMjAN .edgeLabel{color:#131300;}#mermaid-svg-90ObCB3w6GViMjAN .edgeLabel .label rect{fill:#ECECFF;}#mermaid-svg-90ObCB3w6GViMjAN .label text{fill:#131300;}#mermaid-svg-90ObCB3w6GViMjAN .edgeLabel .label span{background:#ECECFF;}#mermaid-svg-90ObCB3w6GViMjAN .classTitle{font-weight:bolder;}#mermaid-svg-90ObCB3w6GViMjAN .node rect,#mermaid-svg-90ObCB3w6GViMjAN .node circle,#mermaid-svg-90ObCB3w6GViMjAN .node ellipse,#mermaid-svg-90ObCB3w6GViMjAN .node polygon,#mermaid-svg-90ObCB3w6GViMjAN .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-90ObCB3w6GViMjAN .divider{stroke:#9370DB;stroke:1;}#mermaid-svg-90ObCB3w6GViMjAN g.clickable{cursor:pointer;}#mermaid-svg-90ObCB3w6GViMjAN g.classGroup rect{fill:#ECECFF;stroke:#9370DB;}#mermaid-svg-90ObCB3w6GViMjAN g.classGroup line{stroke:#9370DB;stroke-width:1;}#mermaid-svg-90ObCB3w6GViMjAN .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5;}#mermaid-svg-90ObCB3w6GViMjAN .classLabel .label{fill:#9370DB;font-size:10px;}#mermaid-svg-90ObCB3w6GViMjAN .relation{stroke:#333333;stroke-width:1;fill:none;}#mermaid-svg-90ObCB3w6GViMjAN .dashed-line{stroke-dasharray:3;}#mermaid-svg-90ObCB3w6GViMjAN #compositionStart,#mermaid-svg-90ObCB3w6GViMjAN .composition{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-90ObCB3w6GViMjAN #compositionEnd,#mermaid-svg-90ObCB3w6GViMjAN .composition{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-90ObCB3w6GViMjAN #dependencyStart,#mermaid-svg-90ObCB3w6GViMjAN .dependency{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-90ObCB3w6GViMjAN #dependencyStart,#mermaid-svg-90ObCB3w6GViMjAN .dependency{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-90ObCB3w6GViMjAN #extensionStart,#mermaid-svg-90ObCB3w6GViMjAN .extension{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-90ObCB3w6GViMjAN #extensionEnd,#mermaid-svg-90ObCB3w6GViMjAN .extension{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-90ObCB3w6GViMjAN #aggregationStart,#mermaid-svg-90ObCB3w6GViMjAN .aggregation{fill:#ECECFF!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-90ObCB3w6GViMjAN #aggregationEnd,#mermaid-svg-90ObCB3w6GViMjAN .aggregation{fill:#ECECFF!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-90ObCB3w6GViMjAN .edgeTerminals{font-size:11px;}#mermaid-svg-90ObCB3w6GViMjAN :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;} Cool Where am i? «interface» Class01 int chimp int gorilla size() AveryLongClass Class09 C2 C3 Class07 Object[] elementData equals() Class10 service int id size() 快捷键
Markdown 图标 快捷键 撤销 Ctrl /⌘Z 重做 Ctrl /⌘Y 加粗 Ctrl /⌘B 斜体 Ctrl /⌘I 标题 Ctrl /⌘Shift H 有序列表 Ctrl /⌘Shift O 无序列表 Ctrl /⌘Shift U 待办列表 Ctrl /⌘Shift C 插入代码 Ctrl /⌘Shift K 插入链接 Ctrl /⌘Shift L 插入图片 Ctrl /⌘Shift G 查找 Ctrl /⌘F 替换 Ctrl /⌘G
导出与导入
导出
如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 生成一个.md文件或者.html文件进行本地保存。
导入
如果你想加载一篇你写过的.md文件在上方工具栏可以选择导入功能进行对应扩展名的文件导入 继续你的创作。 mermaid语法说明 ↩︎
