<!-- _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>--><!-- _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
caption<div class="caption">宇宙的奥妙</div> 来定义图表的标题
