A Blazor component to embed giscus, a comments system powered by GitHub Discussions.
Get Started
$ dotnet add package GiscusBlazorReadme
giscus-blazor
A Blazor component to embed giscus, a comments system powered by GitHub Discussions.
Supports both Blazor WebAssembly and Blazor Server.
Getting started
To start, install it from NuGet:
dotnet add package GiscusBlazor
Then add either one of the following tag to your wwwroot/index.html (Blazor WebAssembly) or Pages/_Layout.cshtml (Blazor Server) as the last child of <head> element.
<!-- Use esm.sh, using bundled module, recommended -->
<script type="module" src="https://cdn.esm.sh/giscus?bundle"></script>
<!-- or jsDelivr -->
<script type="module" src="https://cdn.jsdelivr.net/npm/giscus/+esm"></script>
<!-- or Skypack -->
<script type="module" src="https://cdn.skypack.dev/giscus"></script>
<!-- or unpkg -->
<script type="module" src="https://unpkg.com/giscus?module"></script>
You might need to fix the version when publish your website. For example:
<!-- Use esm.sh, using bundled module -->
<script type="module" src="https://cdn.esm.sh/giscus@1.1.1?bundle"></script>
<!-- or jsDelivr -->
<script type="module" src="https://cdn.jsdelivr.net/npm/giscus@1.1.1/+esm"></script>
<!-- or Skypack, and get the pinned URL as in https://docs.skypack.dev/skypack-cdn/api-reference/pinned-urls-optimized -->
<script type="module"
src="https://cdn.skypack.dev/pin/giscus@v1.1.1-pMHE0mo1rPPSOZMcMNip/mode=imports,min/optimized/giscus.js"></script>
<!-- or unpkg -->
<script type="module" src="https://unpkg.com/giscus@1.1.1?module"></script>
You can also install giscus in your wwwroot folder with npm or other Node.js package manager, and include it like above.
Then add this component to your files where you want the comments to appear like this: