social.lol as a blog
social.lol as a blog
Adam wrote about this earlier today where he was able to make Mastodon work as blog and I found myself tinkering to see how it would work for me. It is actually really straight forward using what Adam published as he already had the working prototype. In addition, if I would have just looked harder I would have found the specific code that BinaryDigit had shared too with tag support. So with a functioning page of my own my problem came with where to actually have my webpage served from as it is an html file and short of me putting it on one of my other sites I really wanted to keep it in the omg.lol family. π
The quick solution I came up with that might work with some of you is just having it hosted as your omg.lol web page. This works perfectly fine and you can see my example here but the issue I would have (if I didn’t have an extra omg.lol username) is that I am going to assume you like me use that it as an about or landing page.
So from concept that was one solution but as it wasn’t ideal for me I kept thinking that the perfect soltuion would be to figure out a way to run it from my weblog.lol site. However, I remembered all my pages and posts are all markdown and what I really needed to do was have more html in order to get everything to work right.
After a handful of more meetings today it dawned on me when I remembered Adam has that great feature of creating various “Templates” in weblog and then looking at how my template for this site was created it was really just like an html page with the added compontes to pull in page or post information from my markdown files. So that was my new solution and how I was able to get my social.lol “blog” hosted from weblog.lol.
Here is what mine looks like at social.runs.lol.
If you would like to also have yours run from weblog.lol as maybe you are or maybe you aren’t using it today. You can grab the template file here and then once you have that created you will need to create a page (could be the main page if you have nothing else) that looks something like this:
Title: social.lol
Slug: social
Date: 2025-10-07T20:13:44.185Z
Type: page
Status: published
Template: social.lol blog
# Welcome to my social.lol blog
Let me know if you have any questions! Not sure what I will do with this next but it was a fun little experiment for me to do today.
However, it did bring another project to mind as I keep reusing all my CSS code in different things lately (e.g., some.pics, weblog.lol, and this new social.lol blog) that I really need to create a master shell of that so I don’t have to pull parts and feel like I am stating from scratch each time. In addition, I think I might try to make them really feel the same as you move from one to another as I have noticed some differences. One of which I did spend some time fixing is the H1 for the profile took me a long time to get it to match what I have now on weblog.lol and it always bothered me that it didn’t. However beyond that one item I know there is more but that is not a today problem it sounds like a future Eric problem.