ℹ️ Profile photos with multiple blogs

Documentation
1

It’s possible on Micro.blog to have multiple blogs or podcasts for a single Micro.blog account. When managing multiple blogs, you may want to override the image so that it’s different than your profile photo.

Changing the header

To change the home page to use a new image instead of your profile photo, follow these steps to create a custom theme to override the site header:

  1. Upload a new image under Uploads and copy the URL for the uploaded file.
  2. Got to Design → Edit Themes.
  3. Create a new theme and give it any name you like.
  4. Open the new theme to edit it, and locate the template at layouts/partials/header.html.
  5. In that template, replace {{ .Site.Author.avatar }} with the URL of your uploaded image.
  6. Save your changes, then return to Design and select your custom theme to apply it for your site.

:warning: These instructions apply to the default Sumo theme. If you’re using another theme, the template might have a different name, such as layouts/partials/profile.html.

Podcast cover art

To customize the podcast cover art, upload a new PNG in Micro.blog on the web under Posts → Uploads. The dimensions should be 1400x1400 because that’s what Apple’s podcast directory prefers. Then click on Posts → Design and click the small preview of your current profile photo to pick the cover art for your podcast.

iOS home screen icon

Micro.blog-hosted blogs have a basic “favicon” based on your profile photo. This should appear in web browsers and feed readers. When adding a blog as an icon on the iOS home screen, though, a custom image needs to be provided to iOS.

  1. Upload a PNG of the right dimensions under Posts → Uploads. Copy the URL for the uploaded file.
  2. Create a new custom theme on Micro.blog (or use your current custom theme if you already have one). Custom themes are managed under Posts → Design → Edit Custom Themes.
  3. Search for the template layouts/partials/head.html and click on it to edit it.
  4. Add the HTML to reference your uploaded PNG file. It should be something like:
<link rel="apple-touch-icon" href="url-here" />

After saving the template, make sure the custom theme is set for your blog.

Back to Micro.blog Help Table of Contents

ℹ️ Help Documents: Table of Contents