<!-- _class: trans -->
):封面页 | 目录页 | 列表 | 引用盒子 | 其他 1 | 其他 2 |
---|---|---|---|---|---|
cover_a |
toc_a |
cols-2 |
bq-black |
过渡页面 trans |
图表等的标题 caption |
cover_b |
toc_b |
cols-2-64 |
bq-purple |
最后一页 lastpage |
非嵌套无序列表的毛玻璃效果 fglass |
cover_c |
cols-2-73 |
bq-red |
导航栏 navbar |
脚注:footnote |
|
cover_d |
cols-3 |
bq-blue |
标题固定+无底色 fixedtitleA |
调节字体大小:tinytext /smalltext /largetext /hugetext |
|
cover_e |
cols-2-46 |
bq-green |
标题固定+有底色 fixedtitleB |
||
cols-2-37 |
两列有序列表 cols2_ol_sq/ci |
||||
rows-2 |
两列无序列表 cols_ul_sq/ci |
||||
pin-3 |
单列有序列表 col1_ul_sq/ci |
theme: am_dark
:深色 | 绿色 | 红色 | 蓝色 | 棕色 | 紫色 |
---|---|---|---|---|---|
am_dark |
am_green |
am_red |
am_blue |
am_brown |
am_purple |
如何使用:
Awesome-Marp
文件夹
Awesome-Marp/themes
下有 6 个 CSS 文件,这些 CSS 文件决定了 Markdown 源码的最终渲染效果,可以试着改一改~Awesome-Marp/.vscode/settings.json
里加上你的 CSS 文件路径~字体:因担心版权问题,需自行下载字体并安装,Awesome Marp 用到的字体有:
Latin Modern Math
、方正宋刻本秀楷简体
,如果未安装,默认将使用 Calibri
和 楷体
Optima LT Medium
、方正苏新诗柳楷简体
,如果未安装,默认将使用 Arial
和 黑体
Charm
和 叶根友毛笔行书修正版
,如果未安装,默认将使用 Calibri
和 楷体
Fira Code
和 霞鹜文楷等宽
,如果未安装,默认将使用 Consolas
和 华文中宋
大标题:采用一级标题 #
(如:# Awesome Marp:自定义 Marp 主题
)
副标题:采用六级标题 ######
(如:###### 打造简便又不失个性的演示文稿
)
本套模板提供 5 种封面页样式,使用时需要在页面中设定局部指令,如:<!-- _class: cover_a -->
如果已经设定了全局 footer、header 或页码,但又不期望在封面页中出现,可以 <!-- _footer: "" -->
/ <!-- _header: "" -->
/ <!-- _paginate: "" -->
分别将其局部隐藏起来
当标题文字超过页面宽度会溢出换行,这里可以使用 <!-- fit -->
根据页面宽度自动调整文字大小
@初虹
公众号:虹鹄山庄
发布时间:2024 年 1 月 13 日(v1.3)
ch2099058972@163.com
Awesome-Marp 地址:GitHub 库/Gitee 库
@初虹
公众号:虹鹄山庄
发布时间:2024 年 1 月 13 日(v1.3)
ch2099058972@163.com
Awesome-Marp 地址:GitHub 库/Gitee 库
@初虹
公众号:虹鹄山庄
发布时间:2024 年 1 月 13 日(v1.3)
ch2099058972@163.com
Awesome-Marp 地址:GitHub 库/Gitee 库
@初虹
公众号:虹鹄山庄
发布时间:2024 年 1 月 13 日(v1.3)
ch2099058972@163.com
Awesome-Marp 地址:GitHub 库/Gitee 库
Awesome Marp 提供了至少 2 种目录页样式,使用时同样需要设定局部样式
toc_a
:需要将 header 的内容设定为 CONTENTS
,即 <!-- _header: "CONTENTS" -->
toc_b
:需要将 header 的内容设定为 目录<br>CONTENTS<br>你的LOGO地址
,即 <!-- _header: 目录<br>CONTENTS<br>![](./logo.png)-->
<!-- _class: cols2_ol_ci fglass -->
(效果见这里)类似地,如果已经定义了全局 footer 或页码,可以使用 <!-- _footer: "" -->
/ <!-- _paginate: "" -->
分别将其局部隐藏起来
<!-- _class: cols-2 -->
为例,Markdown 的源码为:<!-- _class: cols-2 -->
<div class=ldiv>
第一列(左侧栏)的内容在这里
内容可以是普通纯文本,可以是列表,也可以是引用块、链接、图片等
</div>
<div class=rdiv>
第二列(右侧栏)的内容在这里
</div>
<!-- _class: cols-3 -->
),还需要再增加 <div class="mdiv"></div>
标签曲曲折折的荷塘上面,弥望的是田田的叶子。叶子出水很高,像亭亭的舞女的裙。
层层的叶子中间,零星地点缀着些白花,有袅娜地开着的,有羞涩地打着朵儿的;正如一粒粒的明珠,又如碧天里的星星,又如刚出浴的美人。
微风过处,送来缕缕清香,仿佛远处高楼上渺茫的歌声似的。这时候叶子与花也有一丝的颤动,像闪电般,霎时传过荷塘的那边去了。
叶子本是肩并肩密密地挨着,这便宛然有了一道凝碧的波痕。叶子底下是脉脉的流水,遮住了,不能见一些颜色;而叶子却更见风致了。
—— 朱自清《荷塘月色》 返回
盼望着,盼望着,东风来了,春天的脚步近了。
一切都像刚睡醒的样子,欣欣然张开了眼。山朗润起来了,水涨起来了,太阳的脸红起来了。
小草偷偷地从土里钻出来,嫩嫩的,绿绿的。园子里,田野里,瞧去,一大片一大片满是的。坐着,躺着,打两个滚,踢几脚球,赛几趟跑,捉几回迷藏。风轻悄悄的,草软绵绵的。
—— 朱自清《春》
经典的散文诗篇有:
盼望着,盼望着,东风来了,春天的脚步近了。
一切都像刚睡醒的样子,欣欣然张开了眼。山朗润起来了,水涨起来了,太阳的脸红起来了。
小草偷偷地从土里钻出来,嫩嫩的,绿绿的。园子里,田野里,瞧去,一大片一大片满是的。坐着,躺着,打两个滚,踢几脚球,赛几趟跑,捉几回迷藏。风轻悄悄的,草软绵绵的。
—— 朱自清《春》
经典的散文诗篇有:
四百年前,两位截然不同的科学家突破了当时已知世界的边界。1609 年在威尼斯,伽利略・伽利雷透过望远镜观察星辰,并制作仪器和进行实验。在布拉格,科班出身的神学家约翰内斯・开普勒发现了行星运动定律,奠定了近代天体物理学的基础,并思考着宇宙的宏伟构造。托马斯・德・帕多瓦以至今较少受到关注却扣人心弦的通信往来为基础,讲述了这两位类型如此迥异的学者之间不对等的关系,以及他们如何在同样的时刻却以各自的方式探索星辰的奥秘。在彼此的鉴照下,他们的远见与固执、睿智与无知得以呈现。这是一部介绍新科学的崛起以及近代来临之际的巨大变革的作品。 ——《宇宙的奥妙》
Awesome Marp v1.3 提供了 6 种列表分列的方式,分别为:
cols2_ol_sq
:呈现效果为有序列表 + 方形序号cols2_ol_ci
:呈现效果为有序列表 + 圆形序号cols2_ul_sq
:呈现效果为无序列表 + 方形序号cols2_ul_ci
:呈现效果为无序列表 + 圆形序号col1_ul_sq
:呈现效果为有序列表 + 方形序号col1_ul_ci
:呈现效应为有序列表 + 圆形序号渲染效果为有序列表+方形序号
自定义样式为:<!-- _class: cols2_ol_sq fglass -->
渲染效果为有序列表+圆形序号
自定义样式为:<!-- _class: cols2_ol_ci fglass -->
渲染效果为无序列表+方形序号
自定义样式为:<!-- _class: cols2_ul_sq fglass -->
渲染效果为无序列表+圆形序号
自定义样式为:<!-- _class: cols2_ul_ci fglass -->
渲染效果为单列+有序列表+方形序号
自定义样式为:<!-- _class: col1_ul_sq fglass -->
渲染效果为单列+有序列表+圆形序号
自定义样式为:<!-- _class: col1_ul_ci fglass -->
合成控制法 (Synthetic Control Method) 最早由 Abadie and Gardeazabal (2003) 提出,用来研究西班牙巴斯克地区恐怖活动的经济成本,属于案例研究范畴 (Case Study)。
<!-- _class: bq-purple -->
合成控制法 (Synthetic Control Method)
SCM 最早由 Abadie and Gardeazabal (2003) 提出,用来研究西班牙巴斯克地区恐怖活动的经济成本,属于案例研究范畴 (Case Study)。Athey & Imbens (2017) 认为它是过去 15 年计量方法领域最重要的创新。
合成控制法的基本思想是:虽然无法找到巴斯克地区的最佳控制地区,但可对西班牙的若干大城市进行适当的线性组合(赋予不同的权重),以构造一个更为贴切的「合成控制地区」 (Synthetic Control Region),然后将真实的巴斯克地区与「合成的巴斯克地区」进行对比,即可得到恐袭的影响。
<!-- _class: bq-blue -->
合成控制法 (Synthetic Control Method)
SCM 最早由 Abadie and Gardeazabal (2003) 提出,用来研究西班牙巴斯克地区恐怖活动的经济成本,属于案例研究范畴 (Case Study)。Athey & Imbens (2017) 认为它是过去 15 年计量方法领域最重要的创新。
合成控制法的基本思想是:虽然无法找到巴斯克地区的最佳控制地区,但可对西班牙的若干大城市进行适当的线性组合(赋予不同的权重),以构造一个更为贴切的「合成控制地区」 (Synthetic Control Region),然后将真实的巴斯克地区与「合成的巴斯克地区」进行对比,即可得到恐袭的影响。
<!-- _class: bq-green -->
合成控制法 (Synthetic Control Method)
SCM 最早由 Abadie and Gardeazabal (2003) 提出,用来研究西班牙巴斯克地区恐怖活动的经济成本,属于案例研究范畴 (Case Study)。Athey & Imbens (2017) 认为它是过去 15 年计量方法领域最重要的创新。
合成控制法的基本思想是:虽然无法找到巴斯克地区的最佳控制地区,但可对西班牙的若干大城市进行适当的线性组合(赋予不同的权重),以构造一个更为贴切的「合成控制地区」 (Synthetic Control Region),然后将真实的巴斯克地区与「合成的巴斯克地区」进行对比,即可得到恐袭的影响。
<!-- _class: bq-red -->
合成控制法 (Synthetic Control Method)
SCM 最早由 Abadie and Gardeazabal (2003) 提出,用来研究西班牙巴斯克地区恐怖活动的经济成本,属于案例研究范畴 (Case Study)。Athey & Imbens (2017) 认为它是过去 15 年计量方法领域最重要的创新。
合成控制法的基本思想是:虽然无法找到巴斯克地区的最佳控制地区,但可对西班牙的若干大城市进行适当的线性组合(赋予不同的权重),以构造一个更为贴切的「合成控制地区」 (Synthetic Control Region),然后将真实的巴斯克地区与「合成的巴斯克地区」进行对比,即可得到恐袭的影响。
<!-- _class: bq-black -->
合成控制法 (Synthetic Control Method)
SCM 最早由 Abadie and Gardeazabal (2003) 提出,用来研究西班牙巴斯克地区恐怖活动的经济成本,属于案例研究范畴 (Case Study)。Athey & Imbens (2017) 认为它是过去 15 年计量方法领域最重要的创新。
合成控制法的基本思想是:虽然无法找到巴斯克地区的最佳控制地区,但可对西班牙的若干大城市进行适当的线性组合(赋予不同的权重),以构造一个更为贴切的「合成控制地区」 (Synthetic Control Region),然后将真实的巴斯克地区与「合成的巴斯克地区」进行对比,即可得到恐袭的影响。
fixedtitleA
)自定义样式:<!-- _class: fixedtitleA -->
使当前页面的标题栏固定在顶部,而非随着内容的多少浮动
同时,页面内容也会从顶部起笔,而非垂直方向上居中显示
fixedtitleB
)自定义样式:<!-- _class: fixedtitleB -->
fixedtitleB
相比于 fixedtitleA
,标题增加了底色色块,同时缩小了标题大小
其余效果与 fixedtitleA
相同
但是页面正文内容需要包裹在 <div class="div'></div>
标签中
footnote
使用方法:
<!-- _class: footnote -->
<div class = "tdiv"></div>
<div class = "bdiv"></div>
举个例子,展示一下显示效果:
1 张甜迪. 金融化对中国金融、非金融行业收入差距的影响[J]. 经济问题, 2015(11): 40-46.
2 Hein E. Finance-dominated capitalism and re-distribution of income: a Kaleckian perspective[J]. Cambridge Journal of Economics, 2015, 39(3): 907-934.
对于字体大小的调节,直接修改 CSS 文件应该很方便的。但有小伙伴提出,“希望可以增加字体调节的自定义样式”,于是目前提供了四种微调样式:
<!-- _class: tinytext -->
(是默认字体大小的 0.8 倍)<!-- _class: smalltext -->
(是默认字体大小的 0.9 倍)<!-- _class: largetext -->
(是默认字体大小的 1.15 倍)<!-- _class: hugetext -->
(是默认字体大小的 1.3 倍)比如,本页面采用的自定义样式为 largetext
![#c](https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202309221014499.png)