devto

Generate a Dev.to-optimized RSS feed that can be used to automatically import your blog posts to Dev.to.

What this does: Creates an RSS feed with HTML-encoded content that Dev.to can import and convert to their markdown format.

---

Process

1. Understand the Blog Structure

Scan the codebase to understand:

• Where are markdown blog posts stored?
• What frontmatter format is used?
• What's the blog base URL?
• Where are images/diagrams located?

Common blog structures:

• src/content/blog/posts/{en,ja}/*.md
• content/blog/*.md
• posts/*.md
• blog/*.md

2. Read All Blog Posts

Use Glob to find all markdown files:

• Search pattern: **/*.md in blog directories
• Read each file with Read tool
• Extract frontmatter (title, description, date, author)
• Extract markdown content

For each post:

{
  title: string,
  description: string,
  date: string,
  author: string,
  slug: string,
  content: string (markdown),
  url: string (full blog post URL)
}

3. Convert Markdown to HTML

Dev.to Requirements:

• Content must be HTML (in <content:encoded> field)
• All URLs must be absolute (not relative)
• Images must use absolute URLs
• Dev.to will convert the HTML back to markdown on their end

Conversion process:

• Convert markdown to HTML (use marked.js if available, or simple conversion)
• Make all image URLs absolute
• Make all links absolute
• Preserve code blocks and formatting

4. Generate RSS Feed

Create XML file with RSS 2.0 format:

<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
     xmlns:content="http://purl.org/rss/1.0/modules/content/"
     xmlns:dc="http://purl.org/dc/elements/1.1/"
     xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Blog Title</title>
    <description>Blog Description</description>
    <link>https://yourblog.com</link>
    <atom:link href="https://yourblog.com/rss-devto.xml" rel="self" type="application/rss+xml"/>
    <language>en</language>

    <item>
      <title>Post Title</title>
      <link>https://yourblog.com/blog/post-slug</link>
      <guid>https://yourblog.com/blog/post-slug</guid>
      <pubDate>Mon, 01 Jan 2025 00:00:00 GMT</pubDate>
      <description>Post description</description>
      <content:encoded><![CDATA[
        <!-- HTML content here with absolute URLs -->
      ]]></content:encoded>
      <dc:creator>Author Name</dc:creator>
    </item>

    <!-- More items... -->
  </channel>
</rss>