鲸鱼博客CMS系统-文章发布功能,采用腾讯开源的cherry-markdown,功能强大的富文本编辑器,专注于 Markdown 格式的文本编辑。它提供了直观的用户界面和丰富的编辑功能,适合需要高效撰写和管理 Markdown 文档的用户。Markdown是一种轻量级的标记语言,使用纯文本格式编写文档,易读易写且格式美观。本文将介绍Markdown的基本语法,帮助您在鲸鱼博客CMS系统 中开始创作。
字体样式
说明
使用*(或_) 和 **(或__) 表示斜体 和 粗体
使用 / 表示 下划线 ,使用~~ 表示删除线
使用^(或^^)表示上标 或下标
使用 ! 号+数字 表示字体 大 小 [^专有语法提醒]
使用两个(三个)!号+RGB 颜色 表示字体颜色 (背景颜色 )[^专有语法提醒]
示例
[!!#ff0000 红色超链接!! ](http://www.qq.com )
[!!#ffffff !!!#000000 黑底白字超链接!!!!! ](http://www.qq.com )
[新窗口打开 ](http://www.qq.com ) {target=_blank}
鞋子 !32 特大号!
大头 ^`儿子` ^ 和小头 ^^`爸爸` ^^
爱在~~ 西元前 ~~ ** 当下 **
效果 红色超链接 黑底白字超链接 新窗口打开 鞋子 特大号 大头 儿子 和小头 爸爸 爱在西元前当下
标题设置
说明
超链接
说明
使用 [描述](URL) 为文字增加外链接
使用插入一个链接
URL 会自动转成链接
示例
这是 [腾讯网 ](https://www.qq.com ) 的链接。
这是 [一个引用的 ][引用一个链接 ] 的链接。
这是一个包含中文的链接,中文
直接识别成链接:https://www.qq.com?param=中文,中文 用空格结束
[引用一个链接]
[ 引用一个链接 ] : https://www.qq.com
效果 这是 腾讯网 的链接。 这是 一个引用的 的链接。 这是一个包含中文的链接https://www.qq.com?param=中文 ,中文 直接识别成链接:https://www.qq.com?param=中文,中文 用空格结束引用一个链接
无序列表
说明
示例
- 无序列表项 一`默认`
- 无序列表项 二
- 无序列表2.1
- 无序列表2.2
- 无序列表项 三
+ 无序列表3.1`空心圆`
+ 无序列表3.1
- 无序列表四
* 无序列表4.1`实心方块`
* 无序列表4.2
效果
无序列表项 一默认
无序列表项 二
无序列表项 三
无序列表四
有序列表
说明
示例
1. 有序列表项 一`阿拉伯数字`
1. 有序列表项 二
I. 有序列表项 2.1`罗马数字`
I. 有序列表项 2.2
I. 有序列表项 2.3
1. 有序列表 三
a. 有序列表3.1`希腊字母`
a. 有序列表3.2
a. 有序列表3.3
1. 有序列表 四
一. 有序列表4.1`中文数字`
一. 有序列表4.2
一. 有序列表4.3
效果
有序列表项 一阿拉伯数字
有序列表项 二
有序列表项 2.1罗马数字
有序列表项 2.2
有序列表项 2.3
有序列表 三
有序列表3.1希腊字母
有序列表3.2
有序列表3.3
有序列表 四
有序列表4.1中文数字
有序列表4.2
有序列表4.3
引用
说明
示例
效果
野火烧不尽,春风吹又生
行内代码
说明
示例
效果 让我们聊聊 html
代码块
说明
效果
高阶语法手册
目录
说明
信息面板
说明 使用连续三个冒号:::和关键字([primary | info | warning | danger | success])来声明
:::primary // [primary | info | warning | danger | success] 标题
内容
:::
效果
手风琴
说明 使用连续三个加号+++和关键字([ + | - ])来声明,关键字+表示默认收起,关键字-表示默认展开
+++ 点击展开更多
内容
++- 默认展开
内容
++ 默认收起
内容
+++
效果
语法高亮
说明
效果 非代码示例:
sudo apt-get install vim-gnome
Python 示例:
@requires_authorization
def somefunc ( param1= &
&
if param1 > param2:
print &
return ( param2 - param1 + 1 ) or None
class SomeClass :
pass
>> > message = &
. . . prompt&
JavaScript 示例:
function fib ( n ) {
var a = 1 ,
b = 1 ;
var tmp;
while ( -- n >= 0 ) {
tmp = a;
a += b;
b = tmp;
}
return a;
}
document . write ( fib ( 10 ) ) ;
checklist[^不通用提醒]
说明
示例
- [ ] AAA
- [x] BBB
- [ ] CCC
效果
带对齐功能的表格
说明
示例
|项目(居中对齐)|价格(右对齐)|数量(左对齐)|
|:-:|-:|:-|
|计算机|¥1600|5|
|手机机|¥12|50|
效果
项目(居中对齐)
价格(右对齐)
数量(左对齐)
计算机
¥1600
5
手机机
¥12
50
流程图[^不通用提醒]
说明
效果 小明老婆让小明下班时买一斤包子,如果遇到卖西瓜的,买一个。
左右结构
下 班
Yes
No
公司
菜市场
看见 卖西瓜的
买一个包子
买一斤包子
上下结构
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" aria-roledescription="flowchart-v2" role="graphics-document document" viewbox="-8 -8 239.9375 494.5833435058594" height="494.5833435058594" width="239.9375" id="mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006" style="max-width: 100%; height: auto; font-family: sans-serif;"><style>#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006{font-family:sans-serif;font-size:16px;fill:#333;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .error-icon{fill:#552222;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .error-text{fill:#552222;stroke:#552222;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .edge-thickness-normal{stroke-width:2px;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .marker{fill:#333333;stroke:#333333;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .marker.cross{stroke:#333333;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 svg{font-family:sans-serif;font-size:16px;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .label{font-family:sans-serif;color:#333;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .cluster-label text{fill:#333;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .cluster-label span{color:#333;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .label text,#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 span{fill:#333;color:#333;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .node rect,#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .node circle,#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .node ellipse,#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .node polygon,#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .node .label{text-align:center;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .node.clickable{cursor:pointer;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .arrowheadPath{fill:#333333;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .flowchart-link{stroke:#333333;fill:none;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .cluster text{fill:#333;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .cluster span{color:#333;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family: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-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .label foreignObject{font-size:90%;overflow:visible;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 .label{font-family:sans-serif;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 :root{--mermaid-font-family:sans-serif;}#mermaid-cd62a788e4a96d9b3c58bf84c0bd4464-1756030281006 :root{--mermaid-alt-font-family:sans-serif;}</style></svg>
评论