DEV Community

Thomas Step
Thomas Step

Posted on • Updated on • Originally published at

Configuring Jekyll To Create Page Links Without Dates

I just got done with a refresh to my personal website and blog in an attempt to lighten up the UI. My website is built using Jekyll and GitHub Pages, so changing up the format and configuration is pretty straightforward with all the themes out there. The new theme that I am using is called Minimal. I liked the last theme but there was a lot going on that took away from the main information of the site in my opinion. Not to mention all of the images that I used were large, high definition, and slowed the initial load time. I have been wanting to switch to a simpler theme and finally took the time to switch over, which was not near as much of a time commitment as I thought it would be. At the same time, there was something else that was bothering me with my site that I decided to look into and fix; the blog post links. Jekyll works really well out of the box, and I honestly do not have many complaints against it. That being said, some of the paths that Jekyll creates for files that come out of the _posts/ folder are heavy. For example, one of my old links used to look like this:
Enter fullscreen mode Exit fullscreen mode

Like I said, heavy. Since the theme of the day was lightening everything up, I found a way to reconfigure Jekyll to spit out a link that looks like this:
Enter fullscreen mode Exit fullscreen mode

The configuration change was simple as can be. All I did was go into the _config.yml file in the root of my Jekyll project and add this chunk

    output: true
    permalink: /blog/:title
Enter fullscreen mode Exit fullscreen mode

After I rebuilt (or pushed to GitHub if you are using GitHub Pages), the static site's file structure updated. This small change makes a huge difference, and I wish I would have looked into figuring it out sooner.

Top comments (0)