应无所住,而生其心
排名
1
文章
870
粉丝
112
评论
163
net core webapi post传递参数
庸人 : 确实坑哈,我也是下班好了好几次,发现后台传递对象是可以的,但...
百度编辑器自定义模板
庸人 : 我建议换个编辑器,因为现在百度富文本已经停止维护了,用tinymec...
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

关于tnblog markdown

7444人阅读 2020/4/15 21:50 总访问:5406378 评论:7 收藏:0 手机
分类: 前端

我们对markdown进行了深度的优化和高度的自定义功能


比如更人性化的即时预览效果

扩展语法等

并且持续不断的完善优化中



tnlog markdown自定义标题


tnblog markdown自定义标题

语法:tn然后加一个#开头

tn#标题风格1

tn##标题风格1-2

tn2#标题风格2

tn3#标题风格3

tn4#标题风格4

效果如下:

                                           


tnlog markdown自定义摘要


tnblog markdown自定义摘要

语法:tn> 内容......


效果如下:


支持更多不同的风格,效果如下:






tnlog markdown快捷键


F9 : 打开与关闭实时预览

F10: 全窗口预览

F11: 打开与关闭全屏,ESC也可以关闭全屏状态

tnlog markdown画图

tnblog markdown除了可以支持标准的流程图和时序图之外,还自定义扩展了markdown语法支持mermaid画图,mermaid就可以支持很多种画图的功能了


例如画一个简单的LR的图:

code:

  1. ```mermaid
  2. graph LR;
  3.   A-->B;
  4.   A-->C;
  5.   B-->D;
  6. ```

画一个简单的sequenceDiagram的图:

code:

  1. sequenceDiagram
  2.     participant Alice
  3.     participant Bob
  4.     Alice->>John: Hello John, how are you?
  5.     loop Healthcheck
  6.         John->>John: Fight against hypochondria
  7.     end
  8.     Note right of John: Rational thoughts <br/>prevail!
  9.     John-->>Alice: Great!
  10.     John->>Bob: How about you?
  11.     Bob-->>John: Jolly good!


tip:为了让tnblog markdown支持mermaid,也是踩了不少坑,修改源码,分析mermaid几万行的源码,也算是把markdown解析的原理有了一定的了解,后面会陆续给tnblog markdown带来更多语法的支持谢谢大家的支持

更多花式操作可以参考尘叶心繁的博客 :  https://www.tnblog.net/hb/article/details/3515



欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价

忘掉过去式

2020/4/18 16:40:45

厉害 博主优秀 博主威武

剑轩:@忘掉过去式哈哈哈,这个也是把我坑了好几天-.-

2020/4/18 23:11:18 回复

忘掉过去式:@剑轩程序员的苦逼生活

2020/4/20 11:16:36 回复

剑轩:@忘掉过去式加油加油,每个行业都有每个行业的辛酸,但也有每个行业的乐趣

2020/4/20 12:01:22 回复

忘掉过去式:@剑轩你心态真好

2020/4/21 14:37:49 回复

剑轩:@忘掉过去式哈哈,没办法哇,本来就难,如果心态也不积极要更难了

2020/4/22 13:58:01 回复

忘掉过去式:@剑轩你心态怎么卖的 给我来两斤 实在不行咋俩换一下

2020/4/22 15:20:59 回复

mui 关于点击事件失效的一些原因

有时候我们总会遗忘一些小细节,老是怨天怨电脑,这不行那不行的,凡是都是要细心,成功还是得看细节。所以说,以后我们敲...

关于报错的一些小错误

Uncaught SyntaxError: missing ) after argument list at siren.html:36今天做项目的时候发现了这个错误我们在写JS的时候...

关于System.InvalidOperationException:“未找到具有固定名称“System.Data.SqlClient”的 ADO.NET 提供程序的实体框架提供程序...

C#的后台遇到这种错误 System.InvalidOperationException:“未找到具有固定名称“System.Data.SqlClient”的 ADO.NET 提供...

关于vs没有引用包的在线安装

打开vs=&gt;工具=&gt;NuGet包管理器=&gt;程序包管理器控制台在控制台执行命令jsos序列化反序列化用到的引用包:install-pack...

关于中间件和过滤器

中间件(Middleware)的作用中间件的运行方式中间件(Middleware)和过滤器(Filter)的区别什么情况我们需要中间件怎么样...

关于三层架构以及分层的理解

首先,对软件分层,是有必要的,不管是从可维护性角度,还是从解耦的角度。其次,被滥用,这个是的,很多人,并非真正理解...

关于七牛云不能创建文件夹的理解

云存储是没有文件夹这个概念的。不管哪家,基本都是 Key-Value 形式存储文件的(为了分布式好做索引),Key 就是文件标识,...

关于tnblog简版搜索

tnblog简版搜索支持多个关键字,关键字之间可以使用空格隔开,或者下划线隔开。如果是空格格式则是or连接,满足一个即可,...

关于httpclient调用webapi接口,设置cookie无效的原因

通过httpclient调用接口改cookie没有用 HttpContext.Response.Cookies.Append("token", tnToken.TokenStr); 他不会响应到...

关于Angular常用的创建命令。

在Angular开发中常见的一些命令创建命令ng generate component example生成组件带有模版ng generate component example -it...

关于bootstrap 网格系统row间距问题

比如我们给row设置一个边框 可以看到是没有对齐的 是因为row本身是一个间距设置的,有个负数 所有不想要这个间距我们...

关于点击时悬浮当前位置div部分显示不全问题

//点击触发悬浮div可以看看这篇 :https://www.tnblog.net/15736469932/article/details/5137 t为当前table点击事件的top ...

带货达人告诉你关于主播带货你所不知道的两个新维度!

文/全民带货达人信息密度和主观流速什么意思呢?很简单,也就是在有限的时间内如何让用户有效的接受到良性的产品信息、引导...

关于Response.Cookies.Remove无法删除cookie的原因

因为cookie是存储在客户端中的真正操作cookie的应该是浏览器的,而Response.Cookies.Remove其实只是对Cookie这些集合进行操...