前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >快来为你的Docsify&Hugo&Hexo&MKDocs站点加上评论功能吧

快来为你的Docsify&Hugo&Hexo&MKDocs站点加上评论功能吧

作者头像
Python研究所
发布2022-09-20 15:28:49
1.4K0
发布2022-09-20 15:28:49
举报
文章被收录于专栏:大飞的部落阁

1、前言

过去,我们推荐了很多的建站工具和文档构建工具,其中Docsify就是一个典型。其拥有简洁的页面,完善的功能,使用起来非常简单。但是长期以来Docsify都因为缺少评论功能而小有遗憾,今天我发现了一个可以为Docsify集成的评论插件,它就是cusdis

cusdis支持的框架:

  1. React
  2. Vue
  3. Docsify
  4. Hugo
  5. Hexo
  6. MKDocs
  7. Publii

2、快速开始

2.1、注册并登录cusdis

我们在cusdis首页右上角点击登录,然后可以使用gitlab或者github账号进行授权登录。

授权登录成功后,cusdis提示我们创建第一个站点去使用cusdis。

我们输入站点名称即可。

2.2、创建cusdis应用并获取appID

然后我们点击应用中的 Embed code 即可获取 appID。

2.3、将cusdis集成到Docsify

我们将上一步获取到的appID填到如下代码中。

代码语言:javascript
复制
<script>
  window.$docsify = {
    cusdis: {
      host: 'https://cusdis.com',
      appId: 'xxxx',
    },
  }
</script>
<script src="//cdn.jsdelivr.net/npm/docsify@4"></script> <!-- docsify核心库 -->
<script src="https://cusdis.com/js/cusdis.docsify.js"></script> <!-- cusdis核心库 -->

2.4、将如上代码嵌入Docsify项目

以上代码为完整的demo,我们只需要将cusdis的配置和cusdis的核心库资源添加到Docsify项目中即可。

添加完成后刷新项目查看效果:

只能说,真是不错!

评论一条试试:

我们看到,发送的评论已经到达cusdis后台,我们可以对其进行审核通过,回复和删除。

审核通过一条看看效果:

回复一条看看效果:

综上,cusdis的效果还是非常不错的,感兴趣的快去试试吧。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-08-05,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1、前言
  • 2、快速开始
    • 2.1、注册并登录cusdis
      • 2.2、创建cusdis应用并获取appID
        • 2.3、将cusdis集成到Docsify
          • 2.4、将如上代码嵌入Docsify项目
          领券
          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档