butterfly添加留言板：薇尔莉特信封

效果图

参考安知鱼大佬的教程和Akilar大佬的教程

hexo-butterfly添加留言板：薇尔莉特信封教程

https://blog.anheyu.com/posts/sdxhu.html

hexo-butterfly添加留言板：薇尔莉特信封教程

https://akilar.top

安装插件：

1	npm install hexo-butterfly-envelope --save

添加配置到`_config.butterfly.yml`里

# envelope_comment留言板：薇尔莉特信封
# see https://akilar.top/posts/e2d3c450/
# envelope_comment
# see https://akilar.top/posts/e2d3c450/
envelope_comment:
  enable: true #控制开关
  custom_pic:
    cover: https://cdn.cbd.int//hexo-butterfly-envelope/lib/violet.jpg #信笺头部图片
    line: https://cdn.cbd.int/hexo-butterfly-envelope/lib/line.png #信笺底部图片
    beforeimg: https://cdn.cbd.int/hexo-butterfly-envelope/lib/before.png # 信封前半部分
    afterimg: https://cdn.cbd.int/hexo-butterfly-envelope/lib/after.png # 信封后半部分
  message: #信笺正文，多行文本，写法如下
    - 有什么想问的？
    - 有什么想说的？
    - 有什么想吐槽的？
    - 哪怕是有什么想吃的，都可以告诉我哦~
  bottom: 自动书记人偶竭诚为您服务！ #仅支持单行文本
  height: #1050px，信封划出的高度
  path: #【可选】comments 的路径名称。默认为 comments，生成的页面为 comments/index.html
  front_matter: #【可选】comments页面的 front_matter 配置
    title: 留言板
    comments: true
    aside: false