1.1.1 • Published 1 year ago
blue-comments v1.1.1
Bluesky-based commenting system
Heavily inspired by https://graysky.app/blog/2024-02-05-adding-blog-comments
Quickstart
You effectively need to set two variables, the DID and the RKEY. Drop the following into your page:
const DID = 'did:plc:...'; // YOUR BSKY DID; see: internect.info
const RKEY = '...'; // RKEY OF THE POST (the string after `/post/` in the URL) HERE
import('https://esm.sh/blue-comments@^1');
var el = document.createElement('blue-comments');
el.setAttribute('uri', `at://${DID}/app.bsky.feed.post/${RKEY}`);
document.body.appendChild(el);
If using Ghost, in the post editing sidebar, use the "code injection" option to add the above to your footer.
Slightly-more-involved usage
This is better if you're wanting to use this on multiple pages.
In your <head>
section:
<script type="module" async defer src="https://esm.sh/blue-comments"></script>
Where you want to put comments:
<blue-comments uri="at://did:plc:.../app.bsky.feed.post/...">
<h3>You can replace the default comments header section by specifying children</h3>
</blue-comments>
1.1.1
1 year ago
1.1.0
1 year ago
1.0.7
1 year ago
1.0.6
1 year ago
1.0.5
1 year ago
1.0.4
1 year ago
1.0.3
1 year ago
1.0.2
1 year ago
1.0.1
1 year ago
1.0.0
1 year ago
1.0.0-alpha4
1 year ago
1.0.0-alpha3
1 year ago
1.0.0-alpha2
1 year ago
1.0.0-alpha
1 year ago