[TOC]
标题样式来自zj主题^1^(这是一个参考链接,按住ctrl键并点击将自动打开浏览器并跳转至相关链接,其中上标[1]
只是一个额外的标注)
注:部分样式需要在偏好设置中开启,如上下标、行内公式、图表等。Markdown写法参考说明文档🚀,试用其他如印象等在线Markdown编辑器[Ref 1,Ref 2,Ref 3,Ref 4]
行内公式:$\lim\limits_{x \to \infty} \exp(-x)=0$,行间公式: $$ E_0 = mc^2 \ \quad\text{—— Albert Einstein} $$
可以直接用尖括号包裹URL链接或邮箱:https://emojixd.com/
提示块标签
嵌套提示块
其他型号提示块:
成功型提示块
问题型提示块
警告型提示块
危险型提示块
-
无序列表1
-
无序列表2
- 有序列表11
- 有序列表2
==文本高亮==,加粗,斜体,==斜体高亮加粗==,删除线,下划线。<font>
标签被我用于一款小标签样式(小康):红色小标签,可以通过设置background-color
属性控制背景色,如:绿色小标签,为了方便,我提供了五种预定义的颜色(包括前面的红色、绿色):蓝色小标签、黄色小标签、灰色小标签。一些强调型格式:下划线、着重号、波浪线。其他:隐藏文本,空心字,字体闪烁
彩虹变换字体特效(嫖自黑石大佬🙇♀️),欢迎光临(嫖自QinXS🙇♀️),抖音字效(嫖自NyKee🙇♀️)
def decorator(func):
def wrapper(*args, **kwargs):
...
return func(*args, **kwargs)
return wrapper
+ 新增行
- 删除行
其他行
表头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"
)设定锚点,示例:求点个赞呗
无样式链接,主要用于图片超链接等,如:(行内图片)
上下标:X^2^, 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 v0.9.98,注意版本不同,相关代码可能稍有区别),将两处末尾的">
都替换为以下字符串即可:
" alt='"+ (k.getAttribute("alt") ? ". "+(/^(shadow-|blur-|gray-)?(.*)$/.exec(k.getAttribute("alt"))[2]) : "") +"'>
Typora v1.4.7:
s="<span md-inline='"+g+"'"+S+" contenteditable='false' class='md-image"+L+"' data-src='"+k+"' "+b+">
s="<span md-inline='"+g+"'"+S+" contenteditable='false' class='md-image md-img-loaded"+w+"' "+b+">
//替换为:
" alt='"+ (F.getAttribute("alt") ? ". "+(/^(shadow-|blur-|gray-)?(.*)$/.exec(F.getAttribute("alt"))[2]) : "") +"'>
或者直接在图片下方手动写图释(适用于非img标签):<div alt="fig">图释说明</div>
Typora导出的HTML文件,图片不显示注释及阴影等特效,部分样式地址为file://本地文件,一旦将HTML文件拷贝到其他计算机,就会显示异常,这些问题可以通过脚本修复,执行
python export_html_help.py <HTML文件>
,这会在HTML文件所在目录下生成一个.temp/文件夹,其中是file://本地文件的拷贝,为方便,可考虑将引用的资源(图片、视频等)文件均放在此目录下,当然,也可以通过--output
参数更改默认的.temp名字