前言

1.Ruffle是什么?

下面内容转自Ruffle中文官网

Ruffle 是使用 Rust 语言编写的 Flash Player 模拟器。Ruffle 可以在所有现代设备里以原生应用程序的形式运行,也可以在所有现代浏览器中借助 WebAssembly 运行。利用现代浏览器沙箱的安全性和 Rust 的内存安全保障,我们可以十分自信地抛开 Flash 那些众所周知的所有安全隐患。 Ruffle 将 Flash 带回网络,甚至兼容 iOS 和 Android!

得益于简单易用的设计,用户和网站站长可以轻松安装 Ruffle 的网页版本,现有的 Flash 内容就会“正常工作”,不需要额外配置。Ruffle 会自动查找页面上的所有 Flash 内容,并且自动将其“改造”成 Ruffle 的播放器,让那些还在依赖 Flash 的网站无缝转型升级。

Ruffle 是完全开源的、由志愿者维护的项目。我们热衷于保护互联网的历史,也致力于让旧网站继续保持生命力,让那些由于官方 Flash Player 停止维护而导致用户无法正常查看的内容能够继续维持下去。 如果你想支持这个项目,我们欢迎任何形式的贡献 —— 乃至于仅仅使用 Ruffle 来试玩老游戏,测试它能不能正常工作。

2.我为什么要写hexo-tag-ruffle?

其实这个工具我很早之前就看到了,虽然网上教程一大堆,但有关网页版的教程是真的少(我之前好像找到个教程,但忘记在哪了)
而且我本来也是个怀旧的人,想把我之前收集的Flash游戏分享给大家
并不是闲着没事干,Flash已经停止服务了,我好不容易找到教程。。。。。

教程

安装插件

1
2
3
4
npm安装:
npm install hexo-tag-ruffle --save
cnpm安装:
cnpm install hexo-tag-ruffle --save

例子

1
{% ruffle [swf] [width] [height] %}

注意:全都为必选参数!

参数 备选值 / 类型 释义
swf URL SWF链接
width number SWF宽度
height number SWF高度
时钟
1
2
3
{% folding cyan open, 时钟 %}
{% ruffle clock.swf 550 320 %}
{% endfolding %}

TO DO

自定义SWF链接

自定义SWF大小

npm插件化

点击加载SWF

点击重载SWF

最后

2020年12月31日,Adobe Flash Player 已停止支持。微软也开始给操作系统推送KB4577586补丁,用以强制删除系统中的 Flash Player。
KB4577586
如果你实在有使用Flash的需求,不妨尝试一下Ruffle吧。
Flash已经是落后的技术,因此屋主希望更多网络服务能够升级转型,彻底抛弃Flash!