Hugo disqus. There are a couple of compromises that I accepted as a result of this choice. I require Disqus comments on my site and had it working using the poopshow theme easily. Config. Depending on your Hugo theme, setting up Disqus or other comment services can differ but it will be very similar to this. Integrating with Hugo The interesting part! Hugo offers a Disqus template internally, but any other comment system’s going to need some legwork done. The greyshade theme includes disqus support, but it doesn’t seem to work. I have added disqusShortname = "-" parameter in the config. Hugo个人博客搭建过程参考Hugo个人博客搭建 Hugo 包含 Disqus 的嵌入式模板，Disqus 是一种流行的评论系统，适用于静态和动态网站。 要有效使用 Disqus，请通过注册免费服务获得 Disqus “shortname”。 What is Disqus? The internet’s favorite comment plug-in makes it easy for publishers to bring their content to life, fuel colorful discussions, efficiently moderate comments, and build engaged communities. toml file. So I’ve replaced Hugo’s version in sequence, found v0. Simply include the following line where you want your comments to appear: Mar 9, 2025 · Since Hugo provides support for Disqus out of the box, I figured it was a good place to start. In order to prevent this, a slightly tweaked partial template is required. Services. I want to integrate “Disqus” comment system for my blog. toml 的顶层设定 disqusShortname 属性即可，不过实际用起来稍微有些坑。具体步骤如下。 在 Disqus 官网注册自己的账户 在 Disqus 官网登陆后，选择右上角 Settings - 左侧 Moderation，然后在这里新建一个站点，站点名字 （ {site_name}. Step by step to integrate Disqus into your Hugo Site Step 1: Sign up for Disqus Step 2: Install Disqus Step 3: Chose “I want to install Disqus on my site. Commento’s integration code is just two lines, as you can see below. Still I can’t see disques comment on my posts. Niello - Hugo Dark Theme with Ongoing Updates Niello is a modern and feature-rich Hugo theme, designed to elegantly showcase your content with a sleek dark aesthetic. Also, see the Example folder structure below for a more concrete example of the new layout system. toml config file, here’s an example: Hugo makes managing large static sites easy with support for archetypes, content types, menus, cross references, summaries, and more. We have consolidated the template lookup so it works the same across all template types. This article mainly introduces the local setup of the first one, Disqus. disqus. async = true; Since Hugo provides support for Disqus out of the box, I figured it was a good place to start. I have tried different browsers, cleared cookies also verified if the theme 文章浏览阅读7. toml中设置Disqus shortname的尝试以及采用universal code方法，创建comments. . 最后，在 “Install instructions for Universal Code - Disqus Admin” 页面拉到最下面，点击 “Configure”： 在 “Configure” 页面填写完善网站的相关信息，点击 “Complete Setup” 完成设置。 在 hugo 博客的 config. I’m curious though, I’ve tried out a couple of themes, specifically poopshow and greyshade. Feb 7, 2026 · Hugo ships with support for Disqus, a third-party service that provides comment and community capabilities to websites via JavaScript. toml 或 config. This can potentially save a lot of bandwidth for someone viewing your page, since the assets downloaded by Disqus can be quite heavy. Your theme may already support Disqus, but if not, it is easy to add to your templates via Hugo’s built-in Disqus partial. Register your own account on the Disqus website. 120. #2 — Take note of your site’s shortname #3 — Configure Disqus in Hugo Locate your Hugo configuration file, then enter Disqus shortname to the services. html并放入个人帐号信息，以及如何在特定博文中关闭Disqus功能。 ブログなのでコメント欄くらいはほしい。 DisqusというサービスならHugoに簡単に導入できそう。 disqus_identifier disqus_title disqus_url Conditional Loading of Disqus Comments Users have noticed that enabling Disqus comments when running the Hugo web server on localhost causes the creation of unwanted discussions on the associated Disqus account. ERROR deprecated: . Params instead. type = 'text/javascript'; dsq. In this post, we will illustrate how to lazy load your Disqus comments on your Hugo site, so that they show up only once the user scrolls down to the comment section. Nov 7, 2024 · There are two commonly used comment systems for Hugo pages: The Disqus comment plugin (a third-party social comment system from abroad). - gohugoio/hugo Hugoでコメント機能はどうやって付け足しするか Hugoはご存知のように静的なサイトジェネレーターだ。動的にプログラムを動かしたりとかそういったことができない代わりに、レスポンスが軽快で手軽なサイト構築ができるメリットがある。 しかし、動的なプログラムが動かせないがゆえに Hugo は内部機能として Disqus テンプレートをサポートしています。ただしこれだけが唯一のコメント機能となるわけではなく、別の方法を使っても新たな Hugo ウェブサイトを動作させることはできます。 這邊記錄一下如何在 Hugo 中安裝 Disqus 評論系統，佈景主題為 PaperMod。 安裝步驟 在 Disqus 註冊帳號並創建一個新的網站。 在 Disqus 的網站設定中，找到 Shortname，這是用來識別你的網站的。 在你的 Hugo 網站的 config. This template enables you to plug commenting functionality choosing between several engines: Disqus and Commento. I have BookComments = true disqusShortname = "https-finalworldview-netlify-app" But nothing appears, what do I need to add and where ? I also precise: I use hugo-book, which does support comments and disqus 🪺 A simple, clean, customizable Hugo theme. Here is my config file. 在研究了一段时间hugo之后，我的blog也渐渐完善了些，现在该考虑一些有意思的插件了。 添加评论插件Disqus 首先想到的就是 disqus，也就是社会化评论插件，虽然国内无法使用，但也算是目前最好用的评论插件了。 b后面会考虑b用 valine 替换掉 disqus。 When I updated Hugo the latest version I met that it didn’t load disqus comments both locally and remotely. The Giscus comment system (a comment system that stores comments based on Github ’s Issues or Discussions). Disqus Hugo还附带了一个用于 Disqus评论 的内部模板，这是一个流行的适用于静态和动态网站的评论系统。 要有效地使用Disqus，请通过 注册该免费服务 来注册并获取Disqus的“shortname”。 配置Disqus 要使用Hugo的Disqus模板，请首先设置一个配置值： hugo. Hugoでコメント機能はどうやって付け足しするか Hugoはご存知のように静的なサイトジェネレーターだ。動的にプログラムを動かしたりとかそういったことができない代わりに、レスポンスが軽快で手軽なサイト構築ができるメリットがある。 しかし、動的なプログラムが動かせないがゆえに The world’s fastest framework for building websites. }} 最后，执行 hugo，重新渲染生成所有的静态博客文件，push 到 github pages，完成所有操作。 Comments - 评论 Hugo内置了Disqus模板，但这不是唯一能够与您的新Hugo站点配合使用的评论系统。 Hugo支持Disqus，这是一个第三方 Disqus 作为全球领先的第三方评论系统，支持社交整合、评论管理和数据分析。本文将分享我是如何在 Hugo 网站上配置 Disqus 的，手把手教你打造活跃的评论区！ Hugo makes managing large static sites easy with support for archetypes, content types, menus, cross references, summaries, and more. The Comment section appears in a post, but the usual disqus The world’s fastest framework for building websites. com）就是 在 hugo 博客的 config. </a></noscript> <a href="https://disqus. Feb 5, 2022 · Step by step to integrate Disqus into your Hugo Site Step 1: Sign up for Disqus Step 2: Install Disqus Step 3: Chose “I want to install Disqus on my site. 0. 0, we performed a full re-implementation of how Go templates are handled in Hugo. - gohugoio/hugo For example, Hugo’s { {. Very new to Hugo (2 days) and am working my way through the docs. Site. 34 and former worked successfully. com/?ref_noscript">comments powered by Disqus. shortname key. createElement('script'); dsq. 133. html 模板： {{ partial "disqus. Use . Disqus. 有的主题需要在 Front Matter 中控制评论的显示。 参考 给 Hugo 开启 Disqus 评论系统 Author Xin Sun LastMod 2020-04-10 Hugo Disqus 记一次中勒索病毒经历 用GitHub Actions在GitHub Pages上自动发布Hugo个人网站 Discover Disqus,learn its key features, benefits, and how to integrate it into your Hugo website to boost engagement and user experience. So, if you were able to create forum posts on the fly, you’d also have to write some function to summarise the Hugo post and post that summary as a forum thread. Hugo 安裝 Disqus 留言板 步驟 1 首先如果沒有帳號的話，需要去他官方網站註冊帳號。 官方網站 註冊頁面 步驟 2 註冊好且登入帳號後，並不意味著就可以開始使用留言板 When I wanted to add a comment section to my blog, the first platform that came to my mind was Disqus. com/" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a> Disqus 作为全球领先的第三方评论系统，支持社交整合、评论管理和数据分析。本文将分享我是如何在 Hugo 网站上配置 Disqus 的，手把手教你打造活跃的评论区！ Disqus 是專門針對部落格、網站留言機制做整合服務的平台，供瀏覽網站的訪客可以針對文章進行留言，想要留言的訪客可以透過Disqus 會員、Facebook 帳號、Twitter 帳號等方式進行留言，同時它也可以幫您統計訪客留言排行榜，也可以透過本身的分享機制把文章分享 To add comments to a Hugo (or any other static) blog you need to resort to some third party solution. summary}} would no longer be available on the published version of the site. To effectively use Disqus, secure a Disqus “shortname” by signing up for the free service. Contribute to nanxiaobei/hugo-paper development by creating an account on GitHub. In Hugo v0. Personally I’m using ReplyBox but Disqus works with Hugo out of the box so it would be the easy way. Shortname instead. ” Step 4: Fill in the Form if 里的判断条件是 默认全站关闭评论，只开放特定文章的评论，这样可以减少垃圾评论的数量。 我把 Disqus 模版嵌入在一个自定义的 <figure> 标签内，根据文章头部的参数 comments 控制是否打开评论。 如果某一篇文章需要打开评论，只需在文章头部把 comments 设置为 true： このブログはHugoという静的サイトジェネレータを使って運営しています。完全に静的なHTMLなのでページの表示などは早いのですが、その反面サーバ処理を必要とする動的なコンテンツは用意されていません。 具体的にいうと、WordPressや一般的なブログサービスなら簡単に設置できるメール 在静态博客里添加 Twikoo 评论系统，并配置邮箱和 TG 通知 科学使用 Disqus Disqus 评论框改造工程-实现 Disqus 代理的 Serverless 服务 DisqusJS - 一个超轻量级的 DISQUS「评论基础模式」的实现 给 Hugo 开启 Disqus 评论系统 Disqusとは Disqus（ディスカス）は、Webサイトやブログに中央集権型のコメント機能を提供するオンラインサービスです。 X（Twitter）、Facebookなどのソーシャルネットワークとの統合をサポートしています。 This guide applies to Hugo themes, such as the PaperMod theme. 6k次。本文介绍了如何在Hugo博客中集成Disqus评论系统，包括在config. 146. 0 and will be removed in Hugo 0. If you are using a . Jul 25, 2025 · #5 — Build and test As Disqus does not load on localhost, we need to deploy the changes to a live site to test. I have done the steps mentioned in the theme instruction wiki. As you may know, I use Hugo static website generator with the Wowchemy template (previously known as Hugo Academic) for the website. Built with TailwindCSS for clean and scalable styling, its responsive design adapts perfectly to all screen sizes for a smooth browsing experience. ” Step 4: Fill in the Form details for your Hugo site Step 5: Copy the discussion templates, and create a disqus. toml 配置文件中增加 disqusShortname 参数： 在 hugo 博客 layouts 目录下的模板中引入 disqus. Here are the specific steps. <noscript>Please enable JavaScript to view the <a href="https://disqus. However, there are some pitfalls when actually using it. Hugo 是内置了 Disqus 支持的，理论上只需要在站点的 config. 2. If you haven’t a live site, give GitHub Page a try: Feb 9, 2026 · Hugo includes an embedded template for Disqus, a popular commenting system for both static and dynamic websites. Disqus でコメント機能を使用するサイトの登録 ユーザ登録が完了したら、 Disqus の画面上でサイトの登録をします。 右上の歯車アイコンから Add Disqus To Site を選択します。 次の画面では色々書かれていますが、一番下にある GET STARTED で次に進みます。 Hugoでコメント機能を導入するには、外部のサービスを利用するのが簡単です。 今回は、広く利用されている Disqus を入れてみました。 気になるお値段 Disqus Plans and Pricing 50,000 pv/日 から有料となります。 var dsq = document. DisqusShortname was deprecated in Hugo v0. I am using Anatole Theme. In this post I’ll show you how to add Disqus or ReplyBox to your site but I will also talk about other alternatives. It also doesn’t load on my site. I have hosted my blog on X. com）就是 Comments Hugo ships with an internal Disqus template, but this isn't the only commenting system that will work with your new Hugo website. yaml 中添加以下配置： [params] disqusShortname = "your_disqus_shortname" comments = true How to add Disqus comment system to hugo site using LoveIt theme I have written a custom webserver with a lot of effort put into making everything look good, however disqus loads with white text on dark mode when I force disqus to use dark mode (as currently I only support dark mode) the text switches to white with a white background which is unusable. html" . html 模板： 有的主题需要在 Front Matter 中控制评论的显示。 参考 给 Hugo 开启 Disqus 评论系统 Author Xin Sun LastMod 2020-04-10 Hugo Disqus 记一次中勒索病毒经历 用GitHub Actions在GitHub Pages上自动发布Hugo个人网站 Hugo has built-in support for Disqus. In theory, you only need to set the disqusShortname attribute at the top level of your site’s config. Some compromises There are a couple of compromises that I accepted as a result of this choice. Hugo comes with all the code you would need to include load Disqus. 我当前选择的Hugo主题是 Clean White Theme for Hugo, 目前支持三种评论系统，分别是 Giscus 、 Disqus 和 Twikoo 。 Giscus Giscus 是由 GitHub Discussions 驱动的评论系统，与 GitHub Pages 有非常好的天然联结。 根据官网， Giscus 的特性有： 开源。 无跟踪，无广告，永久免费。 无需 网站上线了，本来不想添加评论，后来发现还不太行，Telegram 的 Group 可能大家还不情况情况习惯，为了过渡，就把评论再加上去。 为什么选择disqus 因为是国外站。 国内站用什么？不用。 启用方式 一般的主题都配置了comment模板，只要把disqusShortname设置好就可以了。 PS：这个值是个字符串，没有http Hugo 支持 Disqus，这是一个第三方服务，通过 JavaScript 为网站提供评论和社区功能。 您的主题可能已经支持 Disqus，但如果不支持，您可以很容易地通过 Hugo 的内置 Disqus 部分 将其添加到模板中。 添加 Disqus Hugo 提供了加载 Disqus 到您的模板所需的所有代码。 一個大一工程師 將留言區更改為正體中文 進入到 後台，右上角的Admin，找到 General，找到Language，並更改為Chinese (Taiwan)，即有中文出現。 成果 此時會在你的網站或是部落格底下出現你的留言區，如果出現留言區代表你設定成功，現在的 Disqus 仍然是中英文夾雜的，有待官方翻譯完成。 結尾 Disqus 在 Discover Disqus,learn its key features, benefits, and how to integrate it into your Hugo website to boost engagement and user experience. wvgv, os43, t3jhd, mhsija, ljlyg, qkdzf, nwvc, 6yal, 0axrp, kqht,