无权限

Derrick博客站

这是您的第一篇初始文章

欢迎使用WhaleCMS-鲸鱼博客CMS系统,本系统所有功能全部免费开放,后续会持续更新更多功能,敬请期待。

鲸鱼博客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 特大号!
大头 ^`儿子`^ 和小头 ^^`爸爸`^^
爱在~~西元前~~**当下**

效果
红色超链接
黑底白字超链接
新窗口打开
鞋子 特大号
大头 儿子 和小头 爸爸
爱在西元前当下


标题设置

说明

  • 在文字下方加 === 可使上一行文字变成一级标题

  • 在文字下方加 --- 可使上一行文字变成二级标题

  • 在行首加井号(#)表示不同级别的标题,例如:# H1, ##H2, ###H3


超链接

说明

  • 使用 [描述](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

效果

  • 无序列表项 一默认

  • 无序列表项 二

    • 无序列表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

效果

  1. 有序列表项 一阿拉伯数字

  2. 有序列表项 二

    1. 有序列表项 2.1罗马数字

    2. 有序列表项 2.2

    3. 有序列表项 2.3

  3. 有序列表 三

    1. 有序列表3.1希腊字母

    2. 有序列表3.2

    3. 有序列表3.3

  4. 有序列表 四

    1. 有序列表4.1中文数字

    2. 有序列表4.2

    3. 有序列表4.3


引用

说明

  • 在行首使用 > 表示文字引用

示例

> 野火烧不尽,春风吹又生

效果

野火烧不尽,春风吹又生

行内代码

说明

  • 使用 `代码` 表示行内代码

示例

让我们聊聊 `html`

效果
让我们聊聊 html


代码块

说明

  • 使用 三个` 表示代码块

效果

    这是一个代码块
    有两行

高阶语法手册


目录

说明

  • 使用[[toc]],会自动生成一个页面目录,目录内容由一级、二级、三级标题组成


信息面板

说明
使用连续三个冒号:::和关键字([primary | info | warning | danger | success])来声明

:::primary // [primary | info | warning | danger | success] 标题
内容
:::

效果

标题

内容

内容


手风琴

说明
使用连续三个加号+++和关键字([ + | - ])来声明,关键字+表示默认收起,关键字-表示默认展开

+++ 点击展开更多
内容
++- 默认展开
内容
++ 默认收起
内容
+++

效果

点击展开更多

内容

默认展开

内容

默认收起

内容


语法高亮

说明

  • 在```后面指明语法名

  • 加强的代码块,支持四十一种编程语言的语法高亮的显示

效果
非代码示例:

sudo apt-get install vim-gnome

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
- [x] BBB
- [ ] CCC

效果

  • AAA

  • BBB

  • CCC


带对齐功能的表格

说明

  • 一种比较通用的markdown表格语法

示例

|项目(居中对齐)|价格(右对齐)|数量(左对齐)|
|:-:|-:|:-|
|计算机|¥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;">&lt;style&gt;#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;}&lt;/style&gt;</svg>
🔒
当前内容为付费内容

会员用户:

免费

评论

快捷导航

把好文章收藏到微信

打开微信,扫码查看

关闭

还没有账号?立即注册