Welcome to 越客软件官方博客!
强调文本 强调文本
加粗文本 加粗文本
==标记文本==
删除文本
引用文本
- 项目1
- 项目2
- 项目3
bulma message样式:https://bulma.io/documentation/components/message/
其他可以参考其他的样式说明文档
class=”message is-primary”
is-warning,is-dark,is-info,is-success,is-warning,is-danger
Lorem ipsum
Pellentesque risus mi,
diam, et dictum
felis venenatis efficitur. Aenean ac
eleifend lacus
本文同时提供以下语言的翻译:
English.message message-immersive is-primary
文章内容message message-immersive is-warning
文章内容message message-immersive is-dark
文章内容message message-immersive is-info
文章内容message message-immersive is-success
文章内容message message-immersive is-danger
我如何改变页面的宽度?我如何使用单栏/双栏/三栏布局?message is-primary
Lorem ipsum
Pellentesque risus mi, Nullam gravida purus
diam, et dictum
felis venenatis efficitur. Aenean ac
eleifend lacus
Danger hero
Danger subtitle
二级目录
三级目录
引用块 没有提供参数,则只输出普通的 blockquote
Every interaction is both. 引用网络上的文章
创建一个表格
一个简单的表格是这么创建的:
项目 |
Value |
电脑 |
$1600 |
手机 |
$12 |
导管 |
$1 |
设定内容居中、居左、居右
使用:---------:
居中
使用:----------
居左
使用----------:
居右
第一列 |
第二列 |
第三列 |
第一列文本居中 |
第二列文本居右 |
第三列文本居左 |
手机 |
$12 |
|
导管 |
$1 |
|
UML 图表
可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图:
1 2 3 4 5 6 7 8 9
| sequenceDiagram 张三 ->> 李四: 你好!李四, 最近怎么样? 李四-->>王五: 你最近怎么样,王五? 李四--x 张三: 我很好,谢谢! 李四-x 王五: 我很好,谢谢! Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.
李四-->>张三: 打量着王五... 张三->>王五: 很好... 王五, 你怎么样?
|
这将产生一个流程图。:
1 2 3 4 5
| graph LR A[长方形] -- 链接 --> B((圆)) A --> C(圆角长方形) B --> D{菱形} C --> D
|
新的甘特图功能,丰富你的文章
1 2 3 4 5 6 7 8
| gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to mermaid section 现有任务 已完成 :done, des1, 2014-01-06,2014-01-08 进行中 :active, des2, 2014-01-09, 3d 计划一 : des3, after des2, 5d 计划二 : des4, after des3, 5d
|
FLowchart流程图
我们依旧会支持flowchart的流程图:
1 2 3 4 5 6 7 8 9
| flowchat st=>start: 开始 e=>end: 结束 op=>operation: 我的操作 cond=>condition: 确认?
st->op->cond cond(yes)->e cond(no)->op
|
- 关于 Flowchart流程图 语法,参考 [这儿][4].