Hey, people using a static site generator like Jekyll or Hugo that uses Markdown docs - what's your workflow/toolkit for organising images and stuff for posts?

I think the only thing really holding me back on a couple of sites is that I love using lots of images in the middle of posts, and I've kinda relied on being able to drag things into and around my posts on the fly with things like the Wordpress editor and I haven't found an alternative that really clicks with me yet.

@mike I use Hugo. Page bundles are pretty neat. You create a folder that contains your post and your images and then you can reference the images directly without worrying about the paths.

@jamie @mike

I'm working on moving my blog posts over to bundled pages now in my dev environment.

@jamie What editor do you use? Is there something where I can manage images kinda-WYSIWYG-ish? Doesn't need to be theme-accurate, just broad placement and positioning.

I like to play with image selection and ordering while writing, kind of in-context. I'm missing having immediate previews right now.

@mike I just VS Code, or whatever is handy.

Here's an example:

I'm not aware of any WYSIWYG editors for Hugo. Grav might suit you?

@jamie yeah I'm in VS Code for most stuff now, it's excellent fit keeping everything in revision control and file management, but it feels too code-ey and not enough write-ey if that vague construct makes any sense.

Writing and coding are two very different mindsets for me and mixing them is not working out at all. I'll have a look at Grav when I get home. The name rings a bell I might have already poked at it.

@mike It does. Zen mode helps, and turning off line numbers for markdown, but it does still feel very much like a code editor.

@gemlog @mike I use Pelican (Python Based), need a custom gallery/image carousel? It's easy enough to write your own or write in a popular library. My website is in my profile if you wanna see what I've done with it

@trevdev @mike Thanks for helping trev. I thought you used hugo for some reason.

@gemlog @mike I checked it out. As fast and as impressive Hugo is, it made more sense to use a back end I was familiar with and could do anything with in a week instead of learn a new thing entirely

@mike If you were to do it all statically, what would it best make sense to you? This can be a good way to model a way that would work for you when using an SSG.

@alvarezp I think the nutshell is that I want the Wordpress editor and the media management, but I don't want it on my server. My content is static, and there's no need for it to be PHP or whatever.

I'm totally the right person for a static site, it's the authoring tools I'm missing. If I'm fiddling about moving images around or changing absolute paths to relative ones all the time, it breaks my flow when actually writing.

@mike Let's split it in two:

The tools: I don't know any but yes, it would be nice to have an SSG UI. Maybe like an IDE with d&d and all.

The images: what I am planning for my blog in the future is just to have each post be a directory instead of an .md file, and place index.html and all its resources there, and just reference them by name and have a syntax to have automatic thumbnailing. Last time I checked Jekyll could not do that, but it's been a while and this may have changed.

@alvarezp I'm not convinced it's worth splitting in two. I've already determined I like Hugo, it works great for what I do and I know how to manage it.

But if there's no authoring tool I'm comfortable writing in that's not going to make sorting everything out a huge pain afterwards, there's no reason to switch over from what already works.

I have a hard enough time making myself write regularly as it is, if I add obstacles I'm going to end up completely stopped.

Sign in to participate in the conversation
Chinwag Social

Consider this a friendly, local pub. Make yourself at home, bring your friends, have a good time! Meet new people, have a laugh, enjoy the ambience, and the Oxford commas.