似乎这个功能可以有

  • 根据#标题来制定目录
  • 文档结尾贴上引用的文章

image.png

title2

title2

title3

title4

title5

斜体字
++下划线++
删除线
==点亮他==

image.png


::: hljs-left

左边

:::

::: hljs-center

中间

:::

::: hljs-right

右边

:::

段落引用

51CTO活动地址

image.png

  • 这个地方默认这么没给蓝色, 都一眼看不出是个可点击的
    • 这里再次编辑一下, 文章发布后能看到很明显的超链接!!!

插入代码

  • 来给大家表演一个手打 java main 吧! 哈哈....
public class Demo {
  public static void main (String[] args) {
    System.out.println("Hello World!");
  }
}
  • 这个地方的标识样式还是比喜欢的

image.png


  1. 有序列表-1
    1. 有序列表- 1.1
  2. 有序列表-2
    1. 有序列表- 2.1

  • 来试试无序列表吧-1
    • 来试试看吧-2
  • ==刚刚好险==
  • 这个地方要优化我按住 CTRL + delete 操作了一波整个页面都空白了, 有点吓到我了还以为书瞬间没了呢...

状态码 备注
200 成功
404 找不到资源
500 服务器异常
状态小码常识 欢迎评论区补充

卧槽这个流程图就有点意思了

st=>start: 开始编写 聊一聊悟空编辑器
e=>end: 得到礼物
op=>operation: 获得推荐标识
cond=>condition: 确认?

st->op->cond
cond(yes)->e
cond(no)->op

时序图, 厉害了这个例子举得还可以我再补充一下吧!

张三 ->> 李四: 你好!李四, 最近怎么样?
李四 ->>张三: 我还好, 你最近怎么样,张三?
张三 ->> 张三: 最近手头有点紧
Note right of 张三: 张三想了很长时间, 文字太长了<br/>似乎没发送出去.

甘特图, 这个不错

title 项目开发流程
section 项目确定
    需求分析       :a1, 2016-06-22, 3d
    可行性报告     :after a1, 5d
    概念验证       : 5d
section 项目实施
    概要设计      :2016-07-05  , 5d
    详细设计      :2016-07-08, 10d
    编码          :2016-07-15, 10d
    测试          :2016-07-22, 5d
section 发布验收
    发布: 2d
    验收: 3d
  • 总体体验下来, 我记得可以优化的地方-参考
    1. [COT] 这个代码在 Typora 上有 , 这个有会在右边生成一个目录
    2. 还有编辑时插入的超链接, 渲染出来的效果我还以为提示不明显
    3. 在编辑的时候我想删除一段文本 我按住 CTRL + delete 操作了一波整个页面都空白了, 有点吓到我了还以为书瞬间没了呢...
    4. 不过给CTRL + S给禁止了还是很贴心的, 程序员 在使用网页编辑时经常下意识按的

这个图功能还挺好来试试看吧!

10c9856f3258dfc6ed4ba360a6e851e.png

image.png