Valine-Magic 开源项目使用教程

最新推荐文章于 2024-09-09 08:56:30 发布

宣茹或

最新推荐文章于 2024-09-09 08:56:30 发布

阅读量955

点赞数 24

本文链接：https://blog.csdn.net/gitblog_00998/article/details/142042329

版权

Valine-Magic 开源项目使用教程

Valine-Magic✨Valine/MiniValine/Waline（已兼容新版写法，直接使用MiniValine同样的链接即可）自定义表情列表，为你的表情库“喜加亿”项目地址:https://gitcode.com/gh_mirrors/va/Valine-Magic

1. 项目介绍

Valine-Magic 是一个为 Valine、MiniValine 和 Waline 评论系统提供自定义表情包的开源项目。该项目允许用户轻松地将丰富的表情包集成到他们的评论系统中，从而增强用户体验。Valine-Magic 提供了详细的表情列表和配置方法，使得用户可以方便地管理和使用这些表情。

2. 项目快速启动

2.1 克隆项目

首先，克隆 Valine-Magic 项目到本地：

git clone https://github.com/GamerNoTitle/Valine-Magic.git

2.2 配置 Valine

在使用 Valine-Magic 之前，请确保你已经配置好了 Valine 评论系统。以下是一个简单的 Valine 配置示例：

<script src="https://unpkg.com/valine/dist/Valine.min.js"></script>
<script>
  new Valine({
    el: '#vcomments',
    appId: 'Your APP ID',
    appKey: 'Your APP KEY',
    placeholder: '请留言...'
  });
</script>

2.3 集成 Valine-Magic

将 Valine-Magic 提供的表情列表集成到你的 Valine 配置中。首先，将 Valine 的 CDN 设置为 Valine-Magic 提供的 CDN 地址：

<script src="https://valinecdn.bili33.top/Valine.min.js"></script>

然后，在 Valine 配置中添加表情列表：

<script>
  new Valine({
    el: '#vcomments',
    appId: 'Your APP ID',
    appKey: 'Your APP KEY',
    placeholder: '请留言...',
    emojiCDN: 'https://valinecdn.bili33.top/',
    emojiMaps: {
      "smile": "https://valinecdn.bili33.top/smile.png",
      "cry": "https://valinecdn.bili33.top/cry.png",
      // 其他表情
    }
  });
</script>