diff --git a/content/posts/prettify-hugo-rss-feed-xslt/index.md b/content/posts/prettify-hugo-rss-feed-xslt/index.md index 6309373..533eeae 100644 --- a/content/posts/prettify-hugo-rss-feed-xslt/index.md +++ b/content/posts/prettify-hugo-rss-feed-xslt/index.md @@ -12,7 +12,7 @@ tags: - hugo - meta --- -I spent a bit of time several months back making my sure my site's RSS would work well in a feed reader. This meant making a *lot* of modifications to the [default Hugo RSS template](https://github.com/gohugoio/hugo/blob/master/tpl/tplimpl/embedded/templates/_default/rss.xml). I made it load the full article text rather than just the summary, present correctly-formatted code blocks with no loss of important whitespace, include inline images, and even pass online validation checks: +I put in some work several months back making my sure my site's RSS would work well in a feed reader. This meant making a *lot* of modifications to the [default Hugo RSS template](https://github.com/gohugoio/hugo/blob/master/tpl/tplimpl/embedded/templates/_default/rss.xml). I made it load the full article text rather than just the summary, present correctly-formatted code blocks with no loss of important whitespace, include inline images, and even pass online validation checks: [![Validate my RSS feed](valid-rss-rogers.png)](http://validator.w3.org/feed/check.cgi?url=https%3A//runtimeterror.dev/feed.xml) @@ -22,4 +22,9 @@ But while the feed looks great when rendered by a reader, the browser presentati It feels like there should be a friendlier way to present a feed "landing page" to help users new to RSS figure out what they need to do in order to follow a blog - and there absolutely is. In much the same way that you can prettify plain HTML with the inclusion of a CSS stylesheet, you can also style boring XML using [eXtensible Stylesheet Language Transformations (XSLT)](https://www.w3schools.com/xml/xsl_intro.asp). -So this post will describe how I styled \ No newline at end of file +This post will quickly cover how I used XSLT to style my blog's RSS feed and made it look like this: + +![Much more attractive RSS feed with styling to fit the site's theme](pretty-feed.png) + +### Starting Point +I won't go into too much detail \ No newline at end of file diff --git a/content/posts/prettify-hugo-rss-feed-xslt/pretty-feed.png b/content/posts/prettify-hugo-rss-feed-xslt/pretty-feed.png new file mode 100644 index 0000000..2f3039b Binary files /dev/null and b/content/posts/prettify-hugo-rss-feed-xslt/pretty-feed.png differ