├── LICENSE ├── README.md ├── Slides.html ├── Slides.md ├── Slides.pdf ├── bg.png ├── fm.png └── 算法训练营第八期-科研文献.pdf /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2020 ChenYang 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Marp_theme_for_THUslides 2 | 使用 Marp 制作清华大学组会 Slides模板(可以换自己学校的背景图片) 3 | 4 | 因为懒,不想用 PPT 做组会的 Slides,所以马哥做了一个 Marp 的模板直接套平时 Markdown 的笔记,就能出 Slides. 5 | 6 | 用法：看马哥写的Slides.md，结合源代码读生成的PDF，然后再自己试着做一个就会了。 7 | 8 | 好处: 9 | 10 | 1. Markdown语法,复制黏贴笔记就行了 11 | 2. 打公式方便 12 | 3. 排版比 Latex 模板更方便 13 | 14 | BUG: 15 | 1. 导出 PDF 的时候记得先关掉预览 16 | 17 | 2. 实在导不出,用 terminal 命令导出 html,再用浏览器转 PDF(其实直接用 html 也行...) 18 | 19 | 导出 html :`marp Slides.md` 20 | 导出 PDF :`marp Slides.md --pdf` -------------------------------------------------------------------------------- /Slides.html: -------------------------------------------------------------------------------- 1 |

-------------------------------------------------------------------------------- /Slides.md: -------------------------------------------------------------------------------- 1 | --- 2 | marp: true 3 | theme: gaia 4 | paginate: true 5 | footer: 'Designed by Marcus 2020-12-01' 6 | style: | 7 | section footer{color:black;font-size: 20px;} 8 | 9 | 10 | --- 11 | 19 | 20 | 21 | # Marp for THU slides 22 | 23 | --- 24 | 46 | 47 | 51 | 52 | # 总览 53 | 1. 如何使用 54 | 2. 首页修改 55 | 3. 背景修改 56 | 4. 图片格式 57 | 5. 左右排布 58 | 6. CSS 说明 59 | 60 | --- 61 | # 如何使用 Marp 制作组会 Slides 62 | 1. 下载 VS code 63 | 2. 在插件中心安装Marp for VS Code 64 | 3. 新建一个 md 文件,复制 1~51 行 CSS 或者从该模板中直接新建. 65 | 4. 点击 1 可以实时显示 Slides,点击 2 选择 export 可以导出 PDF. 66 | ![w:10cm](https://cy-1256894686.cos.ap-beijing.myqcloud.com/20201129171243.png) 67 | 68 | --- 69 | # 首页修改 70 | 我预设了适合展示的标题大小,当然如果是需要修改适合投影的字体大小可在源代码中第 12 行修改`h1的font-size`. 71 | 72 | 改变`background-image:url('./fm.png');`可以修改首页背景图片. 73 | 74 | ```css 75 | 83 | ``` 84 | 85 | --- 86 | # 背景修改 87 | 修改模板源代码 27~31 行`background-image:url('./bg.png');`中背景图片即可. 88 | ```css 89 | section{ 90 | background-image:url('./bg.png'); 91 | background-size:cover; 92 | position: absolute; 93 | } 94 | ``` 95 | 96 | --- 97 | # 字体修改 98 | 全局格式修改在源代码 31~35 行 99 | `h1`一级大标题 100 | `h2`二级大标题 101 | `p`正文字体 102 | `table`表格字体,居中 103 | `li`列表字体,居左 104 | ```css 105 | section h1 {font-size:40px;color:black;margin-top:px;} 106 | section h2 {font-size:30px;color:black;margin-top:px;} 107 | section p {font-size: 25px;color:black;} 108 | section table {text-align: center;font-size: 32px;color:black;} 109 | section a {font-size: 25px;color:black;} 110 | li {font-size: 30px;text-align: left;} 111 | ``` 112 | 113 | --- 114 | # 图片格式 115 | 默认居中,临时在某一slides中修改可以 116 | ```css 117 | 123 | 或者: 124 | ![w:2cm h:2cm](fm.png) 125 | ``` 126 | ![w:2cm h:2cm](fm.png) 127 | 128 | --- 129 | # 左右排布 130 | ``` 131 | ![bg left:40% w:5cm h:5cm](fm.png) 132 | ``` 133 | ![bg left:40% w:5cm h:5cm](fm.png) 134 | 135 | --- 136 | # 左右排布 137 | ``` 138 | ![bg right:40% w:5cm h:5cm](fm.png) 139 | ``` 140 | ![bg right:40% w:5cm h:5cm](fm.png) 141 | 142 | --- 143 | # CSS 说明 144 | ``` 145 | https://www.w3school.com.cn/css/css_image_gallery.asp 146 | 147 | https://marpit.marp.app/theme-css 148 | ``` 149 | 150 | # 更多细节 151 | ``` 152 | https://marpit.marp.app/usage 153 | ``` 154 | 155 | # 更多Markdown 语法 156 | ``` 157 | https://www.markdown.xyz/basic-syntax/ 158 | ``` 159 | 160 | --- 161 | 169 | 170 | 171 | # 谢谢朋友们 -------------------------------------------------------------------------------- /Slides.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chenyang1999/Marp_theme_for_THUslides/e933f693afec2a8b470fcd886058b2df8e5563c2/Slides.pdf -------------------------------------------------------------------------------- /bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chenyang1999/Marp_theme_for_THUslides/e933f693afec2a8b470fcd886058b2df8e5563c2/bg.png -------------------------------------------------------------------------------- /fm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chenyang1999/Marp_theme_for_THUslides/e933f693afec2a8b470fcd886058b2df8e5563c2/fm.png -------------------------------------------------------------------------------- /算法训练营第八期-科研文献.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/chenyang1999/Marp_theme_for_THUslides/e933f693afec2a8b470fcd886058b2df8e5563c2/算法训练营第八期-科研文献.pdf --------------------------------------------------------------------------------