@PainAndLove 有时间准备完善和优化一下，做成开源库

@PainAndLove 好像有类似的录制 JS 库，但是这种通用型的可能没法去适配到具体的应用中，当然我也不确定，这个是我自己写了一个简单的播放功能，没有开源，也没做成通用的，但是原理比较简单我大致给你说一下：

先定义好动作，目前我这边有如下动作：

1 、定位元素，也就是把鼠标移到这个元素上，然后高亮，其实就是给这个元素一个 ID ，然后获取该元素的 position 即可。

2 、显示说明信息，这个一般是依赖上面的定位元素的位置。

3 、点击按钮，这个就是定位到按钮然后触发 click 事件

4 、JS 逻辑。因为目前的前端应用一般是 mvvm 的，比如我用的是 vue ，所以有些修改 js data 值得动作没法通过修改某个文本框的值去改变，只能通过类似 EventBus 这种去做，这也是为什么不太好做成通用的原因，可以研究一下。

后面就是播放和暂停，注意这里要实现暂停的话就需要用 setTimeout 去做，比如某个动作需要 10 秒完成，但是在 5 秒的实话我按了暂停，那么这个动作就会被记录下来，然后下次继续播放的实话再将这个动作延长 5 秒即可。

重播的话可能跟使用的框架有关系，我这边用得 vue ，直接将 vuex 和 data 重置即可。

快进和后退目前还没办法实现

目前这个方案存在的不确定性就是一些中途的 js 加载耗时，不过应该不是大问题。

效果上不是很好看，不过应该再美化一下还可以，毕竟是交互的，但是又不同于那种指引，需要用户去点，这个做出来跟视频播放差不多，所以效果会更好，毕竟现在用户都很懒嘛。

说句题外话，你们这官网真是看起来累啊，这么重要的宣传自身的首页，看起来一点也不直观，操作迟钝，这种滚动的交互真实体检极差，为什么人家国外的项目都喜欢放一段视频，因为视频才是最直观的

@3dwelcome 不是很理解证书这一块，不过从检测结果来看，确实应该是没问题了

@Tink 是的 有 fullchian.pem ，主要是之前不知道怎么加到阿里云自定义证书上面，网上找了教程说用 cer.pem ，于是就出现这个问题了

@ruixue 我目前设置的 60 秒好像，不太清楚 HSTS 干啥用的

@AoEiuV020CN 学到了

@linglin0924 首先我用的是阿里云的 CDN ，并且我用的是免费的 letencrypt 证书，需要手动上传上去配置到 CDN 的 HTTPS 里面才能使用

看看现在的评级 

@chekun 哈哈谢谢，还有很多有意思的功能

对比 Lets' Encrypt 有啥优势呢

@shakoon [握手] 给生活增加点乐趣

@bluekz 黄瓜只能收一季吧

@TimPeake 是的，种小蔬菜和调料型的蔬菜更合适

@thetbw 如果楼顶是属于你的，那更爽了，光照雨水都有了

@xiangpeng 你应该种那种水果黄瓜 更好吃

@xiaoyu18369 应该找一个解决虫害的方法，葱葱那么好吃那么香的

@Leonard 是的，主要是一些辅菜，比如小葱、生菜之类的，主要为了好玩和生活，不为了满足吃菜的要求

@noahzh 这个可以考虑弄两个看看效果