Micropub Example Posts Contribute on Github

🔗 basic note

Rendered Post

This is a basic note

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "content": [
      "This is a basic note"
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": "http://examples.tpxl.io#basic-note",
    "published": [
      "2020-10-20T06:25:25.921Z"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Author Name"
          ],
          "url": [
            "http://example.com/author"
          ]
        }
      }
    ],
    "content": [
      "This is a basic note"
    ]
  }
}

HTML

<article class="h-entry">
  <p class="e-content">This is a basic note</p>
  <footer>
    <a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
    <time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
  </footer>
</article>

🔗 basic article

Rendered Post

This is an article

With HTML content :)

You can include images inside the content if it makes sense

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "name": [
      "This is an article"
    ],
    "content": [
      {
        "html": "<p>With <code>HTML</code> content :)</p><p>You can include images inside the content if it makes sense</p><img src=\"https://placeimg.com/400/300\" />",
        "value": "With HTML content :) \n\nYou can include images inside the content if it makes sense"
      }
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": "http://examples.tpxl.io#basic-article",
    "published": [
      "2020-10-20T06:25:25.921Z"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Author Name"
          ],
          "url": [
            "http://example.com/author"
          ]
        }
      }
    ],
    "name": [
      "This is an article"
    ],
    "content": [
      {
        "html": "<p>With <code>HTML</code> content :)</p><p>You can include images inside the content if it makes sense</p><img src=\"https://placeimg.com/400/300\" />",
        "value": "With HTML content :) \n\nYou can include images inside the content if it makes sense"
      }
    ]
  }
}

HTML

<article class="h-entry">
  <header>
    <h1 class="p-name">This is an article</h1>
  </header>
  <div class="e-content">
    <p>With <code>HTML</code> content :)</p>
    <p>You can include images inside the content if it makes sense</p>
    <img src="https://placeimg.com/400/300" />
  </div>
  <footer>
    <a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
    <time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
  </footer>
</article>

🔗 reply

Rendered Post

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "in-reply-to": [
      "https://example.com"
    ],
    "content": [
      "Wow look at this reply to https://example.com"
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": "http://examples.tpxl.io#reply",
    "published": [
      "2020-10-20T06:25:25.921Z"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Author Name"
          ],
          "url": [
            "http://example.com/author"
          ]
        }
      }
    ],
    "in-reply-to": [
      "https://example.com"
    ],
    "content": [
      "Wow look at this reply to https://example.com"
    ]
  }
}

HTML

<article class="h-entry">
  <p class="e-content">Wow look at this reply to https://example.com</p>
  <a class="u-in-reply-to" href="https://example.com">Replied to https://example.com</a>
  <footer>
    <a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
    <time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
  </footer>
</article>

🔗 like

Rendered Post

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "like-of": [
      "https://example.com"
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": "http://examples.tpxl.io#like",
    "published": [
      "2020-10-20T06:25:25.921Z"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Author Name"
          ],
          "url": [
            "http://example.com/author"
          ]
        }
      }
    ],
    "like-of": [
      "https://example.com"
    ]
  }
}

HTML

<article class="h-entry">
  <a class="u-like-of" href="https://example.com">Like of https://example.com</a>
  <footer>
    <a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
    <time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
  </footer>
</article>

🔗 video note

Rendered Post

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "content": "Video note",
    "video": [
      "http://a/vidjo.mov"
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": "http://examples.tpxl.io#video-note",
    "published": [
      "2020-10-20T06:25:25.921Z"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Author Name"
          ],
          "url": [
            "http://example.com/author"
          ]
        }
      }
    ],
    "content": "Video note",
    "video": [
      "http://a/vidjo.mov"
    ]
  }
}

HTML

<article class="h-entry">
  <video class="u-video" src="http://a/vidjo.mov" controls=""></video>
  <footer>
    <a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
    <time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
  </footer>
</article>

🔗 audio note

Rendered Post

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "content": "Audio note",
    "audio": [
      "http://a/podcast.mp3"
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": "http://examples.tpxl.io#audio-note",
    "published": [
      "2020-10-20T06:25:25.921Z"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Author Name"
          ],
          "url": [
            "http://example.com/author"
          ]
        }
      }
    ],
    "content": "Audio note",
    "audio": [
      "http://a/podcast.mp3"
    ]
  }
}

HTML

<article class="h-entry">
  <audio class="u-audio" src="http://a/podcast.mp3" controls=""></audio>
  <footer>
    <a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
    <time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
  </footer>
</article>

🔗 article with photo

Rendered Post

Article with photo

Isn't this neat

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "name": [
      "Article with photo"
    ],
    "content": [
      "Isn't this neat"
    ],
    "photo": [
      "https://placeimg.com/500/200"
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": "http://examples.tpxl.io#article-with photo",
    "published": [
      "2020-10-20T06:25:25.921Z"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Author Name"
          ],
          "url": [
            "http://example.com/author"
          ]
        }
      }
    ],
    "name": [
      "Article with photo"
    ],
    "content": [
      "Isn't this neat"
    ],
    "photo": [
      "https://placeimg.com/500/200"
    ]
  }
}

HTML

<article class="h-entry">
  <header>
    <h1 class="p-name">Article with photo</h1>
  </header>
  <img class="u-photo" src="https://placeimg.com/500/200" alt="" />
  <p class="e-content">Isn&#x27;t this neat</p>
  <footer>
    <a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
    <time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
  </footer>
</article>

🔗 article with featured image

Rendered Post

Article Title

An article with a featured image

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "name": [
      "Article Title"
    ],
    "content": [
      "An article with a featured image"
    ],
    "featured": [
      "https://placeimg.com/500/300"
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": "http://examples.tpxl.io#article-with featured image",
    "published": [
      "2020-10-20T06:25:25.921Z"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Author Name"
          ],
          "url": [
            "http://example.com/author"
          ]
        }
      }
    ],
    "name": [
      "Article Title"
    ],
    "content": [
      "An article with a featured image"
    ],
    "featured": [
      "https://placeimg.com/500/300"
    ]
  }
}

HTML

<article class="h-entry">
  <header>
    <img class="u-featured" src="https://placeimg.com/500/300" />
    <h1 class="p-name">Article Title</h1>
  </header>
  <p class="e-content">An article with a featured image</p>
  <footer>
    <a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
    <time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
  </footer>
</article>

🔗 photo note

Rendered Post

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "content": [
      "Checkout my photo"
    ],
    "photo": [
      "https://placeimg.com/500/300"
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": "http://examples.tpxl.io#photo-note",
    "published": [
      "2020-10-20T06:25:25.921Z"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Author Name"
          ],
          "url": [
            "http://example.com/author"
          ]
        }
      }
    ],
    "content": [
      "Checkout my photo"
    ],
    "photo": [
      "https://placeimg.com/500/300"
    ]
  }
}

HTML

<article class="h-entry">
  <img class="u-photo" src="https://placeimg.com/500/300" alt="" />
  <p class="e-content">Checkout my photo</p>
  <footer>
    <a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
    <time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
  </footer>
</article>

🔗 photo with alt

Rendered Post

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "content": [
      "Checkout my photo"
    ],
    "photo": [
      {
        "value": "https://placeimg.com/500/300",
        "alt": "The alt text for this photo"
      }
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": "http://examples.tpxl.io#photo-with alt",
    "published": [
      "2020-10-20T06:25:25.921Z"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Author Name"
          ],
          "url": [
            "http://example.com/author"
          ]
        }
      }
    ],
    "content": [
      "Checkout my photo"
    ],
    "photo": [
      {
        "value": "https://placeimg.com/500/300",
        "alt": "The alt text for this photo"
      }
    ]
  }
}

HTML

<article class="h-entry">
  <img class="u-photo" src="https://placeimg.com/500/300" alt="The alt text for this photo" />
  <p class="e-content">Checkout my photo</p>
  <footer>
    <a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
    <time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
  </footer>
</article>

🔗 multi photo

Rendered Post

Checkout these multiple photos that should be related

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "content": [
      "Checkout these multiple photos that should be related"
    ],
    "photo": [
      "https://placeimg.com/300/100/animals",
      "https://placeimg.com/300/100/arch",
      "https://placeimg.com/300/100/nature"
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": "http://examples.tpxl.io#multi-photo",
    "published": [
      "2020-10-20T06:25:25.921Z"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Author Name"
          ],
          "url": [
            "http://example.com/author"
          ]
        }
      }
    ],
    "content": [
      "Checkout these multiple photos that should be related"
    ],
    "photo": [
      "https://placeimg.com/300/100/animals",
      "https://placeimg.com/300/100/arch",
      "https://placeimg.com/300/100/nature"
    ]
  }
}

HTML

<article class="h-entry">
  <img class="u-photo" src="https://placeimg.com/300/100/animals" alt="" />
  <img class="u-photo" src="https://placeimg.com/300/100/arch" alt="" />
  <img class="u-photo" src="https://placeimg.com/300/100/nature" alt="" />
  <p class="e-content">Checkout these multiple photos that should be related</p>
  <footer>
    <a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
    <time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
  </footer>
</article>

🔗 rsvp

Rendered Post

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "in-reply-to": [
      "https://example.com/event"
    ],
    "rsvp": [
      "yes"
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": "http://examples.tpxl.io#rsvp",
    "published": [
      "2020-10-20T06:25:25.921Z"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Author Name"
          ],
          "url": [
            "http://example.com/author"
          ]
        }
      }
    ],
    "in-reply-to": [
      "https://example.com/event"
    ],
    "rsvp": [
      "yes"
    ]
  }
}

HTML

<article class="h-entry">
  <p>
    <data class="p-rsvp" value="yes">I am going</data> to this event:
    <a class="u-in-reply-to" href="https://example.com/event">https://example.com/event</a>
  </p>
  <footer>
    <a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
    <time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
  </footer>
</article>

🔗 article with comments

Rendered Post

Check out the comments

This is a post with comments

Comments

second comment name

And I, as well, in addition. Too.

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "name": [
      "Check out the comments"
    ],
    "content": [
      "This is a post with comments"
    ],
    "comment": [
      {
        "type": [
          "h-cite"
        ],
        "properties": {
          "author": [
            {
              "type": [
                "h-card"
              ],
              "properties": {
                "name": [
                  "Alice"
                ],
                "url": [
                  "https://placeimg.com/50/50/people"
                ]
              }
            }
          ],
          "content": [
            {
              "value": "I concur.",
              "html": "I concur."
            }
          ]
        }
      },
      {
        "type": [
          "h-cite"
        ],
        "properties": {
          "url": [
            "http://example.com/comment/2"
          ],
          "name": [
            "second comment name"
          ],
          "content": [
            {
              "value": "And I, as well, in addition. Too.",
              "html": "And I, as well, in addition. Too."
            }
          ]
        }
      }
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": "http://examples.tpxl.io#article-with comments",
    "published": [
      "2020-10-20T06:25:25.921Z"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Author Name"
          ],
          "url": [
            "http://example.com/author"
          ]
        }
      }
    ],
    "name": [
      "Check out the comments"
    ],
    "content": [
      "This is a post with comments"
    ],
    "comment": [
      {
        "type": [
          "h-cite"
        ],
        "properties": {
          "author": [
            {
              "type": [
                "h-card"
              ],
              "properties": {
                "name": [
                  "Alice"
                ],
                "url": [
                  "https://placeimg.com/50/50/people"
                ]
              }
            }
          ],
          "content": [
            {
              "value": "I concur.",
              "html": "I concur."
            }
          ]
        }
      },
      {
        "type": [
          "h-cite"
        ],
        "properties": {
          "url": [
            "http://example.com/comment/2"
          ],
          "name": [
            "second comment name"
          ],
          "content": [
            {
              "value": "And I, as well, in addition. Too.",
              "html": "And I, as well, in addition. Too."
            }
          ]
        }
      }
    ]
  }
}

HTML

<article class="h-entry">
  <header>
    <h1 class="p-name">Check out the comments</h1>
  </header>
  <p class="e-content">This is a post with comments</p>
  <footer>
    <a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
    <time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
  </footer>
  <div>
    <h3>Comments</h3>
    <article class="h-cite p-comment">
      <div class="e-content">I concur.</div>
      <footer>
        <a class="h-card u-url" href="https://placeimg.com/50/50/people"><span class="p-name">Alice</span></a>
      </footer>
    </article>
    <article class="h-cite p-comment">
      <header>
        <h1 class="p-name">second comment name</h1>
      </header>
      <div class="e-content">And I, as well, in addition. Too.</div>
      <footer>
        <a class="u-url" href="http://example.com/comment/2">Permalink</a>
      </footer>
    </article>
  </div>
</article>

🔗 (granary) article with likes

Rendered Post

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "name": [
      "article abc"
    ],
    "content": [
      {
        "value": "foo bar",
        "html": "foo bar"
      }
    ],
    "url": [
      "http://example.com/abc"
    ],
    "like": [
      {
        "type": [
          "h-cite"
        ],
        "properties": {
          "author": [
            {
              "type": [
                "h-card"
              ],
              "properties": {
                "numeric-id": [
                  "100004"
                ],
                "name": [
                  "Alice"
                ],
                "url": [
                  "http://example.com/alice"
                ]
              }
            }
          ],
          "content": [
            {
              "html": "<a href=\"http://example.com/abc\">likes this.</a>"
            }
          ],
          "like-of": [
            "http://example.com/abc"
          ]
        }
      },
      {
        "type": [
          "h-cite"
        ],
        "properties": {
          "url": [
            "http://example.com/anonymous/like"
          ],
          "content": [
            {
              "html": "<a href=\"http://example.com/abc\">likes this.</a>"
            }
          ],
          "like-of": [
            "http://example.com/abc"
          ]
        }
      }
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": [
      "http://example.com/abc"
    ],
    "published": [
      "2020-10-20T06:25:25.921Z"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Author Name"
          ],
          "url": [
            "http://example.com/author"
          ]
        }
      }
    ],
    "name": [
      "article abc"
    ],
    "content": [
      {
        "value": "foo bar",
        "html": "foo bar"
      }
    ],
    "like": [
      {
        "type": [
          "h-cite"
        ],
        "properties": {
          "author": [
            {
              "type": [
                "h-card"
              ],
              "properties": {
                "numeric-id": [
                  "100004"
                ],
                "name": [
                  "Alice"
                ],
                "url": [
                  "http://example.com/alice"
                ]
              }
            }
          ],
          "content": [
            {
              "html": "<a href=\"http://example.com/abc\">likes this.</a>"
            }
          ],
          "like-of": [
            "http://example.com/abc"
          ]
        }
      },
      {
        "type": [
          "h-cite"
        ],
        "properties": {
          "url": [
            "http://example.com/anonymous/like"
          ],
          "content": [
            {
              "html": "<a href=\"http://example.com/abc\">likes this.</a>"
            }
          ],
          "like-of": [
            "http://example.com/abc"
          ]
        }
      }
    ]
  }
}

HTML

<article class="h-entry">
  <header>
    <h1 class="p-name">article abc</h1>
  </header>
  <div class="e-content">foo bar</div>
  <footer>
    <a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
    <time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
    <a class="u-url" href="http://example.com/abc">Permalink</a>
  </footer>
  <a class="p-like h-cite u-url" href="http://example.com/abc">
    <img class="u-photo" src="https://placeimg.com/100/100/people" alt="Liked by Unknown" />
  </a>
  <a class="p-like h-cite u-url" href="http://example.com/anonymous/like">
    <img class="u-photo" src="https://placeimg.com/100/100/people" alt="Liked by Unknown" />
  </a>
</article>

🔗 (granary) article with reposts

Rendered Post

People have reposted this article

Now other people will see it too

Reposted by UnknownReposted by Unknown

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "name": [
      "People have reposted this article"
    ],
    "content": [
      "Now other people will see it too"
    ],
    "url": [
      "http://example.com/abc"
    ],
    "repost": [
      {
        "type": [
          "h-cite"
        ],
        "properties": {
          "author": [
            {
              "type": [
                "h-card"
              ],
              "properties": {
                "numeric-id": [
                  "100004"
                ],
                "name": [
                  "Alice"
                ],
                "url": [
                  "http://example.com/alice"
                ]
              }
            }
          ],
          "content": [
            {
              "html": "<a href=\"http://example.com/abc\">shared this.</a>"
            }
          ],
          "repost-of": [
            "http://example.com/abc"
          ]
        }
      },
      {
        "type": [
          "h-cite"
        ],
        "properties": {
          "url": [
            "http://example.com/anonymous/repost"
          ],
          "content": [
            {
              "html": "<a href=\"http://example.com/abc\">shared this.</a>"
            }
          ],
          "repost-of": [
            "http://example.com/abc"
          ]
        }
      }
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": [
      "http://example.com/abc"
    ],
    "published": [
      "2020-10-20T06:25:25.921Z"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Author Name"
          ],
          "url": [
            "http://example.com/author"
          ]
        }
      }
    ],
    "name": [
      "People have reposted this article"
    ],
    "content": [
      "Now other people will see it too"
    ],
    "repost": [
      {
        "type": [
          "h-cite"
        ],
        "properties": {
          "author": [
            {
              "type": [
                "h-card"
              ],
              "properties": {
                "numeric-id": [
                  "100004"
                ],
                "name": [
                  "Alice"
                ],
                "url": [
                  "http://example.com/alice"
                ]
              }
            }
          ],
          "content": [
            {
              "html": "<a href=\"http://example.com/abc\">shared this.</a>"
            }
          ],
          "repost-of": [
            "http://example.com/abc"
          ]
        }
      },
      {
        "type": [
          "h-cite"
        ],
        "properties": {
          "url": [
            "http://example.com/anonymous/repost"
          ],
          "content": [
            {
              "html": "<a href=\"http://example.com/abc\">shared this.</a>"
            }
          ],
          "repost-of": [
            "http://example.com/abc"
          ]
        }
      }
    ]
  }
}

HTML

<article class="h-entry">
  <header>
    <h1 class="p-name">People have reposted this article</h1>
  </header>
  <p class="e-content">Now other people will see it too</p>
  <footer>
    <a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
    <time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
    <a class="u-url" href="http://example.com/abc">Permalink</a>
  </footer>
  <a class="p-repost h-cite u-url" href="http://example.com/abc">
    <img class="u-photo" src="https://placeimg.com/100/100/people" alt="Reposted by Unknown" />
  </a>
  <a class="p-repost h-cite u-url" href="http://example.com/anonymous/repost">
    <img class="u-photo" src="https://placeimg.com/100/100/people" alt="Reposted by Unknown" />
  </a>
</article>

🔗 (granary) comment

Rendered Post

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": [
      "http://example.com/comment/547822715231468_6796480"
    ],
    "published": [
      "2012-12-05T00:58:26+00:00"
    ],
    "content": [
      {
        "value": "foo bar baz",
        "html": "foo bar baz"
      }
    ],
    "in-reply-to": [
      "http://example.com/original/post"
    ],
    "location": [
      {
        "type": [
          "h-card",
          "p-location"
        ],
        "properties": {
          "name": [
            "Carcassonne, Aude"
          ],
          "url": [
            "https://maps.google.com/maps?q=32.4004416,-98.9852672"
          ]
        }
      }
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": [
      "http://example.com/comment/547822715231468_6796480"
    ],
    "published": [
      "2012-12-05T00:58:26+00:00"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Author Name"
          ],
          "url": [
            "http://example.com/author"
          ]
        }
      }
    ],
    "content": [
      {
        "value": "foo bar baz",
        "html": "foo bar baz"
      }
    ],
    "in-reply-to": [
      "http://example.com/original/post"
    ],
    "location": [
      {
        "type": [
          "h-card",
          "p-location"
        ],
        "properties": {
          "name": [
            "Carcassonne, Aude"
          ],
          "url": [
            "https://maps.google.com/maps?q=32.4004416,-98.9852672"
          ]
        }
      }
    ]
  }
}

HTML

<article class="h-entry">
  <div class="e-content">foo bar baz</div>
  <a class="u-in-reply-to" href="http://example.com/original/post">Replied to http://example.com/original/post</a>
  <footer>
    <a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
    <time class="dt-published" dateTime="2012-12-05T00:58:26+00:00">Wed Dec 05 2012</time>
    <a class="u-url" href="http://example.com/comment/547822715231468_6796480">Permalink</a>
  </footer>
</article>

🔗 (granary) event

Rendered Post

Micropub MF2 JSON

{
  "type": [
    "h-event"
  ],
  "properties": {
    "name": [
      "XYZ"
    ],
    "summary": [
      "it's happening!"
    ],
    "url": [
      "http://example.com/event-xyz"
    ],
    "published": [
      "2017-01-22T01:29:15+00:00"
    ],
    "content": [
      {
        "html": "this event is gonna be great",
        "value": "this event is gonna be great"
      }
    ],
    "start": [
      "2017-07-12 17:30"
    ],
    "end": [
      "2017-07-12 19:30"
    ],
    "location": [
      {
        "type": [
          "h-card",
          "p-location"
        ],
        "properties": {
          "name": [
            "the place"
          ]
        }
      }
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-event"
  ],
  "properties": {
    "url": [
      "http://example.com/event-xyz"
    ],
    "published": [
      "2017-01-22T01:29:15+00:00"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Author Name"
          ],
          "url": [
            "http://example.com/author"
          ]
        }
      }
    ],
    "name": [
      "XYZ"
    ],
    "summary": [
      "it's happening!"
    ],
    "content": [
      {
        "html": "this event is gonna be great",
        "value": "this event is gonna be great"
      }
    ],
    "start": [
      "2017-07-12 17:30"
    ],
    "end": [
      "2017-07-12 19:30"
    ],
    "location": [
      {
        "type": [
          "h-card",
          "p-location"
        ],
        "properties": {
          "name": [
            "the place"
          ]
        }
      }
    ]
  }
}

HTML

<article class="h-event">
  <header>
    <h1 class="p-name">XYZ</h1>
  </header>
  <div class="e-content">this event is gonna be great</div>
  <footer>
    <a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
    <time class="dt-published" dateTime="2017-01-22T01:29:15+00:00">Sun Jan 22 2017</time>
    <a class="u-url" href="http://example.com/event-xyz">Permalink</a>
  </footer>
</article>

🔗 (granary) github issue

Rendered Post

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": [
      "http://example.com/issue/6796480"
    ],
    "content": [
      {
        "value": "must be your hardware",
        "html": "must be your hardware"
      }
    ],
    "in-reply-to": [
      "http://github.com/me/thing/issues/9"
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": [
      "http://example.com/issue/6796480"
    ],
    "published": [
      "2020-10-20T06:25:25.921Z"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Author Name"
          ],
          "url": [
            "http://example.com/author"
          ]
        }
      }
    ],
    "content": [
      {
        "value": "must be your hardware",
        "html": "must be your hardware"
      }
    ],
    "in-reply-to": [
      "http://github.com/me/thing/issues/9"
    ]
  }
}

HTML

<article class="h-entry">
  <div class="e-content">must be your hardware</div>
  <a class="u-in-reply-to" href="http://github.com/me/thing/issues/9">Replied to http://github.com/me/thing/issues/9</a>
  <footer>
    <a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
    <time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
    <a class="u-url" href="http://example.com/issue/6796480">Permalink</a>
  </footer>
</article>

🔗 (granary) in reply to with h cite

Rendered Post

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "in-reply-to": [
      "http://example.com/bare-reply",
      {
        "type": [
          "h-cite"
        ],
        "value": "Reply inside h-cite",
        "properties": {
          "url": [
            "http://example.com/embedded-reply"
          ],
          "name": [
            "Reply inside h-cite"
          ]
        }
      }
    ],
    "content": [
      {
        "html": "This is the main content.",
        "value": "This is the main content."
      }
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": "http://examples.tpxl.io#(granary)-in reply to with h cite",
    "published": [
      "2020-10-20T06:25:25.921Z"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Author Name"
          ],
          "url": [
            "http://example.com/author"
          ]
        }
      }
    ],
    "in-reply-to": [
      "http://example.com/bare-reply",
      {
        "type": [
          "h-cite"
        ],
        "value": "Reply inside h-cite",
        "properties": {
          "url": [
            "http://example.com/embedded-reply"
          ],
          "name": [
            "Reply inside h-cite"
          ]
        }
      }
    ],
    "content": [
      {
        "html": "This is the main content.",
        "value": "This is the main content."
      }
    ]
  }
}

HTML

<article class="h-entry">
  <div class="e-content">This is the main content.</div>
  <a class="u-in-reply-to" href="http://example.com/bare-reply">Replied to http://example.com/bare-reply</a>
  <footer>
    <a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
    <time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
  </footer>
</article>

🔗 (granary) invite

Rendered Post

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": [
      "http://example.com/this/invite"
    ],
    "invitee": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Alice"
          ],
          "url": [
            "http://example.com/alice"
          ]
        }
      }
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Mr. Host"
          ],
          "url": [
            "http://example.com/host"
          ]
        }
      }
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": [
      "http://example.com/this/invite"
    ],
    "published": [
      "2020-10-20T06:25:25.921Z"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Mr. Host"
          ],
          "url": [
            "http://example.com/host"
          ]
        }
      }
    ],
    "invitee": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Alice"
          ],
          "url": [
            "http://example.com/alice"
          ]
        }
      }
    ]
  }
}

HTML

<article class="h-entry">
  <footer>
    <a class="h-card u-url" href="http://example.com/host"><span class="p-name">Mr. Host</span></a>Published:
    <time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
    <a class="u-url" href="http://example.com/this/invite">Permalink</a>
  </footer>
</article>

🔗 (granary) like multiple urls

Rendered Post

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": [
      "http://example.com/this/like"
    ],
    "published": [
      "2012-12-05T00:58:26+00:00"
    ],
    "content": [
      {
        "html": "<a href=\"http://example.com/original/post\">likes this.</a>"
      }
    ],
    "like-of": [
      "http://example.com/original/post",
      "http://example.com/other/post"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Alice"
          ],
          "url": [
            "http://example.com/alice"
          ]
        }
      }
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": [
      "http://example.com/this/like"
    ],
    "published": [
      "2012-12-05T00:58:26+00:00"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Alice"
          ],
          "url": [
            "http://example.com/alice"
          ]
        }
      }
    ],
    "content": [
      {
        "html": "<a href=\"http://example.com/original/post\">likes this.</a>"
      }
    ],
    "like-of": [
      "http://example.com/original/post",
      "http://example.com/other/post"
    ]
  }
}

HTML

<article class="h-entry">
  <div class="e-content">
    <a href="http://example.com/original/post">likes this.</a>
  </div>
  <a class="u-like-of" href="http://example.com/original/post">Like of http://example.com/original/post</a>
  <a class="u-like-of" href="http://example.com/other/post">Like of http://example.com/other/post</a>
  <footer>
    <a class="h-card u-url" href="http://example.com/alice"><span class="p-name">Alice</span></a>Published:
    <time class="dt-published" dateTime="2012-12-05T00:58:26+00:00">Wed Dec 05 2012</time>
    <a class="u-url" href="http://example.com/this/like">Permalink</a>
  </footer>
</article>

🔗 (granary) like

Rendered Post

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": [
      "http://example.com/this/like"
    ],
    "published": [
      "2012-12-05T00:58:26+00:00"
    ],
    "content": [
      {
        "html": "<a href=\"http://example.com/original/post\">likes this.</a>"
      }
    ],
    "like-of": [
      "http://example.com/original/post"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Alice"
          ],
          "url": [
            "http://example.com/alice"
          ]
        }
      }
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": [
      "http://example.com/this/like"
    ],
    "published": [
      "2012-12-05T00:58:26+00:00"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Alice"
          ],
          "url": [
            "http://example.com/alice"
          ]
        }
      }
    ],
    "content": [
      {
        "html": "<a href=\"http://example.com/original/post\">likes this.</a>"
      }
    ],
    "like-of": [
      "http://example.com/original/post"
    ]
  }
}

HTML

<article class="h-entry">
  <div class="e-content">
    <a href="http://example.com/original/post">likes this.</a>
  </div>
  <a class="u-like-of" href="http://example.com/original/post">Like of http://example.com/original/post</a>
  <footer>
    <a class="h-card u-url" href="http://example.com/alice"><span class="p-name">Alice</span></a>Published:
    <time class="dt-published" dateTime="2012-12-05T00:58:26+00:00">Wed Dec 05 2012</time>
    <a class="u-url" href="http://example.com/this/like">Permalink</a>
  </footer>
</article>

🔗 (granary) note with cite

Rendered Post

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "content": [
      "i hereby quote"
    ]
  },
  "children": [
    {
      "type": [
        "h-cite",
        "u-quotation-of"
      ],
      "properties": {
        "content": [
          "this is being quoted"
        ],
        "url": [
          "http://quoted/post"
        ]
      }
    }
  ]
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": "http://examples.tpxl.io#(granary)-note with cite",
    "published": [
      "2020-10-20T06:25:25.921Z"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Author Name"
          ],
          "url": [
            "http://example.com/author"
          ]
        }
      }
    ],
    "content": [
      "i hereby quote"
    ]
  },
  "children": [
    {
      "type": [
        "h-cite",
        "u-quotation-of"
      ],
      "properties": {
        "content": [
          "this is being quoted"
        ],
        "url": [
          "http://quoted/post"
        ]
      }
    }
  ]
}

HTML

<article class="h-entry">
  <p class="e-content">i hereby quote</p>
  <footer>
    <a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
    <time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
  </footer>
</article>

🔗 (granary) note with composite photo

Rendered Post

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "photo": [
      {
        "type": [
          "h-media"
        ],
        "properties": {
          "name": [
            "The Photo Caption"
          ],
          "url": [
            "https://ben.thatmustbe.me/static/img.jpg"
          ]
        },
        "value": "https://ben.thatmustbe.me/static/img.jpgThe Photo Caption"
      }
    ],
    "name": [
      ""
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": "http://examples.tpxl.io#(granary)-note with composite photo",
    "published": [
      "2020-10-20T06:25:25.921Z"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Author Name"
          ],
          "url": [
            "http://example.com/author"
          ]
        }
      }
    ],
    "photo": [
      {
        "type": [
          "h-media"
        ],
        "properties": {
          "name": [
            "The Photo Caption"
          ],
          "url": [
            "https://ben.thatmustbe.me/static/img.jpg"
          ]
        },
        "value": "https://ben.thatmustbe.me/static/img.jpgThe Photo Caption"
      }
    ],
    "name": [
      ""
    ]
  }
}

HTML

<article class="h-entry">
  <header>
    <h1 class="p-name"></h1>
  </header>
  <img class="u-photo" src="https://ben.thatmustbe.me/static/img.jpgThe Photo Caption" alt="" />
  <footer>
    <a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
    <time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
  </footer>
</article>

🔗 (granary) note with quotation

Rendered Post

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "content": [
      "i hereby quote"
    ],
    "quotation-of": [
      {
        "type": [
          "h-cite"
        ],
        "properties": {
          "content": [
            "this is being quoted"
          ],
          "url": [
            "http://quoted/post"
          ]
        }
      }
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": "http://examples.tpxl.io#(granary)-note with quotation",
    "published": [
      "2020-10-20T06:25:25.921Z"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Author Name"
          ],
          "url": [
            "http://example.com/author"
          ]
        }
      }
    ],
    "content": [
      "i hereby quote"
    ],
    "quotation-of": [
      {
        "type": [
          "h-cite"
        ],
        "properties": {
          "content": [
            "this is being quoted"
          ],
          "url": [
            "http://quoted/post"
          ]
        }
      }
    ]
  }
}

HTML

<article class="h-entry">
  <p class="e-content">i hereby quote</p>
  <footer>
    <a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
    <time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
  </footer>
</article>

🔗 (granary) note with string quotation

Rendered Post

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "content": [
      "i hereby quote"
    ],
    "quotation-of": [
      "this should be ignored",
      {
        "type": [
          "h-cite"
        ],
        "properties": {
          "content": [
            "this is being quoted"
          ],
          "url": [
            "http://quoted/post"
          ]
        }
      }
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": "http://examples.tpxl.io#(granary)-note with string quotation",
    "published": [
      "2020-10-20T06:25:25.921Z"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Author Name"
          ],
          "url": [
            "http://example.com/author"
          ]
        }
      }
    ],
    "content": [
      "i hereby quote"
    ],
    "quotation-of": [
      "this should be ignored",
      {
        "type": [
          "h-cite"
        ],
        "properties": {
          "content": [
            "this is being quoted"
          ],
          "url": [
            "http://quoted/post"
          ]
        }
      }
    ]
  }
}

HTML

<article class="h-entry">
  <p class="e-content">i hereby quote</p>
  <footer>
    <a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
    <time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
  </footer>
</article>

🔗 (granary) note

Rendered Post

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "summary": [
      "too cool to summarize"
    ],
    "url": [
      "http://example.com/blog-post-123",
      "http://orig/1",
      "http://orig/2"
    ],
    "published": [
      "2012-02-22T20:26:41"
    ],
    "updated": [
      "2013-10-25T10:31:30+00:00"
    ],
    "content": [
      {
        "value": "A note. link too",
        "html": "A note. <a href=\"http://my/link\">link</a> too"
      }
    ],
    "photo": [
      "https://placeimg.com/400/400"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Ryan Barrett"
          ],
          "photo": [
            "https://placeimg.com/50/50/people"
          ]
        }
      }
    ],
    "location": [
      {
        "type": [
          "h-card",
          "p-location"
        ],
        "properties": {
          "name": [
            "Carcassonne, Aude"
          ],
          "url": [
            "https://maps.google.com/maps?q=32.4004416,-98.9852672"
          ],
          "latitude": [
            "50.820641"
          ],
          "longitude": [
            "-0.149522"
          ]
        }
      }
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": [
      "http://example.com/blog-post-123",
      "http://orig/1",
      "http://orig/2"
    ],
    "published": [
      "2012-02-22T20:26:41"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Ryan Barrett"
          ],
          "photo": [
            "https://placeimg.com/50/50/people"
          ]
        }
      }
    ],
    "summary": [
      "too cool to summarize"
    ],
    "updated": [
      "2013-10-25T10:31:30+00:00"
    ],
    "content": [
      {
        "value": "A note. link too",
        "html": "A note. <a href=\"http://my/link\">link</a> too"
      }
    ],
    "photo": [
      "https://placeimg.com/400/400"
    ],
    "location": [
      {
        "type": [
          "h-card",
          "p-location"
        ],
        "properties": {
          "name": [
            "Carcassonne, Aude"
          ],
          "url": [
            "https://maps.google.com/maps?q=32.4004416,-98.9852672"
          ],
          "latitude": [
            "50.820641"
          ],
          "longitude": [
            "-0.149522"
          ]
        }
      }
    ]
  }
}

HTML

<article class="h-entry">
  <img class="u-photo" src="https://placeimg.com/400/400" alt="" />
  <div class="e-content">A note.
    <a href="http://my/link">link</a> too</div>
  <footer>
    <div class="h-card">
      <img class="u-photo" src="https://placeimg.com/50/50/people" /><span class="p-name">Ryan Barrett</span></div>Published:
    <time class="dt-published" dateTime="2012-02-22T20:26:41">Wed Feb 22 2012</time>
    <a class="u-url" href="http://example.com/blog-post-123">Permalink</a>
    <a class="u-url" href="http://orig/1">Permalink</a>
    <a class="u-url" href="http://orig/2">Permalink</a>
  </footer>
</article>

🔗 (granary) repost of with h cite

Rendered Post

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "repost-of": [
      "http://example.com/bare-repost",
      {
        "type": [
          "h-cite"
        ],
        "value": "Author\nRepost content inside h-cite",
        "properties": {
          "url": [
            "http://example.com/embedded-repost"
          ],
          "name": [
            "Author"
          ],
          "content": [
            {
              "html": "Repost inside h-cite",
              "value": "Repost inside h-cite"
            }
          ]
        }
      }
    ],
    "content": [
      {
        "html": "This is the main content.",
        "value": "This is the main content."
      }
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": "http://examples.tpxl.io#(granary)-repost of with h cite",
    "published": [
      "2020-10-20T06:25:25.921Z"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Author Name"
          ],
          "url": [
            "http://example.com/author"
          ]
        }
      }
    ],
    "repost-of": [
      "http://example.com/bare-repost",
      {
        "type": [
          "h-cite"
        ],
        "value": "Author\nRepost content inside h-cite",
        "properties": {
          "url": [
            "http://example.com/embedded-repost"
          ],
          "name": [
            "Author"
          ],
          "content": [
            {
              "html": "Repost inside h-cite",
              "value": "Repost inside h-cite"
            }
          ]
        }
      }
    ],
    "content": [
      {
        "html": "This is the main content.",
        "value": "This is the main content."
      }
    ]
  }
}

HTML

<article class="h-entry">
  <div class="e-content">This is the main content.</div>
  <a class="u-repost-of" href="http://example.com/bare-repost">Repost of http://example.com/bare-repost</a>
  <footer>
    <a class="h-card u-url" href="http://example.com/author"><span class="p-name">Author Name</span></a>Published:
    <time class="dt-published" dateTime="2020-10-20T06:25:25.921Z">Tue Oct 20 2020</time>
  </footer>
</article>

🔗 (granary) repost

Rendered Post

Micropub MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": [
      "http://example.com/this/repost"
    ],
    "published": [
      "2012-12-05T00:58:26+00:00"
    ],
    "content": [
      {
        "html": "Shared <a href=\"http://example.com/original/post\">a post</a> by   <span class=\"h-card\">\n   \n<a class=\"p-name u-url\" href=\"http://example.com/bob\">Bob</a>\n    \n  </span>\nThe original post"
      }
    ],
    "repost-of": [
      {
        "type": [
          "h-cite"
        ],
        "properties": {
          "author": [
            {
              "type": [
                "h-card"
              ],
              "properties": {
                "name": [
                  "Bob"
                ],
                "url": [
                  "http://example.com/bob"
                ]
              }
            }
          ],
          "content": [
            {
              "html": "The original post",
              "value": "The original post"
            }
          ],
          "url": [
            "http://example.com/original/post"
          ]
        }
      }
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Alice"
          ],
          "url": [
            "http://example.com/alice"
          ]
        }
      }
    ]
  }
}

Full Parsed MF2 JSON

{
  "type": [
    "h-entry"
  ],
  "properties": {
    "url": [
      "http://example.com/this/repost"
    ],
    "published": [
      "2012-12-05T00:58:26+00:00"
    ],
    "author": [
      {
        "type": [
          "h-card"
        ],
        "properties": {
          "name": [
            "Alice"
          ],
          "url": [
            "http://example.com/alice"
          ]
        }
      }
    ],
    "content": [
      {
        "html": "Shared <a href=\"http://example.com/original/post\">a post</a> by   <span class=\"h-card\">\n   \n<a class=\"p-name u-url\" href=\"http://example.com/bob\">Bob</a>\n    \n  </span>\nThe original post"
      }
    ],
    "repost-of": [
      {
        "type": [
          "h-cite"
        ],
        "properties": {
          "author": [
            {
              "type": [
                "h-card"
              ],
              "properties": {
                "name": [
                  "Bob"
                ],
                "url": [
                  "http://example.com/bob"
                ]
              }
            }
          ],
          "content": [
            {
              "html": "The original post",
              "value": "The original post"
            }
          ],
          "url": [
            "http://example.com/original/post"
          ]
        }
      }
    ]
  }
}

HTML

<article class="h-entry">
  <div class="e-content">Shared
    <a href="http://example.com/original/post">a post</a> by <span class="h-card">
   
<a class="p-name u-url" href="http://example.com/bob">Bob</a>
    
  </span> The original post</div>
  <footer>
    <a class="h-card u-url" href="http://example.com/alice"><span class="p-name">Alice</span></a>Published:
    <time class="dt-published" dateTime="2012-12-05T00:58:26+00:00">Wed Dec 05 2012</time>
    <a class="u-url" href="http://example.com/this/repost">Permalink</a>
  </footer>
</article>