CINXE.COM
Porting a comments system based off of google sheets - tips & tricks - HUGO
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Porting a comments system based off of google sheets - tips & tricks - HUGO</title> <meta name="description" content="Hey guys, I just read this this, and this blog post about creating a comments system for a static site. It looks like it is a nice, reliable, free static site comments solution, but it’s made for Jekyll, not Hugo. I thi&hellip;"> <meta name="generator" content="Discourse 3.4.0.beta3-dev - https://github.com/discourse/discourse version 5bf5d1335680f28a8eb65c488353be9585eed08e"> <link rel="icon" type="image/png" href="https://global.discourse-cdn.com/flex036/uploads/gohugo/optimized/2X/6/66a05218f64425b2fa59ede30c1b4b7dc1fdf5f9_2_32x32.ico"> <link rel="apple-touch-icon" type="image/png" href="https://global.discourse-cdn.com/flex036/uploads/gohugo/optimized/2X/c/c2d3414c64e766d814100b32063948e604298a70_2_180x180.png"> <meta name="theme-color" media="all" content="#0a1922"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=yes, viewport-fit=cover"> <link rel="canonical" href="https://discourse.gohugo.io/t/porting-a-comments-system-based-off-of-google-sheets/45849" /> <link rel="search" type="application/opensearchdescription+xml" href="https://discourse.gohugo.io/opensearch.xml" title="HUGO Search"> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/color_definitions_hugo-light_1_3_09733212c5bcbf3d2262e9135364889a94410a8e.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" class="light-scheme"/> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/desktop_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="desktop" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/checklist_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="checklist" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/discourse-adplugin_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="discourse-adplugin" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/discourse-ai_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="discourse-ai" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/discourse-akismet_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="discourse-akismet" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/discourse-cakeday_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="discourse-cakeday" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/discourse-details_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="discourse-details" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/discourse-lazy-videos_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="discourse-lazy-videos" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/discourse-local-dates_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="discourse-local-dates" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/discourse-narrative-bot_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="discourse-narrative-bot" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/discourse-presence_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="discourse-presence" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/discourse-solved_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="discourse-solved" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/footnote_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="footnote" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/hosted-site_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="hosted-site" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/poll_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="poll" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/spoiler-alert_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="spoiler-alert" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/discourse-ai_desktop_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="discourse-ai_desktop" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/poll_desktop_d02c2ac443d5119470bb87ccc1761df2dc8dc4ce.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="poll_desktop" /> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/desktop_theme_2_554e2f649b5332218939d027878568e9fb5cb3e9.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="desktop_theme" data-theme-id="2" data-theme-name="custom header links"/> <link href="https://yyz2.discourse-cdn.com/flex036/stylesheets/desktop_theme_3_ba320989966c049743dec43ab8cc84324bf2a254.css?__ws=discourse.gohugo.io" media="all" rel="stylesheet" data-target="desktop_theme" data-theme-id="3" data-theme-name="hugo light"/> <meta id="data-ga-universal-analytics" data-tracking-code="UA-7131036-7" data-json="{"cookieDomain":"auto"}" data-auto-link-domains=""> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-7131036-7" nonce="jhhxL1rzHZdBvRm9THqTergfg"></script> <script defer src="https://global.discourse-cdn.com/flex036/assets/google-universal-analytics-v4-e154af4adb3c483a3aba7f9a7229b8881cdc5cf369290923d965a2ad30163ae8.gz.js" data-discourse-entrypoint="google-universal-analytics-v4" nonce="jhhxL1rzHZdBvRm9THqTergfg"></script> <link rel="alternate nofollow" type="application/rss+xml" title="RSS feed of 'Porting a comments system based off of google sheets'" href="https://discourse.gohugo.io/t/porting-a-comments-system-based-off-of-google-sheets/45849.rss" /> <meta property="og:site_name" content="HUGO" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:image" content="https://global.discourse-cdn.com/flex036/uploads/gohugo/original/2X/b/b91c8ab3a3c1c8679127cf049b46fa919e9e0e5c.png" /> <meta property="og:image" content="https://global.discourse-cdn.com/flex036/uploads/gohugo/original/2X/b/b91c8ab3a3c1c8679127cf049b46fa919e9e0e5c.png" /> <meta property="og:url" content="https://discourse.gohugo.io/t/porting-a-comments-system-based-off-of-google-sheets/45849" /> <meta name="twitter:url" content="https://discourse.gohugo.io/t/porting-a-comments-system-based-off-of-google-sheets/45849" /> <meta property="og:title" content="Porting a comments system based off of google sheets" /> <meta name="twitter:title" content="Porting a comments system based off of google sheets" /> <meta property="og:description" content="Hey guys, I just read this this, and this blog post about creating a comments system for a static site. It looks like it is a nice, reliable, free static site comments solution, but it’s made for Jekyll, not Hugo. I think I will try porting it over to Hugo, but I am not so familliar with the syntax of hugo, and especially not jekyll. So if anyone has any main tips or overview or links with guides that may help me in this, please let me know. It seems I mostly need to change variables and confi..." /> <meta name="twitter:description" content="Hey guys, I just read this this, and this blog post about creating a comments system for a static site. It looks like it is a nice, reliable, free static site comments solution, but it’s made for Jekyll, not Hugo. I think I will try porting it over to Hugo, but I am not so familliar with the syntax of hugo, and especially not jekyll. So if anyone has any main tips or overview or links with guides that may help me in this, please let me know. It seems I mostly need to change variables and confi..." /> <meta property="og:article:section" content="tips & tricks" /> <meta property="og:article:section:color" content="ED207B" /> <meta property="article:published_time" content="2023-08-23T03:57:13+00:00" /> <meta property="og:ignore_canonical" content="true" /> <script type="application/ld+json">{"@context":"http://schema.org","@type":"QAPage","name":"Porting a comments system based off of google sheets","mainEntity":{"@type":"Question","name":"Porting a comments system based off of google sheets","text":"Hey guys, I just read this <a href=\"https://jdvp.me/articles/Google-Forms-Jekyll-Comments\" rel=\"noopener nofollow ugc\">this<\/a>, and <a href=\"https://jdvp.me/articles/Google-Forms-Jekyll-Comments-Revisited\" rel=\"noopener nofollow ugc\">this<\/a> blog post about creating a comments system for a static site. It looks like it is a nice, reliable, free static site comments solution, but it’s made for Jekyll, not Hugo.\n\nI think I will try porting it over to Hugo, but I am not so familliar with the syntax…","upvoteCount":0,"answerCount":0,"datePublished":"2023-08-23T03:57:13.072Z","author":{"@type":"Person","name":"biden2020prez","url":"https://discourse.gohugo.io/u/biden2020prez"}}}</script> </head> <body class="crawler browser-update"> <script defer="" src="https://yyz2.discourse-cdn.com/flex036/theme-javascripts/417061e7eee24be4fb6a457975f0dce96a82d9e6.js?__ws=discourse.gohugo.io" data-theme-id="5" nonce="jhhxL1rzHZdBvRm9THqTergfg"></script> <header> <a href="/"> HUGO </a> </header> <div id="main-outlet" class="wrap" role="main"> <div id="topic-title"> <h1> <a href="/t/porting-a-comments-system-based-off-of-google-sheets/45849">Porting a comments system based off of google sheets</a> </h1> <div class="topic-category" itemscope itemtype="http://schema.org/BreadcrumbList"> <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a href="/c/tips-tricks/38" class="badge-wrapper bullet" itemprop="item"> <span class='badge-category-bg' style='background-color: #ED207B'></span> <span class='badge-category clear-badge'> <span class='category-name' itemprop='name'>tips & tricks</span> </span> </a> <meta itemprop="position" content="1" /> </span> </div> </div> <div itemscope itemtype='http://schema.org/DiscussionForumPosting'> <meta itemprop='headline' content='Porting a comments system based off of google sheets'> <link itemprop='url' href='https://discourse.gohugo.io/t/porting-a-comments-system-based-off-of-google-sheets/45849'> <meta itemprop='datePublished' content='2023-08-23T03:57:13Z'> <meta itemprop='articleSection' content='tips & tricks'> <meta itemprop='keywords' content=''> <div itemprop='publisher' itemscope itemtype="http://schema.org/Organization"> <meta itemprop='name' content='HUGO'> </div> <div id='post_1' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://discourse.gohugo.io/u/biden2020prez'><span itemprop='name'>biden2020prez</span></a> </span> <link itemprop="mainEntityOfPage" href="https://discourse.gohugo.io/t/porting-a-comments-system-based-off-of-google-sheets/45849"> <span class="crawler-post-infos"> <time datetime='2023-08-23T03:57:13Z' class='post-time'> August 23, 2023, 3:57am </time> <meta itemprop='dateModified' content='2023-08-23T03:57:13Z'> <span itemprop='position'>1</span> </span> </div> <div class='post' itemprop='text'> <p>Hey guys, I just read this <a href="https://jdvp.me/articles/Google-Forms-Jekyll-Comments" rel="noopener nofollow ugc">this</a>, and <a href="https://jdvp.me/articles/Google-Forms-Jekyll-Comments-Revisited" rel="noopener nofollow ugc">this</a> blog post about creating a comments system for a static site. It looks like it is a nice, reliable, free static site comments solution, but it’s made for Jekyll, not Hugo.</p> <p>I think I will try porting it over to Hugo, but I am not so familliar with the syntax of hugo, and especially not jekyll. So if anyone has any main tips or overview or links with guides that may help me in this, please let me know.</p> <p>It seems I mostly need to change variables and configuration stuff. It’s a good 969 lines of code, I’ll see how it goes.</p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> </div> <div id='post_2' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://discourse.gohugo.io/u/biden2020prez'><span itemprop='name'>biden2020prez</span></a> </span> <link itemprop="image" href="https://global.discourse-cdn.com/flex036/uploads/gohugo/original/3X/a/e/ae9eb5aec0393752416f0c983ef3877451e106aa.png"> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2023-09-19T00:56:08Z' class='post-time'> September 19, 2023, 12:56am </time> <meta itemprop='dateModified' content='2023-09-19T00:56:08Z'> <span itemprop='position'>2</span> </span> </div> <div class='post' itemprop='text'> <p>Hi everyone. In case anyone else is actually interested, here is my progress:</p> <p>I decided not to port the one linked in my post, it was too much work. Instead I am trying to make something from scratch.</p> <p>Here is how it looks currently:</p> <p><div class="lightbox-wrapper"><a class="lightbox" href="https://global.discourse-cdn.com/flex036/uploads/gohugo/original/3X/a/e/ae9eb5aec0393752416f0c983ef3877451e106aa.png" data-download-href="/uploads/short-url/oUL73vQUjVd1fmZOzD0xtCQezhM.png?dl=1" title="image" rel="noopener nofollow ugc"><img src="https://global.discourse-cdn.com/flex036/uploads/gohugo/original/3X/a/e/ae9eb5aec0393752416f0c983ef3877451e106aa.png" alt="image" data-base62-sha1="oUL73vQUjVd1fmZOzD0xtCQezhM" width="536" height="500" data-dominant-color="F5F5F5"><div class="meta"><svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use href="#far-image"></use></svg><span class="filename">image</span><span class="informations">629×586 26.7 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg></div></a></div></p> <p>It uses a google sheet, google form, and google apps script. It’s completely free and fairly easy to setup.</p> <p>Still needs some more progress. I’ll keep everyone updated in case someone actually cares.</p> <p>The main purpose of this is because</p> <p>disqus - I dont even need to explain why we hate it<br> giscus - Looks a bit unprofessional in my opinion. (although I really appreciate all the work the devs put it - it’s a pretty decent option).<br> isso - Really beautiful and amazing - but requires a linux server - $$$$<br> staticman - also costs $$$ to host<br> cusdis - Amazing, but you dont own your comments - no way to export them. Otherwise its awesome. And its not a company so you never know how long they will support their product<br> remarkbox - looks really nice, but I had trouble getting it working nicely.</p> <p>this - It’s working off google sheets / script / forms - which seem to be pretty safe in terms of their future. Although honestly, Google is known to get rid of their products pretty quickly…</p> <p>Also, the cons of this is that it will probably get slow once you have many comments.</p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> </div> </div> <div id="related-topics" class="more-topics__list " role="complementary" aria-labelledby="related-topics-title"> <h3 id="related-topics-title" class="more-topics__list-title"> Related topics </h3> <div class="topic-list-container" itemscope itemtype='http://schema.org/ItemList'> <meta itemprop='itemListOrder' content='http://schema.org/ItemListOrderDescending'> <table class='topic-list'> <thead> <tr> <th>Topic</th> <th></th> <th class="replies">Replies</th> <th class="views">Views</th> <th>Activity</th> </tr> </thead> <tbody> <tr class="topic-list-item" id="topic-list-item-10203"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='1'> <span class="link-top-line"> <a itemprop='url' href='https://discourse.gohugo.io/t/how-i-implemented-comments-on-a-static-site-static-site-with-super-powers/10203' class='title raw-link raw-topic-link'>How I Implemented Comments on a Static Site - Static Site with Super-Powers</a> </span> <div class="link-bottom-line"> <a href='/c/tips-tricks/38' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #ED207B'></span> <span class='badge-category clear-badge'> <span class='category-name'>tips & tricks</span> </span> </a> <div class="discourse-tags"> </div> </div> </td> <td class="replies"> <span class='posts' title='posts'>5</span> </td> <td class="views"> <span class='views' title='views'>1549</span> </td> <td> May 25, 2019 </td> </tr> <tr class="topic-list-item" id="topic-list-item-4429"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='2'> <span class="link-top-line"> <a itemprop='url' href='https://discourse.gohugo.io/t/staticman-a-comments-system-for-hugo-site/4429' class='title raw-link raw-topic-link'>Staticman - A comments system for Hugo site</a> </span> <div class="link-bottom-line"> <a href='/c/support/34' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #652D90'></span> <span class='badge-category clear-badge'> <span class='category-name'>support</span> </span> </a> <div class="discourse-tags"> </div> </div> </td> <td class="replies"> <span class='posts' title='posts'>13</span> </td> <td class="views"> <span class='views' title='views'>7721</span> </td> <td> February 27, 2019 </td> </tr> <tr class="topic-list-item" id="topic-list-item-31966"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='3'> <span class="link-top-line"> <a itemprop='url' href='https://discourse.gohugo.io/t/glosa-commentary-system/31966' class='title raw-link raw-topic-link'>Glosa commentary system</a> </span> <div class="link-bottom-line"> <a href='/c/support/34' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #652D90'></span> <span class='badge-category clear-badge'> <span class='category-name'>support</span> </span> </a> <div class="discourse-tags"> </div> </div> </td> <td class="replies"> <span class='posts' title='posts'>3</span> </td> <td class="views"> <span class='views' title='views'>468</span> </td> <td> March 26, 2021 </td> </tr> <tr class="topic-list-item" id="topic-list-item-15042"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='4'> <span class="link-top-line"> <a itemprop='url' href='https://discourse.gohugo.io/t/disqus-alternative/15042' class='title raw-link raw-topic-link'>Disqus Alternative</a> </span> <div class="link-bottom-line"> <a href='/c/support/34' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #652D90'></span> <span class='badge-category clear-badge'> <span class='category-name'>support</span> </span> </a> <div class="discourse-tags"> </div> </div> </td> <td class="replies"> <span class='posts' title='posts'>2</span> </td> <td class="views"> <span class='views' title='views'>526</span> </td> <td> January 2, 2019 </td> </tr> <tr class="topic-list-item" id="topic-list-item-10370"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='5'> <span class="link-top-line"> <a itemprop='url' href='https://discourse.gohugo.io/t/talkyard-embedded-comments-for-hugo/10370' class='title raw-link raw-topic-link'>Talkyard: Embedded comments for Hugo</a> </span> <div class="link-bottom-line"> <a href='/c/tips-tricks/38' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #ED207B'></span> <span class='badge-category clear-badge'> <span class='category-name'>tips & tricks</span> </span> </a> <div class="discourse-tags"> </div> </div> </td> <td class="replies"> <span class='posts' title='posts'>0</span> </td> <td class="views"> <span class='views' title='views'>1154</span> </td> <td> February 5, 2018 </td> </tr> </tbody> </table> </div> </div> </div> <footer class="container wrap"> <nav class='crawler-nav'> <ul> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='/' itemprop="url">Home </a> </span> </li> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='/categories' itemprop="url">Categories </a> </span> </li> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='/guidelines' itemprop="url">Guidelines </a> </span> </li> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='/tos' itemprop="url">Terms of Service </a> </span> </li> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='/privacy' itemprop="url">Privacy Policy </a> </span> </li> </ul> </nav> <p class='powered-by-link'>Powered by <a href="https://www.discourse.org">Discourse</a>, best viewed with JavaScript enabled</p> </footer> <div class="buorg"><div>Unfortunately, <a href="https://www.discourse.org/faq/#browser">your browser is unsupported</a>. Please <a href="https://browsehappy.com">switch to a supported browser</a> to view rich content, log in and reply.</div></div> </body> </html>