Turning Queertales into a Static Site

- by Ragnar on April 20. 2020

I guess the title of this post can be interpreted ironically, as queertales.com has been quite static for a few years, with rare updates from me, but that’s not really what this post is about. Up until recently queertales.com has been running on the open-source blogging platform WordPress, and the page design was 10 years old and not very mobile friendly. While WordPress is great in many ways, I felt my site was a bit too slow, especially now that Google has started penalizing sites that load slowly, so I wanted to see if I could improve it.

Let’s first look at what a static site is, and how it compares to a dynamic site, like one generated by WordPress. Dynamic sites are generated by the server on the fly as you access the site. This means that the server has to run some code that dynamically builds the page you see using data from a database, which is one of the main reasons it can be slow, especially if using shared hosting. Conversely a static site is pre-generated on the web developers computer, and then the completed pages are uploaded to the server. This means the web server doesn’t have to compute anything, and can send you the pages almost instantaneously when you access the site.

In some ways making static web sites is a bit like going back in time, when most web sites were just hand coded HTML pages, but instead of hand coding each and every page by hand you can now use a static site generator to build everything for you, and handle things like generating sitemaps and more. Static site generators have some clear advantages over dynamic ones, mainly that they’re:

  • Fast - as the web server doesn’t need to run any code
  • Secure - since the web server isn’t running any code or using a database, many attack vectors simply won’t work

On the downside, they’re more technical to set up and use. A WordPress site is as easy to use as Facebook, and many hosting providers offer it as a simple one-click install, while most static site generators require you to install and run commands on your home computer, and write posts in strange markup languages. This makes static sites a perfect fit for me, as I’m reasonably comfortable with all the techincal stuff and it means I can write my posts in my preferred text editor; emacs.

Static site generators have gained a lot of popularity in recent years, and there is now a plethora of them to choose from. After testing out a few, I settled on Hugo, with Pelican coming in a close second. What tipped it in the favor of Hugo for me was that it can keep the folder structure of the site, plus it’s super fast and easily portable. On the downside, it’s written in a language I’m not familiar with, so writing a custom theme for it took me longer than I had hoped for.

In the end, the performance of the site improved significantly, which was great, but the main improvements came with my responsive theme, which meant that the site scales to fit small phone screens while still working nicely on bigger desktop computers.

by Ragnar B. - April 20. 2020 -
Separator
What People Have Been Saying About the Raft and Other Stories cover image

What People Have Been Saying About the Raft and Other Stories

I’ve been cleaning up this site lately, and getting rid of short articles that were just links to events or press related to my work. . . .

Making Comics Using Google Forms to Track Your Progress cover image

Making Comics Using Google Forms to Track Your Progress

I’m currently working on a 100+ page comic book, which is honestly a lot of work, and I wanted a tool that would help me keep track of all the time spent on it so I could get an accurate estimate of how I was doing and better plan future comics. . . .

Turning Queertales into a Static Site

I guess the title of this post can be interpreted ironically, as queertales.com has been quite static for a few years, with rare updates from me, but that’s not really what this post is about. . . .

Rudolph the Red Nosed Rentboy cover image

Rudolph the Red Nosed Rentboy

Have a Gay Christmas, with Santa and Rudolph. 🙂 . . .

New Projects on the Distant Horizon cover image

New Projects on the Distant Horizon

I’ve began working on a couple of new comics projects, a rompy sci-fi story and a dark historical fiction. Both are in very early stages of development, so I have no idea when (or if) they’ll be out, but I’ll try to keep you up to date on my progress here. . . .

Stranger Danger cover image

Stranger Danger

A boy spots his brother gettign in a car with a stranger and takes matters into his own hands. . . .

I’m Dreaming of a Black Christmas! cover image

I’m Dreaming of a Black Christmas!

It’s well into the 24th, and I should have gone to sleep hours ago, but instead I sat up and drew this. . . .

Status Update cover image

Status Update

I’ve moved some relevant blog posts from my old site, ragtag.net to here. They contain some early sketches for The Raft that I thought you might enjoy. . . .

Christmas is a Little Different This Year cover image

Christmas is a Little Different This Year

Here is a little Christmas card for you, that I hope you enjoy. As you might have guessed from the card, I’m spending Christmas in Thailand this year. . . .

The Raft cover image

The Raft

Nathan is in love with his best friend Devon, he just hasn’t told him yet. Together they’ve built a raft, on which they plan to sail to a nearby island. . . .

David is a Funeral Director, Who Just Happens to be Gay cover image

David is a Funeral Director, Who Just Happens to be Gay

Phrases like that are commonly heard when discussing gay characters in fiction, but what do they really mean? On the surface they simply mean that the characters gayness is not important to the story, but if you dig a little deeper it has a more subtle and darker undertone. . . .