[{"data":1,"prerenderedAt":217},["ShallowReactive",2],{"\u002Fintegrations\u002Fjekyll":3},{"id":4,"title":5,"body":6,"description":208,"extension":209,"icon":210,"meta":211,"navigation":212,"path":213,"seo":214,"stem":215,"__hash__":216},"integrations\u002Fintegrations\u002Fjekyll.md","Add comments to a Jekyll site",{"type":7,"value":8,"toc":200},"minimark",[9,13,164,169,196],[10,11,12],"p",{},"Crowment works on any static site, GitHub Pages included: the comments load in the browser, so there is nothing to build or host.",[14,15,17,22,35,39,47,122,126,133,143,153,157],"steps",{"level":16},"3",[18,19,21],"h3",{"id":20},"create-a-widget","Create a widget",[10,23,24,29,30,34],{},[25,26,28],"a",{"href":27},"\u002Flogin","Sign in to Crowment",", create a comment widget for your site's domain and copy its app key from ",[31,32,33],"strong",{},"Install & Embed",".",[18,36,38],{"id":37},"create-an-include","Create an include",[10,40,41,42,46],{},"Save the embed code as ",[43,44,45],"code",{},"_includes\u002Fcrowment.html",":",[48,49,54],"pre",{"className":50,"code":51,"filename":45,"language":52,"meta":53,"style":53},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript defer src=\"https:\u002F\u002Fembeds.crowment.com\u002Fcomments.js\">\u003C\u002Fscript>\n\u003Ccrow-comments app-key=\"YOUR_APP_KEY\">\u003C\u002Fcrow-comments>\n","html","",[43,55,56,96],{"__ignoreMap":53},[57,58,61,65,69,73,76,79,82,86,88,91,93],"span",{"class":59,"line":60},"line",1,[57,62,64],{"class":63},"sMK4o","\u003C",[57,66,68],{"class":67},"swJcz","script",[57,70,72],{"class":71},"spNyl"," defer",[57,74,75],{"class":71}," src",[57,77,78],{"class":63},"=",[57,80,81],{"class":63},"\"",[57,83,85],{"class":84},"sfazB","https:\u002F\u002Fembeds.crowment.com\u002Fcomments.js",[57,87,81],{"class":63},[57,89,90],{"class":63},">\u003C\u002F",[57,92,68],{"class":67},[57,94,95],{"class":63},">\n",[57,97,99,101,104,107,109,111,114,116,118,120],{"class":59,"line":98},2,[57,100,64],{"class":63},[57,102,103],{"class":67},"crow-comments",[57,105,106],{"class":71}," app-key",[57,108,78],{"class":63},[57,110,81],{"class":63},[57,112,113],{"class":84},"YOUR_APP_KEY",[57,115,81],{"class":63},[57,117,90],{"class":63},[57,119,103],{"class":67},[57,121,95],{"class":63},[18,123,125],{"id":124},"include-it-in-your-post-layout","Include it in your post layout",[10,127,128,129,132],{},"Open ",[43,130,131],{},"_layouts\u002Fpost.html"," and add the include after the content:",[48,134,136],{"className":50,"code":135,"filename":131,"language":52,"meta":53,"style":53},"{{ content }} {% include crowment.html %}\n",[43,137,138],{"__ignoreMap":53},[57,139,140],{"class":59,"line":60},[57,141,135],{"class":142},"sTEyZ",[10,144,145,146,148,149,152],{},"If your theme comes from a gem (Minima, for example), ",[43,147,131],{}," is not in your site yet. Copy it from the theme first; ",[43,150,151],{},"bundle info --path minima"," shows where the theme lives.",[18,154,156],{"id":155},"build-and-check","Build and check",[10,158,159,160,163],{},"Run ",[43,161,162],{},"bundle exec jekyll serve"," and open a post. Each post gets its own thread, identified by its URL path.",[165,166,168],"h2",{"id":167},"next-steps","Next steps",[170,171,172,184],"ul",{},[173,174,175,176,179,180,34],"li",{},"Keep threads attached when URLs change with ",[43,177,178],{},"page-id",": see ",[25,181,183],{"href":182},"\u002Fdocs\u002Fen\u002Fsite-owners\u002Fgetting-started\u002Finstallation","Which thread a page shows",[173,185,186,187,191,192,34],{},"Switch on ",[25,188,190],{"href":189},"\u002Fdocs\u002Fen\u002Fsite-owners\u002Fmoderation\u002Frules-and-lifecycle","AI moderation"," and pick a ",[25,193,195],{"href":194},"\u002Fdocs\u002Fen\u002Fsite-owners\u002Fgetting-started\u002Fappearance","theme",[197,198,199],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}",{"title":53,"searchDepth":98,"depth":201,"links":202},3,[203,204,205,206,207],{"id":20,"depth":201,"text":21},{"id":37,"depth":201,"text":38},{"id":124,"depth":201,"text":125},{"id":155,"depth":201,"text":156},{"id":167,"depth":98,"text":168},"Add a comment section with AI moderation to a Jekyll or GitHub Pages blog with one include file.","md","i-simple-icons-jekyll",{},true,"\u002Fintegrations\u002Fjekyll",{"title":5,"description":208},"integrations\u002Fjekyll","y_6NP50KF-l_Kskv7Gugqd71JYPLiHGDsjyhFLCi4bs",1792581803633]