HELP: Tagged posts on neocities blog?

[shevek]

Hi, I have been working on creating a blog on one of my Neocities' sites, and I would love to implement tags.
I wanna tag a post like #steamdeck so that I can link to only posts tagged as that (for example website.neocities.org/tagged/steamdeck, similar to how Tumblr does it).
I feel kinda lost on how to start - is this possible with simple HTML/CSS, does this need some JS libraries or does this potentially require something deeper on the backend that isn't possible with Neocities (since they don't allow php etc.)? My first hunch would be that it does, because something on the backend is putting them together since it is not a static website. Am I correct?

If it doesn't work, I might use bearblog, but I wanna try it myself first so I learn something and also don't rely on others' platforms too much.
I inspected and viewed page source for a couple tags on blogs there, but I can't figure out how it works.

Thank you in advance!

[Guest]

You could absolutely do this with Neocities, it just wouldn't be automatic. Like, you'd have to make pages for each tag, and if you wanted the url to be like website.neocities.org/tagged/steamdeck, you'd need to make a folder named "tagged" that each tag page is inside. Then you'd have to update the list of posts on each tag page manually, and make sure the links on both the tag pages and the post itself (for linking to the tag pages) go to the correct place.
You may also be able to implement this with Zonelets, which has a section in the FAQ about tagging, or by using a static site generator like Eleventy through their collections feature, though Eleventy definitely has a bit of a learning curve and doing it with Zonelets would require JavaScript knowledge.
Honestly, I've used Eleventy before and know how to use the collections feature, and my current host allows PHP so there's probably other ways to implement tagging on my blog page too (my bookmarks page has tags implemented so I could probably use that on the blog itself in a similar way), but I recently started writing blog posts on bearblog.dev instead of on my site itself anyways because it's just more convenient. I don't feel like thinking too much about coding and all that when I'm just trying to write a blog post, haha, though that's just my personal feelings on the matter and you may feel differently.

[Yukari]

There’s a fork of Zonelets called Zonelots that has tagging built in!

[Melooon]

Zonelets with tags seems like a great option; manually doing tag pages is also a totally valid option.

You can also do it with JavaScript - you'd need a separate list of all links to blog posts and their tags for your script to read; then you can search that list using your # and generate a list of results. You don't need any fancy libraries to do that!

The code to set the # in a url is:

Code

location.replace("#" + varThatContainsTag);

And the code to get it is:

Code

let myHash = window.location.hash;

[shevek]

You could absolutely do this with Neocities, it just wouldn't be automatic.

That's kind of the issue your way with the folders, static sites and manually updating would absolutely work, but it would be a real hassle honestly. I would love if it was mostly automated.

You can also do it with JavaScript - you'd need a separate list of all links to blog posts and their tags for your script to read; then you can search that list using your # and generate a list of results. You don't need any fancy libraries to do that!

This looks super promising, thank you! I will try that out the coming days and see how it works out.

[shevek]

Just as an update, may be disappointing, but hopefully this thread is at least useful for other people in the future I likely won't try out the above solutions because I've decided not to selfhost for now. I want to focus on writing and publishing, and spend less time maintaining and reworking the blog itself. I've also read this chost (cohost post) that was helpful in me settling on this.

Regardless of that, I thank you for helping and providing possible solutions for this