Photos grid on your blog

As I mentioned on this week’s episode of Micro Monday, we want to add category support to Micro.blog including a special section for photos. As a first experiment with a page for photos, I added a JSON Feed of your photos to all hosted blogs on Micro.blog yesterday at /photos/index.json. (It will be updated automatically next time you post to your blog.)

Jonathan LaCour wrote a JavaScript include called Microgram to take that feed and display a grid of photos. You can see it in action on my blog here.

We still want to do more on Micro.blog with photos, but this is a great solution that’s available today. And I think it shows off how JSON Feed makes these kind of integrations much easier. Thanks Jonathan!

Stan

- This is a great enhancement. I love having a page for specifically featuring photos.

Pratik

This is awesome! Kudos to @cleverdevil for this much-needed feature on Micro.Blog. I love that its implementation is so simple. One more nail in the coffin of trying to wean myself away from Instagram.

Craig McClellan

@cleverdevil This looks super cool, but I’m not entirely sure how to make this work on my site. I created a photos page and copied the Microgram HTML into that page. However, the page just loads “Not Found”.

I’m sure this is entirely user error, but some more detailed instructions for the novice user would be great. Can’t wait to get this on my site though.

💬 John Philpin

@cleverdevil .... very very cool ... will be implementing soon. Thankyou to you both.

Jean MacDonald

@craigmcclellan It might take a little while to create the page. That is my guess, based on my experience with On This Day. 🤔

Manton Reece

@craigmcclellan @cleverdevil It might not appear right away for sites with many posts. Give it a little longer and see if it shows up. I'd like to improve this since I have years of photos as well.

Craig McClellan

@macgenie thanks!

Craig McClellan

thanks

Pratik

@craigmcclellan Takes a little while. Check back after 5 mins and it should work.

Thaddeus Hunt

@cleverdevil Seconding everyone else! This is such a great add-on to the platform. A note for everyone else, it does take some time for the page to propagate and become active on your site.

Just the add page, add the JS and then make a cup of coffee or drink a glass of water. It’ll be up by the time you get back. 😊👍🏼

Manton Reece

@thaddeushunt Thanks! ☕

Jonathan LaCour

@pratik you're welome! It was easy to build, thanks to building Micro.blog on top of open feed standards. 🎉

Jonathan LaCour

@JohnPhilpin you're more than welcome :)

Dan Alcantara

This looks great!

Jonathan LaCour

@thaddeushunt glad you're enjoying it!

Kevin Whalen

I love this feature!

Mayo Jordanov

@cleverdevil I'm happy to offer microgram.blog if somebody wants to but a public site with microgram.blog/<m.b.username> or build out something with this.

I bought the domain intending to do instagram-like browsing interface for people's photos, but lacking photo feed in the past and lack of time, it never materialized. I was going to let the domain go when it expires at the end of the year.

Brandon Trebitowski

super cool. I might have to hack this for self-hosted Jekyll sites.

Ron Guest

Thanks @cleverdevil. This worked great!

David Johnson

& @cleverdevil Thank you for this. I look forward to trying it out later.

💬 John Philpin

@cleverdevil love how you click on the image to get to your post .... double checking ... is it right that it only picks one image per post?

Jonathan LaCour

@JohnPhilpin for now, it’s a limitation that it only shows one image per post. Making it show all images requires some changes that would need to make at the Micro.blog level.

💬 John Philpin

@cleverdevil all good .. thankyou ... making sure it wasn’t me ... because it often is.

Manton Reece

@clindsey It should be loading now. Thanks!

Kahlil Lechelt

any news on when we can create our own M.b themes? Would love to port my blog's theme over: kahlillechelt.com

Manton Reece

@ka It's a priority but I don't have a date set yet. What are you using to build your current site?

Avanceé.Agency

oooh, this is very cool. Loving the @cleverdevil page enhancement also. Love the solutions which keep coming from the community here. Definitely a different sense of ownership than other social networks 👏🏾🙌🏾

Kahlil Lechelt

I am using Hugo but that could be easily transferred to Jekyll.

Kahlil Lechelt

I was wondering: did you ever consider using Hugo instead of Jekyll? My guess is it would save you a lot of resources and speed up site generation quite a lot.

Manton Reece

@ka Yes, I've recently been evaluating moving to Hugo more seriously. The photos feature we added puts some additional stress on performance. I think it's time to change this (while still preserving existing themes).

Kahlil Lechelt

it’s a good move I think. I’ve been impressed with Hugo and it has been around for a while.

Dan Barrett

+1 for Hugo. Fast, easy to use, and very flexible. I’ve tried a number of static-site generators and it’s my favourite by far (even though my language of choice is PHP, though knowing Go is not required).

Manton Reece

@yesdevnull Thanks! I've heard good things but just need to finish testing that everything we need will work well in Hugo (and be faster).

Dan Barrett

absolutely, you’d hate to do all the leg work only to find it made no improvements (or slowed down further). Hugo’s Custom Shortcuts and Pipes were really useful for me.

Manton Reece @manton
Lightbox Image