2

我正在为我必须在大学几周内完成的会议（博士级别）制作定制的 slidify 演示文稿。我想在assets/layouts目录中创建 DRY 布局以简化幻灯片设计并保持内容 DRY：仅标题、计划、仅副标题、标题和正文、副标题和两个列、标题、副标题标题和正文，标题，空白。

我访问了ramnathv github 存储库和特定的 slidify 网站页面以自定义布局。

我还检查了关于 slidify 特定主题的几个问题。

我已经成功地在 中创建了一个slide.css文件assets/css，并在其中添加了一个徽标来自assets/img定义我的演示文稿的方面和 css 属性（自定义tilte-slide& slide）。

我想为我的每种演示幻灯片类型创建一个html文件： , , , , , , , , . assets/layoutstitle-only.htmlplan.htmlsub-title.htmlltitle-and-body.htmlsub-title-and-two-cols.htmltitle.htmlsub-title-and-body.htmlcaption.htmlblank.html

我在这里找到了 ramnathv 回答的一个有用问题，用于在该部分中创建我的sub-title-and-two-cols.html文件。Layouts with Parameters

我现在需要传输在我的“slide.css file in theassets/css”目录中创建的 css 属性。

例如，我想创建一个plan.html文件。这是我想从slide.css文件中计算的代码plan.html：

  • 修改字体：

    @import url('https://fonts.googleapis.com/css?family=Old+Standard+TT');

  • 修改标题幻灯片属性：

    /* slide h2 css modification = for page title left - blue */
slide:not(.segue) h2{
font-family:'Old Standard TT', sans-serif;
font-size: 36px;
font-style: normal;
font-weight: lighter;
text-transform: normal;
letter-spacing: -2px;
line-height: 1.2em;
text-align: left;
color: #0000ff;
}

  • 修改文本内容属性：

     /* slide article & section css modification = normal lighter darkgrey */
 article p, article li, article li.build, section p, section li{
 font-family: 'Old Standard TT', sans-serif;
 font-size:22px;
 font-style: normal;
 font-weight: lighter;
 text-transform: normal;
 text-align: left ;
 letter-spacing: 1px;
 line-height: 1.5em;
 color: #4c4c4c;
 }

我想知道如何在我的plan.html文件中传输这个 css 属性：

    ---
    layout: slide
    ---
    {{{ content }}}  
    ...
    ...

然后，对于“计划”幻灯片，我将像这样标记它们：

    --- &plan

    ### a header

    some text

哪个应该获得之前指定的 css 属性。

4

0 回答 0