diff --git a/site/content/howtos/comments.md b/site/content/howtos/comments.md index 6d9c231e..8303f5f9 100644 --- a/site/content/howtos/comments.md +++ b/site/content/howtos/comments.md @@ -12,8 +12,8 @@ Page comments can be setup with any one of the following supported providers: Each provider has it's own configuration options that you should add to your `.env` file. ->[!Info] ->If you are hosting your website on hosting providers like Netlify, Vercel or Cloudflare, you will also need to add the environment variables there. +> [!Info] +> If you are hosting your website on hosting providers like Netlify, Vercel or Cloudflare, you will also need to add the environment variables there. ### Giscus @@ -26,7 +26,7 @@ Each provider has it's own configuration options that you should add to your `.e Once the above steps are completed, head over to [https://giscus.app](https://giscus.app/) and follow the steps there by filling out the fields to get your config values. ->[!important] +> [!important] > Make sure to choose `pathname` under page discussions mapping. After filling out the fields, you will be provided with a script tag that contains your config values. Add them to your `.env` file, like so: @@ -86,21 +86,17 @@ Then, add the following to your custom layout (or directly to your pages): ```tsx import Navbar from './navbar'; import Footer from './footer'; - + export default function Layout({ children }) { return ( <> - -
{children}
-
- -
-