为博客添加幻灯片

新的表达形式可以让人愉悦

经过了一个下午的努力，给博客添加了幻灯片功能。

Reveal.js 是一个功能非常强大、优雅的幻灯片呈现框架。它支持markdown,使用css3动画做特效。虽然功能没有PPT强大，但是作为一个轻量替代品足够了。感谢它的作者们。我把它的使用介绍页面也放在了博客内。访问地址

页面的YAML front matter

    
        ---
        title: "为博客添加幻灯片"
        subtitle: "新的表达形式可以让人愉悦"
        layout: reveal
        author: "tokenian"
        # header-bg: "#42affa"
        theme: sky
        comment: true
        sns: true
        tags:
          - art
          - drama
          - introduction
        ---

layout设置为reveal才起效

theme对应reveal.js的各个主题 comment是否展示评论，sns展示社交链接。不填写则默认没有 header-bg第一页背景色，或者照片

页面需要的html代码

   
      <section data-background="#00CC99">
          <h5>
            经过了一个下午的努力，给博客添加了幻灯片功能。  
          </h5>
      </section>

我的博客骨架是使用的Hux Blog

但这个reveal.js的集成却是我自己一人费心完成的，所以在不久的将来我的页面底部将改为自己的。我依然感谢所有的贡献者，也愿意别人使用我的这种改良。

FEATURED TAGS

novel life philosophy math ghost study web home java reboot chatgpt product algorithm art drama dream economics extension llma software

请唐大侠喝杯咖啡