【Blog】在博文中插入JavaScript

博文本身是基于Markdown编写的,既然如此肯定可以在文中嵌入html,因而可以在其中嵌入Javascript。

准备工作

笔者以嵌入一个现成的开源pdf工具为例进行测试,该工具已在GitHub-Pages上部署。

由于需要对编辑好的静态界面进行修改,所以首先fork原作者的repo,并以submodule的形式植入到本博客repo的工作区中。

注意:要使用include嵌入的submodule应该放在_posts目录下。

文件到位之后,由于原repo的设计是直接部署到网页上的,而笔者要将其嵌入到博文内,因此需要对原文件进行一定的修改。修改后的内容可以看笔者的blog分支

主要修改有两点:

  • 删除无用的标签
  • 修改脚本的植入方式

然后在博文中就可以直接嵌入修改好的内容了。

{%- include_relative PDFTools/split.html -%}

嵌入效果

可以点击这里的按钮测试一下。

参考

smy1999/PDFTools

jekyll Includes: Including files relative to another file