欢迎使用WhaleCMS-鲸鱼博客CMS系统,这是您的第一篇初始文章
鲸鱼博客CMS系统-文章发布功能,采用腾讯开源的cherry-markdown,功能强大的富文本编辑器,专注于 Markdown 格式的文本编辑。它提供了直观的用户界面和丰富的编辑功能,适合需要高效撰写和管理 Markdown 文档的用户。Markdown是一种轻量级的标记语言,使用纯文本格式编写文档,易读易写且格式美观。本文将介绍Markdown的基本语法,帮助您在鲸鱼博客CMS系统中开始创作。
字体样式
说明
使用
*(或_)
和**(或__)
表示斜体和 粗体使用
/
表示 下划线 ,使用~~
表示删除线使用
^(或^^)
表示上标或下标使用 ! 号+数字 表示字体 大 小 [^专有语法提醒]
使用两个(三个)!号+RGB 颜色 表示字体颜色(背景颜色)[^专有语法提醒]
示例
效果
红色超链接
黑底白字超链接
新窗口打开
鞋子 特大号
大头 儿子
和小头 爸爸
爱在西元前当下
标题设置
说明
在文字下方加 === 可使上一行文字变成一级标题
在文字下方加 --- 可使上一行文字变成二级标题
在行首加井号(#)表示不同级别的标题,例如:# H1, ##H2, ###H3
超链接
说明
使用
[描述](URL)
为文字增加外链接使用
<URL>
插入一个链接URL 会自动转成链接
示例
效果
这是 腾讯网 的链接。
这是 一个引用的 的链接。
这是一个包含中文的链接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
代码块
说明
使用 三个` 表示代码块
效果
高阶语法手册
目录
说明
使用
[[toc]]
,会自动生成一个页面目录,目录内容由一级、二级、三级标题组成
信息面板
说明
使用连续三个冒号:::
和关键字([primary | info | warning | danger | success]
)来声明
效果
内容
内容
手风琴
说明
使用连续三个加号+++
和关键字([ + | - ]
)来声明,关键字+
表示默认收起,关键字-
表示默认展开
效果
点击展开更多
内容
默认展开
内容
默认收起
内容
语法高亮
说明
在```后面指明语法名
加强的代码块,支持四十一种编程语言的语法高亮的显示
效果
非代码示例:
Python 示例:
@requires_authorization
def somefunc(param1='', param2=0):
'''A docstring'''
if param1 > param2: # interesting
print 'Greater'
return (param2 - param1 + 1) or None
class SomeClass:
pass
>>> message = '''interpreter
... prompt'''
JavaScript 示例:
/**
* nth element in the fibonacci series.
* @param n >= 0
* @return the nth element, >= 0.
*/
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[^不通用提醒]
说明
输入
[ ]
或[x]
,就会生成一个 checklist
示例
效果
AAA
BBB
CCC
带对齐功能的表格
说明
一种比较通用的markdown表格语法
示例
效果
项目(居中对齐) | 价格(右对齐) | 数量(左对齐) |
---|---|---|
计算机 | ¥1600 | 5 |
手机机 | ¥12 | 50 |
流程图[^不通用提醒]
说明
访问Mermaid 流程图参考具体使用方法。
效果
小明老婆让小明下班时买一斤包子,如果遇到卖西瓜的,买一个。
左右结构
上下结构
时序图[^不通用提醒]
说明
访问Mermaid 时序图参考具体使用方法
效果
状态图[^不通用提醒]
说明
访问Mermaid 状态图参考具体使用方法
效果
UML图[^不通用提醒]
说明
访问Mermaid UML图参考具体使用方法
效果
饼图[^不通用提醒]
说明
访问Mermaid 饼图参考具体使用方法
效果
注释[^不通用提醒]
说明
使用中括号+冒号([]:)生成单行注释
使用中括号+尖号+冒号([^]:)生成多行注释
多行注释以连续两次回车结束
示例
效果
下面是一行单行注释
上面面是一行单行注释
下面是多行注释
上面是多行注释
快捷键
功能 | 按键(Windows) | 按键(macOS) |
---|---|---|
1级标题 | Ctrl + 1 | ⌘ + 1 |
2级标题 | Ctrl + 2 | ⌘ + 2 |
3级标题 | Ctrl + 3 | ⌘ + 3 |
4级标题 | Ctrl + 4 | ⌘ + 4 |
5级标题 | Ctrl + 5 | ⌘ + 5 |
6级标题 | Ctrl + 6 | ⌘ + 6 |
加粗 | Ctrl + b | ⌘ + b |
斜体 | Ctrl + i | ⌘ + i |
插入链接 | Ctrl + l | ⌘ + l |
插入代码块 | Ctrl + k | ⌘ + k |
插入图片 | Ctrl + g | ⌘ + g |
插入公式 | Ctrl + m | ⌘ + m |
协议
/**
* Tencent is pleased to support the open source community by making CherryMarkdown available.
*
* Copyright (C) 2021 THL A29 Limited, a Tencent company. All rights reserved.
* The below software in this distribution may have been modified by THL A29 Limited ("Tencent Modifications").
*
* All Tencent Modifications are Copyright (C) THL A29 Limited.
*
* CherryMarkdown is licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
评论