webmention 实现参考

关于博客内实现 webmention 功能相关文章收集

综合

IndieWebify.Me - a guide to getting you on the IndieWeb 逐级引导如何使网站符合 IndieWeb 规范

KRISTOF ZERBE 三篇文章详细介绍 hexo 博客如何支持 Webmention。

• Hexo and the IndieWeb - kiko.io 介绍 h-card、h-entry 等 html 标签用法。
  • 发送 response 支持的标签
    • u-in-replay-to
      • In reply to: <a class="u-in-reply-to" href="https://jacks-blog.com/awesome-work">Jacks Blog: Awesome Work</a>
    • u-link-of
      • Kristof liked <a class="u-like-of" href="https://jacks-blog.com/awesome-work">Jacks Awesome Work at https://jacks-blog.com/awesome-work</a>
    • u-repost-of
    • u-bookmark-of
• Hexo and the IndieWeb (Sending Webmentions) - kiko.io 向被你提及的网站发送 webmention 消息
  • webmention.app：打开一直显示 404，服务挂了？ 评论区 Mirakelor 提醒网址必须加上 www
  • 解析你博客的 RSS feed，匹配出提及的网址，然后发出 mention
• Hexo and the IndieWeb (Receiving Webmentions) - kiko.io 使用 webmention.io 接收其他站点发送的 mention 以及如何在博客页面展示。
  • 集成收到的 mention 信息有两种方式：
    • Static hexo 博客生成时写相关的数据到 html 页面中
    • Dynamic 访问网站时 javascript 实时解析数据展示

IndieWeb, Webmentions | ./kwaa.dev: 藍+85CD 在 Urara 博客系统中实现的过程记录。该博客系统已开源，详见RE:Introducing Urara | ./kwaa.dev

• Webmention-developer#Sending - IndieWeb indieweb.org 收集的实现 Sending 功能开源项目列表

Refactor your blog comments system with Webmention.io: GeekPlux 使用 twitter + webmention 实现博客评论系统

• 相关代码参考 site/theme.config.js at main · geekplux/site (github.com)

Now, I’m in IndieWeb? - Owen Young’s Blog zola 博客

• 定期拉取站点全部 mention 信息，生成站点时在 html 页面写入对应的 mention
• blog/send-webmention.yml at main · theowenyoung/blog · GitHub 解析 rss feed 发送 mention 脚本
• 评论展示可以参考，如果匹配到作者发的推，用专门的卡片样式呈现
  • 

Joining the Webmentions Community: A Beginner’s Guide (eindex.me) 提供基于js 的 send mention 脚本

Webmention - KAIX.IN：介绍为什么要使用 webmention 以及写了个 webmention 接收器，不过没有找到相关代码链接。

发送

Automatically sending Webmentions from a static website - James Mead：解析站点 rss 然后通过 ifttt 发送请求

Telegraph (p3k.io)：手动发送链接

kristofzerbe/hexo-console-webmention: Sending webmentions for posts within Hexo (github.com)：解析最新 x 篇文章中引用的链接，然后发送到对应的接收服务。下载后，运行报错。

Bridgy 获取 twitter 交互

接收

Webmention.io 公开的接收服务，支持以 html，atom feed，json 等格式获取指定网址的 mention 信息

Webmentions on a static site with GitHub Actions \ Seb De Deyne (sebastiandedeyne.com)：定时拉取 webmention.io 上的 webmention 结果

新增对 Webmention 的支持 | Re:Linked (outv.im)：基于 hexo+sass 的博客，提到 self-host 的接收服务 outloudvi/workers-webmention-server: Webmention server on Cloudflare Workers. (github.com)

展示

透過 webmention 來搜集 blog 的社群迴響 (jason-memo.dev) 评论展示形式很美观，值得学习。

• 

拥抱独立网站运动 | M-x Chris-An-Emacser (chriszheng.science)：hexo 博客，基于 webmention.js 展示收到的反馈。

PlaidWeb/webmention.js: Client-side library for rendering webmentions from webmention.io (github.com)：第三方 js 库

Webmention Demo - IndieWeb Hexo Icarus (whyouare111.github.io) hexo+icarus 主题博客，实现 webmention + mastodon 集成。 修改后主题代码在 whyouare111/hexo-theme-icarus at matataki (github.com)。

• 提到 About | Seviche.cc 通过标签切换多种评论
• 评论模块以时间线形式展示 webmention
  • 

提醒

回复《webmention 实现参考》 - IndieWeb Hexo Icarus (whyouare111.github.io)：webmention.io 提供 mention 的 rss feed，配合 rss 阅读器/IFTTT 等工具可以查看是否收到新的 mention

测试数据

Owen 的「Now, I’m in IndieWeb? 」相关 mention