Origami comics

Create a blog roll

Your blog can support other independent bloggers by linking to them in a blogroll!

https://bobscoolblog.com/

Blogroll

  • Ben Kenawell's Blog
  • Jim Nielsen's Blog
  • Posts and notes from Nick Simson
  • Vale.Rocks Posts

One way is to create a small data file listing the blogs you like.

blogs.yaml
title: Blogs using Web Origami
blogs:
  - title: Ben Kenawell's Blog
    url: https://blog.kena.dev
    feed: https://blog.kena.dev/feed.xml

  - title: Jim Nielsen's Blog
    url: https://blog.jim-nielsen.com
    feed: https://blog.jim-nielsen.com/feed.xml

  - title: Posts and notes from Nick Simson
    url: https://www.nicksimson.com
    feed: https://www.nicksimson.com/feed.xml

  - title: Vale.Rocks Posts
    url: https://vale.rocks
    feed: https://vale.rocks/posts/feed.xml

This is YAML, could also use JSON, CSV, OPML…

Use a template to convert your blog list to HTML links.

blogroll.ori.html
<!-- Links to each blog in the data file -->
<h2>Blogroll</h2>
<ul>
  ${ Tree.map(blogs.yaml/blogs, (blog) => Tree.indent`
    <li>
      <a href="${blog.url}">${blog.title}</a>
    </li>
  ` )}
</ul>
$ ori "blogroll.ori.html()"
<!-- Links to each blog in the data file -->
<h2>Blogroll</h2>
<ul>
  <li>
    <a href="https://blog.kena.dev">Ben Kenawell's Blog</a>
  </li>
  <li>
    <a href="https://blog.jim-nielsen.com">Jim Nielsen's Blog</a>
  </li>
  <li>
    <a href="https://www.nicksimson.com">Posts and notes from Nick Simson</a>
  </li>
  <li>
    <a href="https://vale.rocks">Vale.Rocks Posts</a>
  </li>
</ul>
$

A separate template can generate an OPML file to let your readers quickly download all your blog links.

blogs.ori.opml
<?xml version="1.0" encoding="UTF-8"?>
<opml version="2.0">
  <head>
    <title>${ blogs.yaml/title }</title>
  </head>
  <body>
    ${ Tree.map(blogs.yaml/blogs, (blog) => Tree.indent`
      <outline
        type="rss"
        text="${ blog.title }"
        htmlUrl="${ blog.url }"
        xmlUrl="${ blog.feed }"
      />
    ` )}
  </body>
</opml>
$ ori "blogs.ori.opml()"
<?xml version="1.0" encoding="UTF-8"?>
<opml version="2.0">
  <head>
    <title>Blogs using Web Origami</title>
  </head>
  <body>
    <outline
      type="rss"
      text="Ben Kenawell's Blog"
      htmlUrl="https://blog.kena.dev"
      xmlUrl="https://blog.kena.dev/feed.xml"
    />
    <outline
      type="rss"
      text="Jim Nielsen's Blog"
      htmlUrl="https://blog.jim-nielsen.com"
      xmlUrl="https://blog.jim-nielsen.com/feed.xml"
    />
    <outline
      type="rss"
      text="Posts and notes from Nick Simson"
      htmlUrl="https://www.nicksimson.com"
      xmlUrl="https://www.nicksimson.com/feed.xml"
    />
    <outline
      type="rss"
      text="Vale.Rocks Posts"
      htmlUrl="https://vale.rocks"
      xmlUrl="https://vale.rocks/posts/feed.xml"
    />
  </body>
</opml>
$

This is a kind of an XML file.

Read more: Reading in an OPML file and transforming it to HTML

  Comic index