hexo-theme-icarus 文章内容截图保存

<% if (plugin !== false && !head) { %>
    <script src="https://cdn.hongfs.cn/ajax/libs/dom-to-image/2.6.0/dom-to-image.min.js"></script>
    <script src="https://cdn.hongfs.cn/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js"></script>
    <script>
        $(document).ready(function() {
            // 避免非文章详情页被注入
            if($('.article').length !== 1) return;

            // 在文章标题后面加一个截图按钮
            $('.article .title').append('<div class="screenshot button is-link is-small is-rounded is-pulled-right">截图</div>');

            // 监听按钮点击
            $('.article .title').on('click', '.screenshot', () => {
                // 点击后隐藏截图按钮
                $('.screenshot').addClass('is-hidden');

                domtoimage.toBlob($('.article .title').parents('.card')[0])
                    .then(function (blob) {
                        // 截图完成后重新显示按钮
                        $('.screenshot').removeClass('is-hidden');

                        // 保存文件到本地
                        window.saveAs(blob, $('head title').text() + '.png');
                    })
                    .catch(() => {
                        $('.screenshot').removeClass('is-hidden');
                    });
            });
        });
    </script>
<% } %>