Hello World

Welcome to 越客软件官方博客!

强调文本 强调文本

加粗文本 加粗文本

==标记文本==

删除文本

引用文本

  • 项目
    • 项目
      • 项目
  1. 项目1
  2. 项目2
  3. 项目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

二级目录

三级目录

1
git push

引用块 没有提供参数,则只输出普通的 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
  • 关于 甘特图 语法,参考 [这儿][2],

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].
🖊编辑文章