Skip to content

Latest commit

 

History

History
205 lines (142 loc) · 27.3 KB

demo.md

File metadata and controls

205 lines (142 loc) · 27.3 KB

一级标题

[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} $$

推荐:latex手写公式识别latex公式编辑器

可以直接用尖括号包裹URL链接或邮箱:https://emojixd.com/

提示块标签

嵌套提示块

其他型号提示块:

成功型提示块

问题型提示块

警告型提示块

危险型提示块

  • 无序列表1

  • 无序列表2

  1. 有序列表11
  2. 有序列表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
表1.    三线表

跳转至指定标题(锚点),也可以在任意位置通过<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 (top) 佐天泪子 (xiān qún kuáng mó) 超電磁砲 (レールガン)

shadow-可惜默认不支持图释

注:按![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名字

可以将<audio>音频包裹在<center></center>中居中显示

插入网易云的外链播放器(<iframe>,可嵌入油管等平台视频):

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" src="//music.163.com/outchain/player?type=2&id=1342183925&auto=0"></iframe>

折叠标签 青青子衿,悠悠我心

关于Typora对HTML的支持说明:https://support.typora.io/HTML/

Emoji表情符号::smile:(:smile:),Decimal NCRs或Hexadecimal NCRs^2^编码也是受支持的,譬如“笑哭”:😂(&#128514;)或😂(&#x1F602;

pie
    title Pie Chart
    "Dogs" : 386
    "Cats" : 85
    "Rats" : 150 
Loading

在线Mermaid编辑器幕布脑图(MD文档以OPML格式导出然后借助幕布转换为思维脑图)

更多绘图参考官方文档(这是另一种参考链接写法)

Parameter x
Parameter...
x1
x1
x2
x2
x3
x3
Type 1
Type 1
Type 2
Type 2
Type 3
Type 3
Parameter y
Parameter...
y1
y1
y2
y2
y3
y3
Diagram title
Diagram title
x4
x4Viewer does not support full SVG 1.1
图2.    柱状图

在线编辑地址,该图表由drawio提供支持(提供iframe嵌入代码和svg嵌入代码),还支持UML类图、Network网络拓扑图、Flowcharts流程图、Tables表格等众多图表类型

时间轴(Volantis):

2019.9 ~ 2022.6 家里蹲B
人言落日是天涯,望极天涯不见家。 已恨碧山相阻隔,碧山还被暮云遮。
2015.9 ~ 2019.6 家里蹲A
看花开花落,谈笑风生...

任务列表:

  • 未完成任务1
  • 未完成任务2
  • 已完成任务1
  • 已完成任务2

本主题(typora-dyzj-theme)的很多样式来自Hexo的butterflyVolantis主题,再次表达感谢🙇‍♀️


都看到这里了,如果您喜欢的话,点个赞:+1:再走吧:

<iframe style="margin-left: 2px; margin-bottom:-5px;" frameborder="0" scrolling="0" width="100px" height="20px" src="https://ghbtns.com/github-btn.html?user=muggledy&repo=typora-dyzj-theme&type=star&count=true" > </iframe>

Footnotes

  1. 该样式来自Butterfly主题(这是一个脚注)