Loading...
墨滴

指月指

2021/08/05  阅读:38  主题:自定义主题1

橙心up主题【示例】:橙心主题的优化

基于mdnice的橙心主题,对一级主题、代码块的左边距和颜色进行了小小的优化!

感谢mdnice和主题作者!

代码块的颜色在mdnice和公众号还是有差别,目前似乎不太支持自定义代码块的主题

1、 mdnice 介绍

  • Markdown编辑器自定义样式
  • 用于微信公众号、知乎

下面是官方账号:

2、 主题

主题地址:https://product.mdnice.com/themes,欢迎提交自己的主题

3、 主题样式

一级标题

二级标题

三级标题

无序列表

  • 无序列表 1
  • 无序列表 2
  • 无序列表 3

列表的层级如下:

  • 无序列表 1
  • 无序列表 2
    • 无序列表

有序列表

  1. 有序列表 1
  2. 有序列表 2
  3. 有序列表 3

链接

这是链接示例[1]

引用

我是引用的内容

这里写图片描述
这里写图片描述

我是二级引用的内容

代码块

下main是代码块样式的修改。但是md中和公众号中颜色有些差别:

ctx.beginPath();
// 将canvas坐标系原点移动到 x,y
ctx.translate(origin.x,origin.y);
ctx.arc(0,0,20,0,2*Math.PI);
ctx.fillStyle="green";
ctx.fill();

ctx.beginPath();
ctx.rect(-canvas.width/2 +100,-canvas.height/2+50,200,100);
ctx.strokeStyle="red";
ctx.stroke();

详细mdnice的使用可以查看官方介绍

体验 Markdown Nice 地址:https://mdnice.com

参考资料

[1]

链接示例: https://github.com/markdown-it/markdown-it/issues/410

指月指

2021/08/05  阅读:38  主题:自定义主题1

作者介绍

指月指