Hexo博客嵌入nodeppt

nodeppt

使用参考参考仓库ReadMe和实例文件

hexo博客中使用

增加ppt专用目录

1. 在source目录中增加nodeppt文件夹

2. 创建一个ppt文档slide.md

   title: test
   speaker: daiqianying
   plugins:
     - echarts
   
   <slide class="bg-black-blue aligncenter" image="https://source.unsplash.com/C1HhAQrbykQ/ .dark">
   
   # test {.text-landing.text-shadow}
   
   By daiqianying {.text-intro}
   
   [:fa-github: Github](https://github.com/ksky521/nodeppt){.button.ghost}

3. 生成ppt

   nodeppt build slide.md

Hexo跳过ppt目录的渲染

1. 编辑博客根目录_config.yml
2. 修改配置

   skip_render:
     - nodeppt/**

3. hexo clean
4. hexo g

博客文章中嵌入ppt页面

1. 增加如下html代码

   <iframe src="../../../../nodeppt/first_nodeppt/dist/first_nodeppt.html" width="100%" height="500" name="topFrame" scrolling="yes" noresize="noresize" frameborder="0" id="topFrame"></iframe>

2. 相对路径是public目录内的相对路径

效果展示