标题样式来自zj主题[1](这是一个参考链接,按住ctrl键并点击将自动打开浏览器并跳转至相关链接,其中上标[1]
只是一个额外的标注)
注:部分样式需要在偏好设置中开启,如上下标、行内公式、图表等。Markdown写法参考说明文档🚀,试用其他如印象等在线Markdown编辑器[Ref 1,Ref 2,Ref 3,Ref 4]
行内公式:,行间公式:
可以直接用尖括号包裹URL链接或邮箱:https://emojixd.com/
提示块标签
嵌套提示块
其他型号提示块:
成功型提示块
警告型提示块
危险型提示块
文本高亮,加粗,斜体,斜体高亮加粗,删除线,下划线。<font>
标签被我用于一款小标签样式(小康):红色小标签,可以通过设置background-color
属性控制背景色,如:绿色小标签,为了方便,我提供了五种预定义的颜色(包括前面的红色、绿色):蓝色小标签、黄色小标签、灰色小标签。一些强调型格式:下划线、着重号、波浪线。其他:隐藏文本,空心字,字体闪烁
彩虹变换字体特效(嫖自黑石大佬🙇♀️),欢迎光临(嫖自QinXS🙇♀️),抖音字效(嫖自NyKee🙇♀️)
51def decorator(func):
2 def wrapper(*args, **kwargs):
3 ...
4 return func(*args, **kwargs)
5 return wrapper
31+ 新增行
2- 删除行
3其他行
表头1 | 表头2 | 表头3 |
---|---|---|
muggledy | celestezj | 2021.9.25 |
提供另一种常见表格样式:
标题1 | 标题2 | 标题3 |
---|---|---|
居左:alt="left" | 居中:alt="center" | 居右:alt="right" |
x | y | z |
跳转至指定标题(锚点),也可以在任意位置通过<a name="锚点名" alt="none"> </a>
(为了方便编辑,typora会显示空标签或style="display:none"
的标签,但填充一个空格就可以被隐藏,在导出为HTML文件时,由于该款超链接样式有一个padding宽度,所以空链接还是会显示下划线,alt="none"
用于避免该问题,如果自定义的锚点有文字说明,则不要使用alt="none"
)设定锚点,示例:求点个赞呗
无样式链接,主要用于图片超链接等,如:
上下标:X2, H2o,下标如果是多个单词或字符并以空格分隔,需要对空格进行转义,即在空格前面加\
,譬如X~下标1\ 下标2~
(X下标1 下标2)。要显示*特殊字符等,也是通过反斜杠转义
Base、佐天泪子、超電磁砲
注:按![shadow-随便写]()
(或<img src="..." alt="shadow-随便写">
)插入图片时会显示阴影,否则没有,类似的,设为alt="blur-随便写"
时会有模糊效果,设为alt="gray-随便写"
时图片默认为暗灰色。右键图片可以进行指定比例的缩放,任意比例可以通过style="zoom:0.x"
属性实现
目前会对图片自动编号,但要正确显示图释(alt
属性值),还需额外修改frame.js源码(在安装路径Typora/resources/app/app/window/下),分别定位到h="<span md-inline='"+v+"'"+S+" contenteditable='false' class='md-image"+L+"' data-src='"+F+"' "+b+">
以及h="<span md-inline='"+v+"'"+S+" contenteditable='false' class='md-image md-img-loaded"+w+"' "+b+">
处(注意Typora版本不同,相关代码可能有所区别),将两处末尾的">
都替换为以下字符串即可:
11" alt='"+ (k.getAttribute("alt") ? ". "+(/^(shadow-|blur-|gray-)?(.*)$/.exec(k.getAttribute("alt"))[2]) : "") +"'>
或者直接在图片下方手动写图释(适用于非img标签):<div alt="fig">图释说明</div>
可以将
<audio>
音频包裹在<center></center>
中居中显示
插入网易云的外链播放器(<iframe>
,可嵌入油管等平台视频):
PDF文件预览示例(https://webstack.muggledy.top/plays/pdfv/?url=PDF文件链接
):
关于Typora对HTML的支持说明:https://support.typora.io/HTML/
Emoji表情符号:😄(:smile:
),Decimal NCRs或Hexadecimal NCRs[2]编码也是受支持的,譬如“笑哭”:😂(😂
)或😂(😂
)
在线Mermaid编辑器、幕布脑图(MD文档以OPML格式导出然后借助幕布转换为思维脑图)
更多绘图参考官方文档(这是另一种参考链接写法)
以下两种嵌入式绘图虽然更加美观,但是都无法在typora中直接编辑,只能用于查看,不太方便:
该脑图由markmap提供支持,其直接将MD格式代码转换为脑图,可以作为VS Code的插件使用
在线编辑地址,该图表由drawio提供支持(提供iframe嵌入代码和svg嵌入代码),还支持UML类图、Network网络拓扑图、Flowcharts流程图、Tables表格等众多图表类型
时间轴(Volantis):
任务列表:
未完成任务1
未完成任务2
已完成任务1
已完成任务2
本主题(typora-dyzj-theme)的很多样式来自Hexo的butterfly及Volantis主题,再次表达感谢🙇♀️