博文本身是基于Markdown编写的,既然如此肯定可以在文中嵌入html,因而可以在其中嵌入Javascript。
准备工作
笔者以嵌入一个现成的开源pdf工具为例进行测试,该工具已在GitHub-Pages上部署。
由于需要对编辑好的静态界面进行修改,所以首先fork原作者的repo,并以submodule的形式植入到本博客repo的工作区中。
注意:要使用include嵌入的submodule应该放在_posts
目录下。
文件到位之后,由于原repo的设计是直接部署到网页上的,而笔者要将其嵌入到博文内,因此需要对原文件进行一定的修改。修改后的内容可以看笔者的blog分支。
主要修改有两点:
- 删除无用的标签
- 修改脚本的植入方式
然后在博文中就可以直接嵌入修改好的内容了。
{%- include_relative PDFTools/split.html -%}
嵌入效果
可以点击这里的按钮测试一下。