Hexo博客嵌入nodeppt
Hexo博客嵌入nodeppt
nodeppt
使用参考参考仓库ReadMe和实例文件
hexo博客中使用
增加ppt专用目录
-
在source目录中增加
nodeppt
文件夹 -
创建一个ppt文档
slide.md
1
2
3
4
5
6
7
8
9
10
11
12title: 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} -
生成ppt
1
nodeppt build slide.md
Hexo跳过ppt目录的渲染
- 编辑博客根目录
_config.yml
- 修改配置
1
2skip_render:
- nodeppt/** hexo clean
hexo g
博客文章中嵌入ppt页面
-
增加如下html代码
1
<iframe src="../../../../nodeppt/first_nodeppt/dist/first_nodeppt.html" width="100%" height="500" name="topFrame" scrolling="yes" noresize="noresize" frameborder="0" id="topFrame"></iframe>
-
相对路径是public目录内的相对路径
效果展示
本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!