gtAdmin/StudyDiary-20261009
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
0a74be593433b1e9965af782397d53399564779e
StudyDiary-20261009/08-Inbox/marp/files/AwesomeMarp_brown.md
CrazyJasonwell e97be9ac8c commit all
2026-10-09 22:06:40 +08:00

943 lines
37 KiB
Markdown
Executable File
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
---
marp: true
size: 16:9
theme: am_brown
paginate: true
headingDivider:
- 2
- 3
footer: \ *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*
created: 2025-09-09T18:22
updated: 2025-09-22T13:27
---
<!-- _class: cover_a
<!-- _header: "" -->
<!-- _footer: "" -->
<!-- _paginate: "" -->
# Awesome Marp：轻松取代 LaTeX Beamer！
###### “用法简单、功能全面的个性化 PPT 模板”
@初虹
公众号：虹鹄山庄
发布时间：2024 年 1 月 13 日（v1.3）
<ch2099058972@163.com>
Awesome-Marp 地址：[GitHub 库](https://github.com/favourhong/Awesome-Marp)/[Gitee 库](https://gitee.com/favourhong/Awesome-Marp)
## Awesome Marp 有什么？
<!-- _class: cols2_ol_ci fglass toc_a -->
<!-- _footer: "" -->
<!-- _header: "CONTENTS" -->
<!-- _paginate: "" -->
- [关于模板](#3)
- [封面页](#10)
- [目录页](#16)
- [页面分栏与列表分列](#20)
- [引用、链接和引用盒子](#38)
- [导航栏](#45)
- [其他自定义样式](#48)
- [需要知道的基础知识](#56)
- [最后一页](#59)
## 1. 关于模板
<!-- _class: trans -->
<!-- _footer: "" -->
<!-- _paginate: "" -->
## 1. 关于模板
- **开始之前：** 你需要知道这样几个工具，Markdown、Markdown 编辑器（VS Code 或 Obsidian）和 Marp。关于这三者是个啥，我不做详细地介绍，但在[第 55 页](#55)-[第 58 页](#58)会有一些凝练性的内容给你参考，同时我提供了不少的链接，也供你参阅。
- **为什么要开发 Awesome Marp？**
- Marp 原生仅提供 3 种主题（`default` / `gaia` / `uncover`），呈现效果一般。于是我根据自己的使用情况，边用边改造，陆续打磨了这样的一整套模板。
- **目前发布的 v1.3 有 38 个自定义样式、6 种颜色的主题**（后面有呈现效果）
- **Awesome Marp 的几个特色：**
- 支持分栏呈现、支持 Callouts（类似于 Beamer 中的定理框）、提供多种类型的封面页和目录页、可以实现导航进度栏、图片支持自定义居中/居左/居右对齐等
- 本着「开箱即用」的原则，我将本项目文件夹打包上传到了[GitHub](https://github.com/favourhong/Awesome-Marp) 和 [Gitee](https://gitee.com/favourhong/Awesome-Marp)
- 用到的工具：软件 [Visual Studio Code](https://code.visualstudio.com) 或 [Obsidian](https://obsidian.md/)、[Marp for VScode（插件）](https://marketplace.visualstudio.com/items?itemName=marp-team.marp-vscode)
## 1. 关于模板
- Awesome Marp 支持 38 个自定义样式，使用时需在页面指定（如 `<!-- _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`/<br>`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` | |
## 1. 关于模板
- Awesome Marp 的主题色（6 种），可在 YAML 区切换 Theme，如 `theme: am_dark`：
| 深色 | 绿色 | 红色 | 蓝色 | 棕色 | 紫色
|---------|----------|--------|---------|----------|----|
| `am_dark` | `am_green` | `am_red` | `am_blue` | `am_brown` |`am_purple`|
## 1. 关于模板
- 如何使用：
- **搭配 VS Code**：直接使用 VS Code 打开 `Awesome-Marp` 文件夹
- 如果你想「拿来即用」，直接根据我分享的 Markdown 源码文件，对照修改就好了~
- 如果你对部分效果不满意、期望简单微调的话，目前在 `Awesome-Marp/themes` 下有 6 个 CSS 文件，这些 CSS 文件决定了 Markdown 源码的最终渲染效果，可以试着改一改~
- 如果你能够自行定制个性化 CSS 文件，渲染前，别忘在 `Awesome-Marp/.vscode/settings.json` 里加上你的 CSS 文件路径~
- **搭配 Obsidian**：安装 [Marp Slides 插件](https://github.com/samuele-cozzi/obsidian-marp-slides)，并配置相应 CSS 路径
- 字体：因担心版权问题，需自行下载字体并安装，Awesome Marp 用到的字体有：
- 正文字体：`Latin Modern Math`、`方正宋刻本秀楷简体`，如果未安装，默认将使用 `Calibri` 和 `楷体`
- 标题字体：`Optima LT Medium`、`方正苏新诗柳楷简体`，如果未安装，默认将使用 `Arial` 和 `黑体`
- 脚注字体：`Charm` 和 `叶根友毛笔行书修正版`，如果未安装，默认将使用 `Calibri` 和 `楷体`
- 代码字体：`Fira Code` 和 `霞鹜文楷等宽`，如果未安装，默认将使用 `Consolas` 和 `华文中宋`
## 1. 关于模板：更新日志
- [Awesome Marp v1.0：我开发了一整套 Marp 主题，Markdown 转换的 PPT 也可以很好看！](https://mp.weixin.qq.com/s?__biz=MzkwOTE3NDExOQ==&mid=2247486787&idx=1&sn=2652ddae81f50240844cb652780912e1&chksm=c13ff94bf648705da1ba986b91265e3ff018acaffcfa60d7807a81be22176005e7a2b4483627&scene=178&cur_album_id=3132459596339757070#rd)
- [Awesome Marp v1.1：标题行不随正文浮动，这下更像 Beamer 了！](https://mp.weixin.qq.com/s?__biz=MzkwOTE3NDExOQ==&mid=2247486800&idx=1&sn=527348e242576079e4bd6cd1823c823a&chksm=c13ff958f648704e40a202db6ad5fa215ef4c189d66403e161d6ace9828406a8747ac755684f&scene=178&cur_album_id=3132459596339757070#rd)
- [Awesome Marp v1.2：增加脚注、调节字体大小等样式～](https://mp.weixin.qq.com/s?__biz=MzkwOTE3NDExOQ==&mid=2247486825&idx=1&sn=56d632ce164831438ec87c1b20ed4c4c&chksm=c13ff961f64870774f069ab816340783d8f54fd6b89363b8d9412c593efc640851ce9edd8833&scene=178&cur_album_id=3132459596339757070#rd)
- [Awesome Marp v1.3：几处小更新～](https://mp.weixin.qq.com/s?__biz=MzkwOTE3NDExOQ==&mid=2247486869&idx=1&sn=fcc377ff6a5930436e5078a09d53f0ab&chksm=c13ff99df648708b89bafba030b27909d0022279e26da723ca54a1666fe55f50a4230f050662&scene=178&cur_album_id=3132459596339757070#rd)
## 下面让我们看看效果吧 ~
<!-- _class: trans -->
<!-- _footer: "" -->
<!-- _paginate: "" -->
## 2. 封面页
<!-- _class: trans -->
<!-- _footer: "" -->
<!-- _paginate: "" -->
## 2. 封面页
- 大标题：采用一级标题 `# ` （如：`# Awesome Marp：自定义 Marp 主题`）
- 副标题：采用六级标题 `###### ` （如：`###### 打造简便又不失个性的演示文稿`）
- 本套模板提供 5 种封面页样式，使用时需要在页面中设定局部指令，如：`<!-- _class: cover_a -->`
- `cover_a`：[第 1 种](#1)
- `cover_b`：[第 2 种](#12)
- `cover_c`：预留 header 可设定学校 logo，footer 可设定校训 [第 3 种](#13)
- `cover_d`：只预留了 footer 设定校训 [第 4 种](#14)
- `cover_e`：预留 header 设定学校 logo，footer 设定学校 logo 和学校名称[第 5 种](#15)
- 如果已经设定了全局 footer、header 或页码，但又不期望在封面页中出现，可以 `<!-- _footer: "" -->` / `<!-- _header: "" -->` / `<!-- _paginate: "" -->` 分别将其局部隐藏起来
- 当标题文字超过页面宽度会溢出换行，这里可以使用 `<!-- fit -->` 根据页面宽度自动调整文字大小
---
<!-- _class: cover_b -->
<!-- _header: "" -->
<!-- _footer: "" -->
<!-- _paginate: "" -->
# Awesome Marp：轻松取代 LaTeX Beamer！
###### “用法简单、功能全面的个性化 PPT 模板”
@初虹
公众号：虹鹄山庄
发布时间：2024 年 1 月 13 日（v1.3）
<ch2099058972@163.com>
Awesome-Marp 地址：[GitHub 库](https://github.com/favourhong/Awesome-Marp)/[Gitee 库](https://gitee.com/favourhong/Awesome-Marp)
---
<!-- _class: cover_c -->
<!-- _paginate: "" -->
<!-- _footer: 厚德博学 经济匡时 -->
<!-- _header: ![](https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202405291116463.png) -->
# <!-- fit -->Awesome Marp：轻松取代 LaTeX Beamer！
###### “用法简单、功能全面的个性化 PPT 模板”
@初虹
公众号：虹鹄山庄
发布时间：2024 年 1 月 13 日（v1.3）
<ch2099058972@163.com>
Awesome-Marp 地址：[GitHub 库](https://github.com/favourhong/Awesome-Marp)/[Gitee 库](https://gitee.com/favourhong/Awesome-Marp)
---
<!-- _class: cover_d -->
<!-- _paginate: "" -->
<!-- _footer: "厚德博学 经济匡时" -->
# <!-- fit -->Awesome Marp：轻松取代 LaTeX Beamer！
###### “用法简单、功能全面的个性化 PPT 模板”
@初虹
公众号：虹鹄山庄
发布时间：2024 年 1 月 13 日（v1.3）
<ch2099058972@163.com>
Awesome-Marp 地址：[GitHub 库](https://github.com/favourhong/Awesome-Marp)/[Gitee 库](https://gitee.com/favourhong/Awesome-Marp)
---
<!-- _class: cover_e -->
<!-- _paginate: "" -->
<!-- _footer: ![](https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202405291116463.png) -->
<!-- _header: ![](https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202405291053273.png) -->
# <!-- fit -->Awesome Marp：轻松取代 LaTeX Beamer！
###### “用法简单、功能全面的个性化 PPT 模板”
@初虹
公众号：虹鹄山庄
发布时间：2024 年 1 月 13 日（v1.3）
<ch2099058972@163.com>
Awesome-Marp 地址：[GitHub 库](https://github.com/favourhong/Awesome-Marp)/[Gitee 库](https://gitee.com/favourhong/Awesome-Marp)
## 3. 目录页
<!-- _class: trans -->
<!-- _footer: "" -->
<!-- _paginate: "" -->
## 3. 目录页
- 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 -->`（效果见[这里](#32)）
- 类似地，如果已经定义了全局 footer 或页码，可以使用 `<!-- _footer: "" -->` / `<!-- _paginate: "" -->` 分别将其局部隐藏起来
- 目录页样式：[第 1 种](#2)、[第 2 种](#18)和[第 3 种](#19)
---
<!-- _class: toc_a -->
<!-- _header: "CONTENTS" -->
<!-- _footer: "" -->
<!-- _paginate: "" -->
- [关于模板](#3)
- [封面页](#10)
- [目录页](#16)
- [页面分栏与列表分列](#20)
- [引用、链接和引用盒子](#38)
- [导航栏](#45)
- [其他自定义样式](#48)
- [需要知道的基础知识](#56)
- [最后一页](#59)
---
<!-- _header: 目录<br>CONTENTS<br>![](https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202405291053273.png)-->
<!-- _class: toc_b -->
<!-- _footer: "" -->
<!-- _paginate: "" -->
- [关于模板](#3)
- [封面页](#10)
- [目录页](#16)
- [页面分栏与列表分列](#20)
- [引用、链接和引用盒子](#38)
- [导航栏](#45)
- [其他自定义样式](#48)
- [需要知道的基础知识](#56)
- [最后一页](#59)
## 4. 页面分栏与列表分列
<!-- _class: trans -->
<!-- _footer: "" -->
<!-- _paginate: "" -->
## 4.1 页面分栏与列表分列：页面分栏
- Awesome Marp 提供了 8 种页面分栏方式，分别为：
- `cols-2`：[两列分栏，五五平分](#23)
- `cols-2-64`：[两列分栏，六四分](#24)
- `cols-2-73`：[两列分栏，七三分](#25)
- `cols-2-46`：[两列分栏，四六分](#26)
- `cols-2-37`：[两列分栏，三七分](#27)
- `cols-3`：[三列分栏，平分](#28)
- `rows-2`：[两行分栏](#29)
- `pin-3`：[品字型分栏](#30)
- 如果某一栏为图片，可以将 `class=ldiv` 换成 `class=limg`，这样能够实现图片的垂直居中对齐呢（`class=ldiv` 为居上对齐）
## 4.1 页面分栏与列表分列：页面分栏
- 以 `<!-- _class: cols-2 -->` 为例，Markdown 的源码为：
```markdown
<!-- _class: cols-2 -->
<div class=ldiv>
第一列（左侧栏）的内容在这里
内容可以是普通纯文本，可以是列表，也可以是引用块、链接、图片等
</div>
<div class=rdiv>
第二列（右侧栏）的内容在这里
</div>
```
- 如果是分三栏（`<!-- _class: cols-3 -->`），还需要再增加 `<div class="mdiv"></div>` 标签
## 《荷塘月色》（两栏五五分）
<!-- _class: cols-2 -->
<div class=ldiv>
曲曲折折的荷塘上面，弥望的是田田的叶子。叶子出水很高，像亭亭的舞女的裙。
层层的叶子中间，零星地点缀着些白花，有袅娜地开着的，有羞涩地打着朵儿的；正如一粒粒的明珠，又如碧天里的星星，又如刚出浴的美人。
微风过处，送来缕缕清香，仿佛远处高楼上渺茫的歌声似的。这时候叶子与花也有一丝的颤动，像闪电般，霎时传过荷塘的那边去了。
叶子本是肩并肩密密地挨着，这便宛然有了一道凝碧的波痕。叶子底下是脉脉的流水，遮住了，不能见一些颜色；而叶子却更见风致了。
—— 朱自清《荷塘月色》 [返回](#21)
</div>
<div class=rimg>
<!-- ![#c](https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202309221014499.png) -->
![#c](https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202309221630151.png)
</div>
## 《春》（两栏六四分）
<!-- _class: cols-2-64 -->
<div class=limg>
![#c](https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202309201217248.png)
</div>
<div class=rdiv>
盼望着，盼望着，东风来了，春天的脚步近了。
一切都像刚睡醒的样子，欣欣然张开了眼。山朗润起来了，水涨起来了，太阳的脸红起来了。
小草偷偷地从土里钻出来，嫩嫩的，绿绿的。园子里，田野里，瞧去，一大片一大片满是的。坐着，躺着，打两个滚，踢几脚球，赛几趟跑，捉几回迷藏。风轻悄悄的，草软绵绵的。
—— 朱自清《春》
[返回](#21)
</div>
## 经典散文诗篇（两栏七三分）
<!-- _class: cols-2-73 -->
<div class=limg>
![#c](https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202309221010523.png)
</div>
<div class=rdiv>
经典的散文诗篇有：
- 朱自清：《荷塘月色》
- 林清玄：《月到天心》
- 郁达夫：《古都的秋》
- 张爱玲：《花落的声音》
- 余光中：《听听那冷雨》
- 张抗抗：《牡丹的拒绝》
- 丰子恺：《杨柳》
- 周作人：《乌篷船》
- 郑振铎：《石湖》
- 梁实秋：《雅舍》
[返回](#21)
</div>
## 《春》（两栏四六分）
<!-- _class: cols-2-46 -->
<div class=ldiv>
盼望着，盼望着，东风来了，春天的脚步近了。
一切都像刚睡醒的样子，欣欣然张开了眼。山朗润起来了，水涨起来了，太阳的脸红起来了。
小草偷偷地从土里钻出来，嫩嫩的，绿绿的。园子里，田野里，瞧去，一大片一大片满是的。坐着，躺着，打两个滚，踢几脚球，赛几趟跑，捉几回迷藏。风轻悄悄的，草软绵绵的。
—— 朱自清《春》
[返回](#21)
</div>
<div class=rimg>
![#c](https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202309201217248.png)
</div>
## 经典散文诗篇（两栏三七分）
<!-- _class: cols-2-37 -->
<div class=ldiv>
经典的散文诗篇有：
- 朱自清：《荷塘月色》
- 林清玄：《月到天心》
- 郁达夫：《古都的秋》
- 张爱玲：《花落的声音》
- 余光中：《听听那冷雨》
- 张抗抗：《牡丹的拒绝》
- 丰子恺：《杨柳》
- 周作人：《乌篷船》
- 郑振铎：《石湖》
- 梁实秋：《雅舍》
[返回](#21)
</div>
<div class=rimg>
![#c](https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202309221010523.png)
</div>
## 夏与秋（三栏三平分）
<!-- _class: cols-3 -->
<div class=ldiv>
![#center](https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202309201206630.png)
</div>
<div class=mdiv>
![#center](https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202309201151809.png)
![#center](https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202309201158036.png)
</div>
<div class=rdiv>
![#center](https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202309201154535.png)
[返回](#21)
</div>
## 高山与沙漠（两行分栏）
<!-- _class: rows-2 -->
<div class="timg">
![#c h:250](https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202401131736186.png)
</div>
<div class="bimg">
![#c h:260](https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202401131737821.png)
</div>
## 《宇宙的奥秘》（品字型分栏）
<!-- _class: pin-3 -->
<div class="tdiv">
> 四百年前，两位截然不同的科学家突破了当时已知世界的边界。1609 年在威尼斯，伽利略・伽利雷透过望远镜观察星辰，并制作仪器和进行实验。在布拉格，科班出身的神学家约翰内斯・开普勒发现了行星运动定律，奠定了近代天体物理学的基础，并思考着宇宙的宏伟构造。托马斯・德・帕多瓦以至今较少受到关注却扣人心弦的通信往来为基础，讲述了这两位类型如此迥异的学者之间不对等的关系，以及他们如何在同样的时刻却以各自的方式探索星辰的奥秘。在彼此的鉴照下，他们的远见与固执、睿智与无知得以呈现。这是一部介绍新科学的崛起以及近代来临之际的巨大变革的作品。 ——《宇宙的奥妙》
</div>
<div class="limg">
![#c](https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202401131712626.png)
</div>
<div class="rimg">
![#c h:260](https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202401131713779.png)
</div>
## 4.2 页面分栏与列表分列：列表分列
Awesome Marp v1.3 提供了 6 种列表分列的方式，分别为：
- `cols2_ol_sq`：呈现效果为[有序列表 + 方形序号](#32)
- `cols2_ol_ci`：呈现效果为[有序列表 + 圆形序号](#33)
- `cols2_ul_sq`：呈现效果为[无序列表 + 方形序号](#34)
- `cols2_ul_ci`：呈现效果为[无序列表 + 圆形序号](#35)
- `col1_ul_sq`：呈现效果为[有序列表 + 方形序号](#36)
- `col1_ul_ci`：呈现效应为[有序列表 + 圆形序号](#37)
## 《微观经济学：现代观点》
<!-- _class: cols2_ol_sq fglass -->
渲染效果为**有序列表+方形序号**
自定义样式为：`<!-- _class: cols2_ol_sq fglass -->`
- 偏好和效用
- 预算约束和消费者的最优选择
- 需求函数
- 劳动力和储蓄的供给函数
- 福利经济学：单人模型和多人模型
- 企业理论：单投入品和多投入品模型
- 完全竞争市场
- 完全垄断、垄断竞争与双寡头垄断
- 博弈论
- 交换经济与生产经济
- 外部性与公共品
- 不确定性、期望效用和不对称信息
[返回](#28)
## 《微观经济学：现代观点》
<!-- _class: cols2_ol_ci fglass -->
渲染效果为**有序列表+圆形序号**
自定义样式为：`<!-- _class: cols2_ol_ci fglass -->`
- 偏好和效用
- 预算约束和消费者的最优选择
- 需求函数
- 劳动力和储蓄的供给函数
- 福利经济学：单人模型和多人模型
- 企业理论：单投入品和多投入品模型
- 完全竞争市场
- 完全垄断、垄断竞争与双寡头垄断
- 博弈论
- 交换经济与生产经济
- 外部性与公共品
- 不确定性、期望效用和不对称信息
[返回](#28)
## 《置身事内》
<!-- _class: cols2_ul_sq fglass -->
渲染效果为**无序列表+方形序号**
自定义样式为：`<!-- _class: cols2_ul_sq fglass -->`
- 第一章：地方政府的权力与事务
- 第二章：财税与政府行为
- 第三章：政府投融资与债务
- 第四章：工业化中的政府角色
- 第五章：城市化与不平衡
- 第六章：债务与风险
- 第七章：国内国际失衡
- 第八章：政府与经济发展
[返回](#28)
## 《置身事内》
<!-- _class: cols2_ul_ci fglass -->
渲染效果为**无序列表+圆形序号**
自定义样式为：`<!-- _class: cols2_ul_ci fglass -->`
- 第一章：地方政府的权力与事务
- 第二章：财税与政府行为
- 第三章：政府投融资与债务
- 第四章：工业化中的政府角色
- 第五章：城市化与不平衡
- 第六章：债务与风险
- 第七章：国内国际失衡
- 第八章：政府与经济发展
[返回](#28)
## 《微观经济学：现代观点》
<!-- _class: col1_ol_sq fglass -->
渲染效果为**单列+有序列表+方形序号**
自定义样式为：`<!-- _class: col1_ul_sq fglass -->`
- 预算约束和消费者的最优选择
- 劳动力和储蓄的供给函数
- 福利经济学：单人模型和多人模型
- 企业理论：单投入品和多投入品模型
- 完全竞争市场
- 完全垄断、垄断竞争与双寡头垄断
- 交换经济与生产经济
- 不确定性、期望效用和不对称信息
## 《微观经济学：现代观点》
<!-- _class: col1_ol_ci fglass -->
渲染效果为**单列+有序列表+圆形序号**
自定义样式为：`<!-- _class: col1_ul_ci fglass -->`
- 预算约束和消费者的最优选择
- 劳动力和储蓄的供给函数
- 福利经济学：单人模型和多人模型
- 企业理论：单投入品和多投入品模型
- 完全竞争市场
- 完全垄断、垄断竞争与双寡头垄断
- 交换经济与生产经济
- 不确定性、期望效用和不对称信息
## 5. 引用、链接和 Callouts
<!-- _class: trans -->
<!-- _footer: "" -->
<!-- _paginate: "" -->
## 5. 引用、链接和 Callouts
- 引用的呈现效果为：
> 合成控制法 (Synthetic Control Method) 最早由 Abadie and Gardeazabal (2003) 提出，用来研究西班牙巴斯克地区恐怖活动的经济成本，属于案例研究范畴 (Case Study)。
- 链接的呈现效果：
- [经管数据清洗与 Stata 实战：三大地级市数据库和 CSMAR 上市公司数据](https://mp.weixin.qq.com/s/D0cYVPJJsNiu61GcYwV6cg)
- [Stata 基础：从论文文件夹体系的建立说起](https://mp.weixin.qq.com/s?__biz=MzkwOTE3NDExOQ==&mid=2247486489&idx=1&sn=2eb51e85a01541c7a552a9434e087512&scene=21#wechat_redirect)
- Callouts 是 Awesome Marp 提供的自定义的样式，有 5 种颜色可选：
- [紫色](#40)：`bq-purple`
- [蓝色](#41)：`bq-blue`
- [绿色](#42)：`bq-green`
- [红色](#43)：`bq-red`
- [黑色](#44)：`bq-black`
## 5. 引用、链接和引用盒子
<!-- _class: bq-purple -->
- 自定义样式为：`<!-- _class: bq-purple -->`
> 合成控制法 (Synthetic Control Method)
>
> SCM 最早由 Abadie and Gardeazabal (2003) 提出，用来研究西班牙巴斯克地区恐怖活动的经济成本，属于案例研究范畴 (Case Study)。Athey & Imbens (2017) 认为它是过去 15 年计量方法领域最重要的创新。<br>
> 合成控制法的基本思想是：虽然无法找到巴斯克地区的最佳控制地区，但可对西班牙的若干大城市进行适当的线性组合（赋予不同的权重），以构造一个更为贴切的「合成控制地区」 (Synthetic Control Region)，然后将真实的巴斯克地区与「合成的巴斯克地区」进行对比，即可得到恐袭的影响。
[返回](#39)
## 5. 引用、链接和引用盒子
<!-- _class: bq-blue -->
- 自定义样式为：`<!-- _class: bq-blue -->`
> 合成控制法 (Synthetic Control Method)
>
> SCM 最早由 Abadie and Gardeazabal (2003) 提出，用来研究西班牙巴斯克地区恐怖活动的经济成本，属于案例研究范畴 (Case Study)。Athey & Imbens (2017) 认为它是过去 15 年计量方法领域最重要的创新。<br>
> 合成控制法的基本思想是：虽然无法找到巴斯克地区的最佳控制地区，但可对西班牙的若干大城市进行适当的线性组合（赋予不同的权重），以构造一个更为贴切的「合成控制地区」 (Synthetic Control Region)，然后将真实的巴斯克地区与「合成的巴斯克地区」进行对比，即可得到恐袭的影响。
[返回](#39)
## 5. 引用、链接和引用盒子
<!-- _class: bq-green -->
- 自定义样式为：`<!-- _class: bq-green -->`
> 合成控制法 (Synthetic Control Method)
>
> SCM 最早由 Abadie and Gardeazabal (2003) 提出，用来研究西班牙巴斯克地区恐怖活动的经济成本，属于案例研究范畴 (Case Study)。Athey & Imbens (2017) 认为它是过去 15 年计量方法领域最重要的创新。<br>
> 合成控制法的基本思想是：虽然无法找到巴斯克地区的最佳控制地区，但可对西班牙的若干大城市进行适当的线性组合（赋予不同的权重），以构造一个更为贴切的「合成控制地区」 (Synthetic Control Region)，然后将真实的巴斯克地区与「合成的巴斯克地区」进行对比，即可得到恐袭的影响。
[返回](#39)
## 5. 引用、链接和引用盒子
<!-- _class: bq-red -->
- 自定义样式为：`<!-- _class: bq-red -->`
> 合成控制法 (Synthetic Control Method)
>
> SCM 最早由 Abadie and Gardeazabal (2003) 提出，用来研究西班牙巴斯克地区恐怖活动的经济成本，属于案例研究范畴 (Case Study)。Athey & Imbens (2017) 认为它是过去 15 年计量方法领域最重要的创新。<br>
> 合成控制法的基本思想是：虽然无法找到巴斯克地区的最佳控制地区，但可对西班牙的若干大城市进行适当的线性组合（赋予不同的权重），以构造一个更为贴切的「合成控制地区」 (Synthetic Control Region)，然后将真实的巴斯克地区与「合成的巴斯克地区」进行对比，即可得到恐袭的影响。
[返回](#39)
## 5. 引用、链接和引用盒子
<!-- _class: bq-black -->
- 自定义样式为：`<!-- _class: bq-black -->`
> 合成控制法 (Synthetic Control Method)
>
> SCM 最早由 Abadie and Gardeazabal (2003) 提出，用来研究西班牙巴斯克地区恐怖活动的经济成本，属于案例研究范畴 (Case Study)。Athey & Imbens (2017) 认为它是过去 15 年计量方法领域最重要的创新。<br>
> 合成控制法的基本思想是：虽然无法找到巴斯克地区的最佳控制地区，但可对西班牙的若干大城市进行适当的线性组合（赋予不同的权重），以构造一个更为贴切的「合成控制地区」 (Synthetic Control Region)，然后将真实的巴斯克地区与「合成的巴斯克地区」进行对比，即可得到恐袭的影响。
[返回](#39)
## 6. 导航栏
<!-- _class: trans -->
<!-- _footer: "" -->
<!-- _paginate: "" -->
## 6. 导航栏
<!-- _class: navbar -->
<!-- _header: \ ***@Awesome Marp*** *关于模板* *封面页* *目录页* *分栏与分列* *引用盒子* **导航栏** *基础知识*-->
- 一句题外话：打造 Awesome Marp 模板的最早初衷就是来自几位公众号粉丝朋友的询问，「Marp 是否也能实现想 Beamer 那样的顶部导航栏？」为了实现导航栏的效果，我又多学了一些 CSS 的知识，这套模板才得以成型
- 自定义样式为 `navbar`：`<!-- _class: navbar -->`
- 导航栏修改自 header，最前面必须加入 `\ `
- 当前活动标题，使用粗体 `**粗体**`
- 其余非活动标题，使用斜体 `*斜体*`
- 如果左侧有文字，需要使用斜粗体 `***粗斜体***`
- 默认根据内容自动分配间距，如果希望右对齐，可以手动增加空格的方式来推动右对齐
## 6. 导航栏
<!-- _header: \ ***@Awesome Marp*** *关于模板* *封面页* *目录页* *分栏与分列* *引用盒子* **导航栏** *基础知识*-->
<!-- _class: navbar -->
这张页面的部分 Markdown 源码：
```markdown
<!-- _class: navbar -->
<!-- _header: \ ***虹鹄山庄***
- 自定义样式为 `navbar`：`<!-- _class: navbar -->`
- 导航栏修改自 header，最前面必须加入 `\ `
- 当前活动标题：使用粗体 `**粗体**`
- 其余非活动标题：使用斜体 `*斜体*`
- 如果左侧有文字：使用斜粗体 `***粗斜体***`
- 默认根据内容自动分配间距，如果希望右对齐，可以手动增加空格的方式来推动右对齐
```
## 7. 其他自定义样式
<!-- _class: trans -->
<!-- _footer: "" -->
<!-- _paginate: "" -->
## 7.1 固定标题行：更像 Beamer 了（`fixedtitleA`）
<!-- _class: fixedtitleA -->
- 自定义样式：`<!-- _class: fixedtitleA -->`
- 使当前页面的标题栏固定在顶部，而非随着内容的多少浮动
- 同时，页面内容也会从顶部起笔，而非垂直方向上居中显示
## 7.1 固定标题行：更像 Beamer 了（`fixedtitleB`）
<!-- _class: fixedtitleB -->
<div class="div">
- 自定义样式：`<!-- _class: fixedtitleB -->`
- `fixedtitleB` 相比于 `fixedtitleA`，标题增加了底色色块，同时缩小了标题大小
- 其余效果与 `fixedtitleA` 相同
- 但是页面正文内容需要包裹在 `<div class="div'></div>` 标签中
</div>
---
<!-- _class: footnote -->
<div class="tdiv">
#### 7.2 脚注的自定义样式：`footnote`
使用方法：
- 自定义样式：`<!-- _class: footnote -->`
- 页面除脚注外的其他内容，写在 `<div class = "tdiv"></div>`
- 页面的脚注内容，写在 `<div class = "bdiv"></div>`
举个例子，展示一下显示效果：
- 一方面，经济金融化程度的加深，使得金融部门能够凭借资本跨期配置提前抽取其他部门的未来价值，从而扩大金融和非金融部门之间的外部收入差距$^1$。另一方面，经济金融化不断增加企业股东权力，促使企业更加追求股东价值最大化，这一导向将弱化普通劳动者阶层的议价能力，食利者阶层的财产性收入增加必然会挤压劳动收入份额，从而扩大了内部收入差距$^2$。
</div>
<div class="bdiv">
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.
</div>
## 7.3 调节文字大小的自定义样式
<!-- _class: largetext -->
对于字体大小的调节，直接修改 CSS 文件应该很方便的。但有小伙伴提出，“希望可以增加字体调节的自定义样式”，于是目前提供了四种微调样式：
- 自定义样式 1：`<!-- _class: tinytext -->` （是默认字体大小的 0.8 倍）
- 自定义样式 2：`<!-- _class: smalltext -->` （是默认字体大小的 0.9 倍）
- 自定义样式 3：`<!-- _class: largetext -->` （是默认字体大小的 1.15 倍）
- 自定义样式 4：`<!-- _class: hugetext -->` （是默认字体大小的 1.3 倍）
比如，本页面采用的自定义样式为 `largetext`
## 7.4 图表标题的自定义样式：`caption`
<!-- _class: caption -->
- 通过 `<div class="caption">宇宙的奥妙</div>` 来定义图表的标题
![#c h:380](https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202401131712626.png)
<div class="caption">
宇宙的奥妙
</div>
## 需要知道的基础知识……
<!-- _class: trans -->
<!-- _footer: "" -->
<!-- _paginate: "" -->
## Markdown 概览
<!-- _header: \ ***@Awesome Marp*** *关于模板* *封面页* *目录页* *分栏与分列* *引用盒子* *导航栏* **基础知识**-->
<!-- _class: navbar -->
- Markdown 是一种**极轻量**的文本标记语言，允许人们使用**易读易写**的纯文本格式编写文档，而且对于表格、代码、图片、公式等支持良好
- 应用广泛：网站、课程笔记/讲义、演示文稿、撰写学术论文等
- Markdown 基础语法：
- 参阅：[Markdown 中文文档](https://markdown-zh.readthedocs.io/en/latest/)、[Markdown 指南](https://www.markdown.xyz/)、[Markdown 菜鸟教程](https://www.runoob.com/markdown/md-tutorial.html)
- 标题 `#`、粗体 `** **`、斜体 `* *`、删除线 `~~ ~~`、分割线 `---`、超链接 `[]()`
- 引用 `>`、列表 `-` / `1. `、代码块
- 脚注 `[^1]` / `[^1]:`、待办事项 `[ ]` / `[x]`
- Markdown 进阶语法：
- 图片 `![]()`：本地路径、网络路径（参阅：[图床与 PicGo——让你爱上记录与分享](https://sspai.com/post/65716)）
- 数学公式：行内公式 `$...$`、行间公式 `$$...$$`
- 支持 HTML 元素：`<br>`/`<hr>`/`<b></b>`/`<i></i>`/`<kbd></kbd>` 等
## 推荐的 Markdown 编辑器
<!-- _class: cols-2-64 navbar -->
<!-- _header: \ ***@Awesome Marp*** *关于模板* *封面页* *目录页* *分栏与分列* *引用盒子* *导航栏* **基础知识**-->
<div class=ldiv>
**VS Code**
- Visual Studio Code[下载地址](https://code.visualstudio.com/Download)
- VS Code 插件：
- 配合 Markdown：[Markdown Preview Enhanced](https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced)、[Markdown All in One](https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one)
- 图床：[PicGo](https://marketplace.visualstudio.com/items?itemName=Spades.vs-picgo)
- 格式化文档：[Pangu-Markdown](https://marketplace.visualstudio.com/items?itemName=xlthu.Pangu-Markdown)
- Markdown 转 PPT：[Marp for VScode](https://marketplace.visualstudio.com/items?itemName=marp-team.marp-vscode)
- Markdown 转思维导图：[Markmap for VScode](https://marketplace.visualstudio.com/items?itemName=gera2ld.markmap-vscode)
- 配合 Zotero：[Citation Picker for Zotero](https://marketplace.visualstudio.com/items?itemName=mblode.zotero)、[Pandoc Citer](https://marketplace.visualstudio.com/items?itemName=notZaki.pandocciter)
</div>
<div class=rdiv>
**Obsidian**
- [Obsidian 主页](https://obsidian.md/)
- 基于 Markdown 的本地知识管理软件
- 除官方同步和发布功能外，对个人使用者完全免费
- 功能丰富、插件众多、开发社区活跃
</div>
## Marp 基本用法
<!-- _header: \ ***@Awesome Marp*** *关于模板* *封面页* *目录页* *分栏与分列* *引用盒子* *导航栏* **基础知识**-->
<!-- _class: navbar fixedtitleB -->
<div class="div">
- 几个字总结 [Marp](https://marp.app/)：使用 Markdown 创作演示文稿
- 来自 Marp 官方网页的一段话：Marp (also known as the Markdown Presentation Ecosystem) provides an intuitive experience for creating beautiful slide decks. You only have to focus on writing your story in a Markdown document.
- 在 Markdown 文件的顶部 YAML 区域，通过 `marp: true` 启动 Marp，然后即可开启侧边预览，VS Code 界面左边是代码区域，右边为预览区域
- 内容遵循 Markdown 语法，但 Marp 增加了一些内置指令，而且指令分为全局指令和[局部指令](https://marpit.marp.app/directives?id=local-directives-1)，全局指令建议放置于 YAML 区，局部指令位于当前页面，不同页面通过 `---` 切分
- 推荐阅读：Marpit [官方文档](https://marpit.marp.app)及[中译版](https://caizhiyuan.gitee.io/categories/skills/20200730-marp.html#%E5%8A%9F%E8%83%BD)，五分钟学会 Marp[（上）](https://www.lianxh.cn/news/97fccdca2d7a5.html)、[（下）](https://www.lianxh.cn/news/521900220dd33.html)
</div>
## Marp 基本用法
<!-- _header: \ ***@Awesome Marp*** *关于模板* *封面页* *目录页* *分栏与分列* *引用盒子* *导航栏* **基础知识**-->
<!-- _class: navbar -->
```yaml
---
marp: true # 开启 Marp
size: 16:9 # 设定页面比例，常见有 16:9 或 4:3，默认为16:9
theme: gaia # 切换主题，内置 3 种样式的主题，可以自定义主题
paginate: true # 开启页码
headingDivider: 2 # 通过二级标题切分页面，省去手动换页的麻烦
footer: 初虹 # 设置页脚区域的内容，如果设定页眉的内容，则为 header
---
```
- 如果想让页面同时被多个级别的标题切分，比如，以二级~四级标题分割页面，可以 `headingDivider: [2,3,4]`
- 想要使得多个自定义样式渲染同一个页面，可直接将不同自定义样式以空格连接，比如：`<!-- _class: cols-2-64 fglass -->`
---
<!-- _class: lastpage -->
<!-- _footer: "" -->
###### 欢迎交流 ~
<div class="icons">
- <i class="fa-solid fa-envelope"></i>
- 邮箱：ch2099058972@163.com
- <i class="fa-brands fa-weixin"></i>
- 微信：favourhong
- <i class="fa-solid fa-house"></i>
- 公众号：虹鹄山庄
<div>
## 创作不易，buy me a coffee 🤙~
<!-- _class: trans -->
<!-- _footer: "" -->
<!-- _paginate: "" -->
<br>
![#c w:300](https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202309240907419.png)
Reference in New Issue View Git Blame Copy Permalink