Just van RossumJan 27
Does anyone have recommendation for a fairly basic blog system with (some of) these characteristics:
- can be hosted as GitHub Pages
- simple-ish to setup and to create posts
- an RSS feed would be very nice
Show threadJust van RossumJan 27
I came across this jekyll-based tutorial, and it seems to check all my boxes:
- https://chadbaldwin.net/2021/03/14/how-to-build-a-sql-blog.html
Building a Free Blog with GitHub Pages in Minutes

How to build a blog for free, using GitHub Pages.

Chad’s Blog
Show threadJust van RossumJan 27
Another workable example/tutorial, using 11ty:
- https://github.com/11ty/eleventy-base-blog
GitHub - 11ty/eleventy-base-blog: A starter repository for a blog web site using the Eleventy static site generator.

A starter repository for a blog web site using the Eleventy static site generator. - 11ty/eleventy-base-blog

GitHub
Show threadCJ DunnJan 27

@justvanrossum Eleventy reminds me of Robofont in that it doesn’t force you to do things a certain way or make a lot of assumptions. Very easily extensible and lots of great plugins. I just added RSS to my site and it was very simple.

My site is connected to a git repo and it’s hosted by Netlify on their free tier, works great

Show threadJust van RossumJan 27
@cjtype I went through the 11ty "base blog" demo and I got it working in a few minutes, with a new blog post. I like it very much so far.
Show threadJust van RossumJan 28
@cjtype Getting it to run and adding some content was easy enough. Customizing the layout... not so much. For example I have so far completely failed to add an icon to the page header.
Show threadCJ DunnJan 29

@justvanrossum Hmm, I started by building everything in html and css and then copy/pasting things into template pages as needed. My templating was based on this boilerplate site: https://github.com/danurbanowicz/eleventy-netlify-boilerplate/

Most of my site templating happens in base.njk (from _includes/layouts/) and the <head> is included like this: {% include "components/head.njk" %}
which references head.njk (from _includes/components/) where I copy/pasted the <head> from my html file. Hope that helps!

GitHub - danurbanowicz/eleventy-netlify-boilerplate: A template for building a blog with the Eleventy static site generator and Decap CMS

A template for building a blog with the Eleventy static site generator and Decap CMS - danurbanowicz/eleventy-netlify-boilerplate

GitHub
Show threadJust van RossumJan 29
@cjtype I have located the main template, and know where to store images, but the html way to reference the (svg) image doesn’t work. Googling njk img src does not give helpful results. I went from “easy to set up blog system” to “having to learn this huge system” and I already hate it.
Show threadCJ DunnJan 31

@justvanrossum If it's an SVG it could in theory be pasted inline, right?

Or for the normal way of linking to an image, I have this code in my eleventy config file: eleventyConfig.addPassthroughCopy("images");

(It might need to be"./images" depending on your setup). Then whatever I put in the "images" folder in my base directory will get copied into my "_site/images/" folder when the site is built.

Config file:
https://github.com/11ty/eleventy-base-blog/blob/main/eleventy.config.js

addPassthroughCopy info:
https://www.11ty.dev/docs/copy/

eleventy-base-blog/eleventy.config.js at main · 11ty/eleventy-base-blog

A starter repository for a blog web site using the Eleventy static site generator. - 11ty/eleventy-base-blog

GitHub
Show threadCJ DunnJan 31
@justvanrossum ah wait, I just re-read your text and I may have misunderstood the issue. I'm far from an expert but if you want I could take a look at the repo and see if anything obvious jumps out
Show threadJust van Rossum

@cjtype Thanks!

In that config file /public/ is already pass through, and when I place an image in /public/img/ I do see that it gets included the output tree (https://blog.fontra.xyz/img/fontra-icon.svg), however, I can't seem to find how to *reference* that image correctly in _includes/layouts
/base.njk. https://github.com/11ty/eleventy-base-blog/issues/200

Jan 31 at 7:24amWeb
Show threadDan BurzoJan 31
@justvanrossum @cjtype That *is* the right way to include it, maybe it’s being served with an incorrect MIME type? otherwise there’s little that could get in the way...
Show threadDan BurzoJan 31
@justvanrossum @cjtype Ah, the eleventy blog starter has the image transform plugin set up, that’s doing a bit of magic under the hood, reprocessing <img> tags.
Show threadJust van RossumJan 31
@db @cjtype so what should I do instead?
Show threadDan BurzoJan 31
@justvanrossum @cjtype the starter repo tries to be immediately useful, but automatically processing images across the board like that is too overreaching for my tastes and the magic can be confusing, so probably I would remove the image processing plugin for now, but that might require adjusting the images in your posts. As a quick fix, <img eleventy:ignore src=""> should do it: https://www.11ty.dev/docs/plugins/image/#eleventy-transform
Image

A docs page for Eleventy, a simpler static site generator.

Eleventy
Show threadJust van RossumJan 31

@db @cjtype Awesome, that workaround works!

(But... whyyyyyyyyyy)

Show threadDan BurzoJan 31
@justvanrossum @cjtype (I’ll add a longer answer to your GH issue from the office)
Show threadJust van RossumJan 31
@db @cjtype When I do as described in the issue, the img src becomes http://localhost:8080/content/img/fontra-icon.svg
instead of
http://localhost:8080/img/fontra-icon.svg
This obviously does not work.