Skip to main content
kfitz

Eleventy

At some point in the last few months, I decided I wanted to learn 11ty. I'd had some luck migrating kfitz.info out of WordPress and into a GitHub-based Jekyll site, but there were a few things about the site that I wasn't totally satisfied with. More than anything, I wanted not to be dependent on infrastructure that I can't control, and though Microsoft doesn't seem to goofed anything up, GitHub falls into that category.

So when I saw John Maxwell ask the good folks at Reclaim about the possibility of pushing a static website to a repo hosted there, I got inspired. It also didn't hurt that I had just turned in my book manuscript and submitted a grant proposal and so was in High Tinkering Mode.

What you see here today at kfitz.info is the result. I started with the Eleventy Base Blog starter repo and did a bunch of tinkering with the CSS and snagging of code snippets that would help the site operate the way I want. (I'm most proud of the Archive page, which borrowed heavily from Darek Kay's posts by year method and then added some snazzy html details in order get the accordion effect -- plus a lot of help from some awesome folks on the 11ty Discord to fix the wonky numbering.)

Migrating the posts from Jekyll to 11ty was relatively simple -- pretty much dragging-and-dropping 1748 markdown files -- though I had a fair bit of cleaning up to do, both of post metadata and of things like image links. (Likely there are a bunch of broken things still; I'll hope to polish things up over time.) I wanted to keep the comment system alive here, even if comments are few and far between, so I experimented with a few options and have settled on Hyvor Talk. It's not free, but it operates with good privacy principles and no ads, and that's worth paying for. And the folks there have been responsive and helpful when I ran into the inevitable problems with migration.

One of the last things I need to sort out is Webmentions. Theoretically I've set up the various functions necessary to capture and embed discussions of blog posts that happen out on Mastodon and elsewhere, but... well, as you'll see, there are no Webmentions yet, and I can't quite tell whether it's because something isn't working or because there are literally no Webmentions yet. We'll find out.

In any case, I'm hoping that this new workflow -- write post in markdown; build site locally; push results to Reclaim -- remains as lightweight and fun as it appears. And here's hoping that it results in lots more blog-based work in the months ahead.

Webmentions

6 Replies

  1. Kathleen Fitzpatrick Kathleen Fitzpatrick
    @philipncohen Thank you! I am tickled with the results, and had a ton of fun in the process.
  2. Philip Allfrey Philip Allfrey
    @kfitz Nice! I'm a big fan of 11ty, and use it for my DH (side) projects. I currently have these GitHub repos connected to Netlify, so git push-ing an update triggers a build and deployment there. But I've recently shifted my personal sites to Reclaim Hosting, and yours is the second post I've seen recently which talks about using a git repository on Reclaim, so I might need to investigate this further!#DigitalHumanities #11ty #ReclaimHosting #git 11ty digitalhumanities git reclaimhosting
  3. Kathleen Fitzpatrick Kathleen Fitzpatrick
    @dr_pda Yeah, I don’t think those automated builds can be replicated in my setup, but I’ll keep investigating.
  4. Leigh Wolf Leigh Wolf
    @kfitz Thanks for sharing Kathleen! I've really let my site (also on Reclaim!) go for a while and I'm inspired to tinker and try something new.
  5. Matt L. Matt L.
    @kfitz is it possible you are entering your token in a way that triggers the error? It's all I can think of from what you've shared. (The target= call doesn't require a token so it would work even if you included an incorrect token.)

10 Likes

7 Reposts