关于marp-theme-for-tju的探索

2022-02-11 15:01:51 浏览数 (1)

事情的起因是,我无意间了解到marp,然后在github看到这样一个主题:Marp_theme_for_THUslides,于是我就想给本校做一个类似的主题,方便开组会时使用

但是经过很多尝试,我发现我的一些想法并不能实现,于是我暂时搁置,在解决这个需求的过程中,总结了一些marp的主题,主要是自用。

为了不让自己的时间白白浪费,我把自己有价值的一部分work,放到网络上,希望为后面探索的人节省时间。

放弃做marp-theme-tjuslides的主要原因就是:图片不能透明插入,会自动补白,这是我向rgb背景图插入透明校徽图的情况:

这意味着,我使用的theme的颜色是受到限制的,一旦我使用别人的主题时,如果要加入相关元素就要自己改颜色。

或者我可以直接来几张背景图(不过这种情况下,由于一些遮拦,直接引用别人的样式文件可能会出问题,就需要花费时间调整一些样式语句了,)。虽然我觉得这样不够meaningful,但是我还是做了,毕竟也是用的上的,我用一些天大ppt,在这里整理了一些天大PPT背景图。

我常用的样式:


代码语言:javascript复制
---
marp: true

# 主题

theme: default

# 标题

title: TCP协议设计

# 页码,出现在右下角

paginate: True 

# 版本

version: 1.0.0 

# 页脚

# footer: 

# 页眉

header: 

# 大小,也可以写16:9

size: 4K

---

<style>

    section{ 

      background-image:url('./tju-images/tju0.png');  

      background-size:cover;  

      position: absolute;  

    }

    section h1 {font-size:40px;color:black;margin-top:px;}

    section h2 {font-size:30px;color:black;margin-top:px;}

    section p {font-size: 25px;color:black;}

    section table {text-align: center;font-size: 32px;color:black;}

    section a {font-size: 25px;color:black;}

    li {font-size: 30px;text-align: left;}


    img {

        margin-left: auto; 

        margin-right:auto; 

        display:block;

        margin:0 auto;

        width:25cm;

      }

</style>
---

正式使用了一次,ppt做出来是图片,啥都不能动,真的难顶。

感觉不适合多人协作

0 人点赞