使用Marp将Markdown导出为静态网页
@ Kayman · Monday, Aug 9, 2021 · 2 分钟阅读 · 更新于 Aug 9, 2021

MarpMarkdown 导出为静态网页的小栗子 🌰 ⑅︎◡̈︎*

 
——> 全文约 540 字 <——

(不知道起什么标题…)

七月底我参加了公司为期一周的入职培训学习,主要是一些职场交流、企业文化或者前辈的经验分享。然后有一个小组任务是让各组以teamwork的形式对公司的两条业务线进行介绍,本着卷赢其他组拿到奖品的初衷我想到了制作一个小网站来展示我们组的pre(尽管后来没有卷赢一个全程手绘并加速播放介绍视频的神仙组…),然鹅我们只有半天的时间准备展示材料,因此来不及找网站的框架or从0搭起一个(当然我也并不能做到),于是我想到了去年上旬有门课程 @江栽花 用到了Marp工具将Markdown文本导出为一个静态页面,然后我们组被老师猛夸了一顿…于是我故技重施…


Marp是一个可以将Markdown文本以滑动页面展示的工具,使用非常简单,安装了Marp for VS Code插件之后,只需要在Markdown文件前面插入一小段YAML语法就好了。(具体操作方式我就不赘述了,有时间我可以写一篇Marp使用手册,网上的很多教程我个人感觉虽能看但乱)


  • 我们组展示的Markdown文件请点击:

  • 生成的静态网页请点击:

本文结束。

Markdown Marp
保存为图片
0

Kayman 的博客
你可以碌碌一生,但不能庸碌无为。

ByteDance (1) Flink (1) Git (6) GitHub (1) HTML (2) Hugo (3) Kafka (1) Markdown (1) Marp (1) Redis (1) Shopee (4) shortcodes (1) Universe (1) 十维时空 (1) 可爱 (1) 后端 (7) 多维空间 (1) 奇奇怪怪 (1) 字节 (1) 字节跳动 (1) 旅行 (1) 欧路词典 (1) 毕业 (1) 毕业旅行 (1) 破解 (1) 符号 (1) 腾讯 (2) 虾皮 (4) 面试 (8)

© 2020 - 2022 | Kays Blog ⑅︎◡̈︎*

Powered by Hugo with Author Kayman.

友链 :💬 I will put some of my friends' and technical Dalaos' blogs HERE so as to encourage myself (umm though it may not work hahah~) 📣 😤

⑅︎◡̈︎*

My BEST FRIEND in PKU, so l list her at the first row.

I modify my front-end framework from him. List him here so as to thx him~

憨批の自我介绍

🍺 Kayman' Blog 🏎️

这个博客用来记录一些生活&学习上的事情 ⑅︎◡̈︎*

一名憨憨CRUD专家,现就职于Shopee ,数据鸡架的 Flink 方向

业余时间只剩下 羽毛球🏸️|篮球🏀|德州♠️|打游戏🎮|肥宅🥤 了……

-- 2022 年 02 月 08 日更新 --

一名憨憨CRUD专家,现即将从就读于 🏫 北大青鸟毕业

业余时间会做开源和一些别的项目啥也不会做

目前准备去1075了,顺便捣鼓些Geek Proj,养老的同时培养点兴趣驱使方向。


在北大最好的朋友是 江栽花 ,我们一个负责吹牛皮一个负责去 GayHub 偷别人的优秀代码,完成过很多烂番茄项目,搞过一段时间的磕盐。

尽管也没人认识我们,但是还是客套地说一下

-- 2021 年 06 月 18 日更新 --

技术栈 & Project

主要的技术栈是:

  • 目前工作的方向是 Flink ˙Ꙫ˙

  • Java ˙Ꙫ˙

  • Python ˙Ꙫ˙

  • SQL ˙Ꙫ˙

  • 一点点的 html + css + js 🤏

  • 一点点的 shell 🤏


做过啥:

(其实啥也没做过 ⑅︎◡̈︎*)

Share Musics   ⑅︎◡̈︎*

每日一言