I created a new demo site demo-photos.micro.blog to showcase some photo blog features in Micro.blog. It doesn’t use any custom code… Just the home page photos plug-in and Micro.blog collections. For photos, I imported my old Instagram archive.

Jan Erik Moström

It looks like all photos are square, are they originally that or is that a result of using the features?

Manton Reece

@jemostrom All my photos were square. They could be any aspect ratio though.

Jan Erik Moström

👍🏻

Manton Reece

@pratik Yeah, the home page uses masonry. I’d like to see some other layout options too in the future.

Tyler K. Nothing

From the keyboard alone, that’s one very, VERY clean looking 2400c.

Lee Feagin

@manton I noticed on the resulting photo landing page (per photo), they are all html files. Did you create an HTML page for each of these photos? Or are they auto-generated somehow?

I’m trying to add metadata to each of my photos, as you added a quick title/description on yours.

Thanks!

Manton Reece

@leefeagin Auto-generated, it's a blog so Micro.blog runs every page through Hugo templates to generate HTML for everything.

Manton Reece

@leefeagin Auto-generated, it's a blog so Micro.blog runs every page through Hugo templates to generate HTML for everything.

Manton Reece

@leefeagin Auto-generated, it’s a blog so Micro.blog runs every page through Hugo templates to generate HTML for everything.

Lee Feagin

@manton Any way you can tell me how you’re doing that? Wondering where that title/description lives.

Manton Reece

@leefeagin Each photo has a blog post with the text and photo reference. Micro.blog for Mac’s Instagram importer creates blog posts for each Instagram photo and sets the original caption and date. There’s a help page here with some details too.

Lee Feagin

@manton Perfect…thank you so much!

Adam Wood

I dig collections a lot. To my eye though, the content in ‘Collections’ looks a bit weird on mobile. If anyone who is better than CSS than I am figures out how to align that centrally, please ping me. Thanks.

Manton Reece

@adam I agree, the default CSS could be better here.

Adam Wood

and I apologise that I can often spot things like this, but not offer to assist in remedying them!

Manton Reece @manton
Lightbox Image