Quartz Bluesky Comments

This can be downloaded from here: https://github.com/Yernemm/quartz-bluesky-comments

For now, this is just the initial release, the code is quite messy but that usually ends up being the case.

Installation

• Place the contents of src into the root of your project (which should have the quartz folder).
• edit quartz\components\index.ts to include the component:

...
import CommentsBsky from "./CommentsBsky"
 
...
 
export {
...
  CommentsBsky,
}

• edit quartz\styles\custom.scss to include the style:

...
@use "./../components/styles/blueskycomments.scss";

• in quartz.layout.ts modify your afterBody to add the component:

  afterBody: [    
    Component.CommentsBsky({
      author: "YOUR BLUESKY HANDLE",
    }),],

Adding your bluesky handle currently does not do much but you can modify the stylesheet to make your own comments stand out among others

Usage

Simply add the bluesky post link as a blueskypost property in the frontmatter of any page!

Demo

This page has Bluesky comments below! Feel free to leave a comment over on Bluesky to see it appear down here.