薛定谔的风口猪

站在巨人的肩膀上学习,猪都能看得很远

Octopress 博文中引入javascript文件/HTML文件

.markdown文件中是可以引入javascript甚至是html文件的,这样以后博文里面插入代码运行结果写demo就很方便了。

以下是具体方法,并带一个例子

引入Javascript

语法:

<script type="text/javascript" src="/path/to/file.js"></script>

例如: 在 source 中的404.markdown 中 加入:

<script type="text/javascript" src="http://www.qq.com/404/search_children.js" charset="utf-8></script>

即可在404页面中跳转到腾讯的公益页面

引入HTML文件

以下为引入后的样本实例:

.markdown文件中,在需要引入HTML文件的地方写上:

’{‘%include demo/include_HTML_demo.html +’%’}’ (注:去掉其中的单引号)

HTML代码即会导入,若内嵌JavaScript脚本,也会自动导入允许。

这里你看到的区域都是外部导入的HTML文件,尝试点击这里,会发现有脚本运行.

点我试试看

注:由于octopress已经引入了jQuery,故本页面无须额外引入jQuery.