<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Avatar on DevOps von UCLAB</title>
    <link>https://uclab.dev/tags/avatar/</link>
    <description>Recent content in Avatar on DevOps von UCLAB</description>
    <generator>Hugo</generator>
    <language>en</language>
    <lastBuildDate>Thu, 19 Mar 2026 18:56:24 +0000</lastBuildDate>
    <atom:link href="https://uclab.dev/tags/avatar/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>Adding Avatar to my Hugo blog</title>
      <link>https://uclab.dev/posts/avatar/</link>
      <pubDate>Thu, 19 Mar 2026 18:56:24 +0000</pubDate>
      <guid>https://uclab.dev/posts/avatar/</guid>
      <description>&lt;p&gt;When I set up this blog using the &lt;a href=&#34;https://github.com/joeroe/risotto&#34;&gt;risotto&lt;/a&gt; Hugo theme, I wanted to add a profile picture to the left sidebar, right below the site title. Sounds simple — and it is, once you know where to look. Here&amp;rsquo;s exactly what I did.&lt;/p&gt;&#xA;&lt;h2 id=&#34;the-goal&#34;&gt;The Goal&lt;/h2&gt;&#xA;&lt;p&gt;Add a circular avatar image below the blog title in the sidebar, without touching the theme files directly (so updates don&amp;rsquo;t break anything).&lt;/p&gt;&#xA;&lt;h2 id=&#34;step-1--place-the-image&#34;&gt;Step 1 — Place the Image&lt;/h2&gt;&#xA;&lt;p&gt;Drop your image into the &lt;code&gt;static/&lt;/code&gt; directory at the root of your Hugo site:&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
