diff --git a/about/index.html b/about/index.html index 87af215..c854b99 100644 --- a/about/index.html +++ b/about/index.html @@ -29,7 +29,7 @@ switchTab(); window.addEventListener('hashchange', switchTab, false); })(); -

评论

评论

二、配置

⭐在 GitHub 上创建仓库

为你的网站创建一个 GitHub 仓库,用于存储评论数据。并确保以下三个条件,缺一不可!

  1. 确保仓库是公开的(Public

如果你的仓库是Private,在仓库中点击最右边的Settings - General,划到最下方,选择change visibility - change to public

  1. 确保仓库开启了 Discussions

如果你的仓库没有开启Discussions,同样点击Settings - General,勾选Discussions即可

  1. 确保安装了 giscus app

giscus app👈点击安装

可选择指定仓库,默认允许访问用户所有仓库

⚙️在 Giscus 网站上配置

giscus 👈点击打开

配置以下内容:

  • 语言:选择评论框所显示的语言

  • 仓库:填写格式:用户名/仓库名,配置好前面的这一步直接会显示成功

  • 页面 ↔️ discussion 映射关系,推荐选择title,这样就会在GitHub Discussions里生成一个你文章名命名的讨论,这个讨论即自己的评论区,跟你的那篇文章是绑定的,确保不会出现我的A文章加载了B文章的评论区的情况。如果B文章并未创建讨论,那么直接在B文章评论区中评论会自动在Discussions中创建讨论。

  • Discussion 分类:推荐选择Announcements

  • 特性:帖子上的反应可根据喜好开启,评论框在上方建议开启,不然每次评论都要划到最下面,懒加载也推荐开启

    反应功能预览:

  • 主题:推荐与你的博客风格一致的主题,不然会很突兀。可以划到页面最下方查看主题样式。


三、嵌入

🚀获取代码

  • 填写好上面的配置之后giscus会自动给我们生成代码,我们点击右上角的复制按钮复制代码

🔧布置代码

  • 主题支持giscus

将代码里的参数填写到config文件里完成配置。

  • 主题不支持giscus

将代码粘贴到正确的页面结构文件的合适位置中。你甚至可以像本文章把giscus插在.md文件里的开头。

如果你不知道具体位置,可参考大致思路:一般在主题目录下的layout布局文件夹下,关键词通常为index、post、article等,要粘贴的位置通常在文章正文下面。

如果你是前端小白看不懂代码,我将以Hueman主题举例,找到合适的文件后,比如article.ejs。用文本编辑器打开文件,分析文件的结构,代码分为:

article-header(文章头部,比如标题)

article-meta(文章元数据,比如标签、作者、日期等)

article-entry(文章的正文等)

article-footer(文章的页脚,如打赏、分享功能等)

HTML标签通常成对出现,如<a></a>,总之我们的代码要写在带/的标签后面。因为这个文章页脚并非整个页面的页脚,所以我们粘贴在这个文章页脚下面正好合适。错了也没关系慢慢试。

Hueman主题位置:..\themes\hueman\layout\common\article.ejs

Cactus主题位置:..\themes\cactus\layout\post.ejs

不同主题配置方法稍有不同,欢迎提供你的主题配置方法

💡本地预览

  • 在终端中输入以下命令:

    hexo cl

    hexo g

    hexo s

  • 打开 http://localhost:4000/,本地预览效果如下:

🎉推送远端

  • 使用 hexo d 命令推送即可

四、常见问题

待收集

五、其他

介绍几种其他的评论系统,可以了解一下,选择自己喜欢的

相关链接:

giscus:https://giscus.app/zh-CN

Hueman:https://ppoffice.github.io/hexo-theme-hueman/

网络驿站:https://webrelay.cn/

]]> giscus是一个基于GitHub Discussions的评论系统,使用纯前端解决方案,无需服务器支持。支持GitHub账号身份验证,具有自定义主题、灵活配置和多语言支持的特点,为网站提供简单而强大的评论功能…… diff --git a/baidusitemap.xml b/baidusitemap.xml index d9aa541..4d3c9e8 100644 --- a/baidusitemap.xml +++ b/baidusitemap.xml @@ -1,11 +1,11 @@ - https://blog.webrelay.cn/posts/alist/ + https://blog.webrelay.cn/posts/giscus/ 2023-12-20 - https://blog.webrelay.cn/posts/giscus/ + https://blog.webrelay.cn/posts/alist/ 2023-12-20 diff --git a/categories/index.html b/categories/index.html index 69712d7..41af48f 100644 --- a/categories/index.html +++ b/categories/index.html @@ -1,5 +1,5 @@ -分类 - 青橙日志 | 个人博客
搭建Minecraft游戏服务器:使用MCSManager轻松实现

搭建Minecraft游戏服务器:使用MCSManager轻松实现

Minecraft,这款风靡全球的沙盒游戏,不仅让玩家沉浸在创造与冒险的世界中,同时也为社交与合作提供了一个理想的平台。如果你希望在自己的服务器上与朋友一同畅玩、构建梦想中的城市,那么搭建一个专属的 Minecraft 服务器将是一个极具乐趣的项目……
阅读更多
Hexo博客教程:使用giscus为网页添加评论系统通用方法
搭建Minecraft游戏服务器:使用MCSManager轻松实现

搭建Minecraft游戏服务器:使用MCSManager轻松实现

Minecraft,这款风靡全球的沙盒游戏,不仅让玩家沉浸在创造与冒险的世界中,同时也为社交与合作提供了一个理想的平台。如果你希望在自己的服务器上与朋友一同畅玩、构建梦想中的城市,那么搭建一个专属的 Minecraft 服务器将是一个极具乐趣的项目……
阅读更多
Hexo博客教程:使用giscus为网页添加评论系统通用方法
搭建Minecraft游戏服务器:使用MCSManager轻松实现

搭建Minecraft游戏服务器:使用MCSManager轻松实现

Minecraft,这款风靡全球的沙盒游戏,不仅让玩家沉浸在创造与冒险的世界中,同时也为社交与合作提供了一个理想的平台。如果你希望在自己的服务器上与朋友一同畅玩、构建梦想中的城市,那么搭建一个专属的 Minecraft 服务器将是一个极具乐趣的项目……
阅读更多
Hexo博客教程:使用giscus为网页添加评论系统通用方法
搭建Minecraft游戏服务器:使用MCSManager轻松实现

搭建Minecraft游戏服务器:使用MCSManager轻松实现

Minecraft,这款风靡全球的沙盒游戏,不仅让玩家沉浸在创造与冒险的世界中,同时也为社交与合作提供了一个理想的平台。如果你希望在自己的服务器上与朋友一同畅玩、构建梦想中的城市,那么搭建一个专属的 Minecraft 服务器将是一个极具乐趣的项目……
阅读更多
Hexo博客教程:使用giscus为网页添加评论系统通用方法

评论

评论

Hexo博客教程:使用giscus为网页添加评论系统通用方法

Hexo博客教程:使用giscus为网页添加评论系统通用方法

giscus是一个基于GitHub Discussions的评论系统,使用纯前端解决方案,无需服务器支持。支持GitHub账号身份验证,具有自定义主题、灵活配置和多语言支持的特点,为网站提供简单而强大的评论功能。

-

一、配置

⭐在 GitHub 上创建仓库

为你的网站创建一个 GitHub 仓库,用于存储评论数据。并确保以下三个条件,缺一不可!

+
Hexo博客教程:使用giscus为网页添加评论系统通用方法

Hexo博客教程:使用giscus为网页添加评论系统通用方法

giscus是一个基于GitHub Discussions的评论系统,使用纯前端解决方案,无需服务器支持。支持GitHub账号身份验证,具有自定义主题、灵活配置和多语言支持的特点,为网站提供简单而强大的评论功能。

+

一、预览

+ +

二、配置

⭐在 GitHub 上创建仓库

为你的网站创建一个 GitHub 仓库,用于存储评论数据。并确保以下三个条件,缺一不可!

  1. 确保仓库是公开的(Public
@@ -67,12 +84,12 @@

-
  • 主题:推荐与你的博客风格一致的主题,不然会很突兀

    +
  • 主题:推荐与你的博客风格一致的主题,不然会很突兀。可以划到页面最下方查看主题样式。


  • -

    二、嵌入

    🚀获取代码

      +

      三、嵌入

      🚀获取代码

      • 填写好上面的配置之后giscus会自动给我们生成代码,我们点击右上角的复制按钮复制代码

      • @@ -84,7 +101,7 @@

        🎉推送远端

        • 使用 hexo d 命令推送即可
        -

        三、常见问题

        待收集

        -

        四、其他

        介绍几种其他的评论系统,可以了解一下,选择自己喜欢的

        +

        四、常见问题

        待收集

        +

        五、其他

        介绍几种其他的评论系统,可以了解一下,选择自己喜欢的

    Hexo博客教程:使用giscus为网页添加评论系统通用方法

    https://blog.webrelay.cn/posts/giscus/

    作者

    青橙

    发布于

    2023-04-16

    更新于

    2023-12-20

    许可协议

    评论

    评论

    评论

    评论

    评论

    评论

    评论

    评论