前言:本文为个人技术分享,并非教学文章,相关内容仅供参考.转载请注明出处!

关于Markdown语法与Butterfly可以参考该文章:Markdown语法与外挂标签写法汇总

首先了解下在Butterfly外挂标签中有个展示PDF的功能

1
{% pdf 文件路径 %}
  1. 文件路径: 可以是相对路径或者是在线链接
1
2
3
4
# 1.本地文件:在md文件路径下创建一个同名文件夹，其内放pdf文件名为xxx.pdf的文件
{% pdf xxx.pdf %}
# 2.在线链接
{% pdf https://cdn.jsdelivr.net/gh/Justlovesmile/CDN/pdf/小作文讲义.pdf %}

2.在线链接(要放到最外层才能起作用)

<div class="row">
<embed src="https://cdn.jsdelivr.net/gh/Justlovesmile/CDN/pdf/小作文讲义.pdf" width="100%" height="550" type="application/pdf">
</div>

在此基础上,我们修改其中的在线链接就能改为在该页面展示想要访问的网站,且该网站可以正常使用
为了避免在访问该页面时就加载放在里面的网站,可以使用隐藏块先将其隐藏

1
{% pdf 网站链接 %}
1
2
# 展示哔哩哔哩的网站
    {% pdf https://www.bilibili.com/ %}
1
2
3
{% hideBlock 点击打开bilibili, blue %}
    {% pdf https://www.bilibili.com/ %}
{% endhideBlock %}