Article Title

Your content here...

Author Name Jan 17, 2025

`})}),` `,(0,n.jsx)(e.p,{children:"This markup allows Webmention receivers to extract:"}),` `,(0,n.jsxs)(e.ul,{children:[` `,(0,n.jsxs)(e.li,{children:["The article title (",(0,n.jsx)(e.code,{children:"p-name"}),")"]}),` `,(0,n.jsxs)(e.li,{children:["The full content (",(0,n.jsx)(e.code,{children:"e-content"}),")"]}),` `,(0,n.jsxs)(e.li,{children:["Author information (",(0,n.jsx)(e.code,{children:"u-author"}),")"]}),` `,(0,n.jsxs)(e.li,{children:["Publication date (",(0,n.jsx)(e.code,{children:"dt-published"}),")"]}),` `]}),` `,(0,n.jsxs)(e.h2,{id:"real-world-benefits",children:[(0,n.jsx)(e.a,{"aria-hidden":"true",tabIndex:"-1",href:"#real-world-benefits",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Real-World Benefits"]}),` `,(0,n.jsx)(e.p,{children:"With proper microformats, receiving sites can display rich previews of mentions:"}),` `,(0,n.jsxs)(e.ol,{children:[` `,(0,n.jsx)(e.li,{children:(0,n.jsx)(e.strong,{children:"Show author avatar and name"})}),` `,(0,n.jsx)(e.li,{children:(0,n.jsx)(e.strong,{children:"Display a quote or excerpt"})}),` `,(0,n.jsx)(e.li,{children:(0,n.jsx)(e.strong,{children:"Include publication date"})}),` `,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:"Indicate the type of interaction"})," (reply, like, repost)"]}),` `]}),` `,(0,n.jsxs)(e.h3,{id:"parser-tools",children:[(0,n.jsx)(e.a,{"aria-hidden":"true",tabIndex:"-1",href:"#parser-tools",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Parser Tools"]}),` `,(0,n.jsx)(e.p,{children:"Several tools help you work with microformats:"}),` `,(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-bash",children:`# Install the microformats parser npm install microformats-parser # Parse a URL const mf2 = await fetch('https://example.com/post') .then(res => res.text()) .then(html => microformats.get({ html })); `})}),` `,(0,n.jsxs)(e.h2,{id:"advanced-patterns",children:[(0,n.jsx)(e.a,{"aria-hidden":"true",tabIndex:"-1",href:"#advanced-patterns",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Advanced Patterns"]}),` `,(0,n.jsxs)(e.h3,{id:"reply-context",children:[(0,n.jsx)(e.a,{"aria-hidden":"true",tabIndex:"-1",href:"#reply-context",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Reply Context"]}),` `,(0,n.jsx)(e.p,{children:"When you reply to someone's post, include reply context:"}),` `,(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-html",children:`

Original post by Their Name

Your reply content...

`})}),` `,(0,n.jsx)(e.p,{children:"This creates a threaded conversation view."}),` `,(0,n.jsxs)(e.h3,{id:"like-and-repost-indicators",children:[(0,n.jsx)(e.a,{"aria-hidden":"true",tabIndex:"-1",href:"#like-and-repost-indicators",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Like and Repost Indicators"]}),` `,(0,n.jsx)(e.p,{children:"For likes and reposts, use specific classes:"}),` `,(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-html",children:`

`})}),` `,(0,n.jsxs)(e.h2,{id:"community-updates",children:[(0,n.jsx)(e.a,{"aria-hidden":"true",tabIndex:"-1",href:"#community-updates",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Community Updates"]}),` `,(0,n.jsx)(e.p,{children:"This week in the IndieWeb community:"}),` `,(0,n.jsxs)(e.ul,{children:[` `,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:"Pin13.net"})," updated their microformats documentation with new examples"]}),` `,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:"XRay"})," parser improved handling of nested h-cards"]}),` `,(0,n.jsx)(e.li,{children:"New microformats validator tools released"}),` `]}),` `,(0,n.jsxs)(e.h3,{id:"testing-your-markup",children:[(0,n.jsx)(e.a,{"aria-hidden":"true",tabIndex:"-1",href:"#testing-your-markup",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Testing Your Markup"]}),` `,(0,n.jsx)(e.p,{children:"Use these tools to validate your microformats:"}),` `,(0,n.jsxs)(e.ol,{children:[` `,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.a,{href:"https://pin13.net/mf2/",children:"Pin13.net"})," - Visual parser"]}),` `,(0,n.jsx)(e.li,{children:"Browser extensions for live inspection"}),` `,(0,n.jsx)(e.li,{children:"Command-line parsers for CI/CD"}),` `]}),` `,(0,n.jsxs)(e.blockquote,{children:[` `,(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:"Pro Tip"}),": Add microformats to your existing HTML incrementally. You don't need to rewrite everything at once!"]}),` `]}),` `,(0,n.jsxs)(e.h2,{id:"case-study-threading",children:[(0,n.jsx)(e.a,{"aria-hidden":"true",tabIndex:"-1",href:"#case-study-threading",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Case Study: Threading"]}),` `,(0,n.jsx)(e.p,{children:"One reader implemented full conversation threading using:"}),` `,(0,n.jsxs)(e.ul,{children:[` `,(0,n.jsx)(e.li,{children:"Reply contexts with h-cite"}),` `,(0,n.jsx)(e.li,{children:"Backfeed from social media via Bridgy"}),` `,(0,n.jsx)(e.li,{children:"Automatic Webmention sending on publish"}),` `]}),` `,(0,n.jsx)(e.p,{children:"The result? A complete conversation view that spans multiple domains while keeping all content on their own site."}),` `,(0,n.jsxs)(e.h2,{id:"next-week",children:[(0,n.jsx)(e.a,{"aria-hidden":"true",tabIndex:"-1",href:"#next-week",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Next Week"]}),` `,(0,n.jsx)(e.p,{children:"Join us next week as we explore Webmention security, spam prevention, and moderation workflows. We'll cover:"}),` `,(0,n.jsxs)(e.ul,{children:[` `,(0,n.jsx)(e.li,{children:"Verification best practices"}),` `,(0,n.jsx)(e.li,{children:"Rate limiting strategies"}),` `,(0,n.jsx)(e.li,{children:"Vouch extension for trusted networks"}),` `,(0,n.jsx)(e.li,{children:"Common attack vectors and mitigations"}),` `]}),` `,(0,n.jsx)(e.hr,{}),` `,(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:"Questions about microformats?"})," Send us a Webmention or join the #indieweb chat!"]}),` `,(0,n.jsx)(e.p,{children:(0,n.jsx)(e.em,{children:"Webmentions Weekly is published every Tuesday. Add our feed to stay updated."})})]})}function h(i={}){let{wrapper:e}=i.components||{};return e?(0,n.jsx)(e,{...i,children:(0,n.jsx)(s,{...i})}):s(i)}return x(w);})(); ;return Component;

Newsletter

Webmentions Weekly #1: The IndieWeb Revolution