Make your own static blog using Pelican

Make your own static blog using Pelican

Pelican is a static site generator written in Python. Suitable for blogs, portfolios and simple websites.

In the world of website creation, simplicity and efficiency are key. Enter Pelican, a powerful static site generator written in Python that's perfect for crafting blogs, portfolios, and straightforward websites. In this blog post, I'll guide you through the process of creating your own static blog site using Pelican and demonstrate how you can host it on GitHub Pages, all within a matter of minutes. Whether you're a novice or a seasoned developer, this guide will help you establish a minimal setup. And if you're itching to take your blog further, don't worry - Pelican makes customization astonishingly easy.

Now, let's dive into the world of Pelican and start building your static blog from scratch.7

Step 1

Create a directory named blog and then create another Pelican directory inside it.

blog/
├── Pelican

cd into the Pelican directory and start by creating a Python virtual environment using the tool of your choice and installing the pelican package from pip.

../blog/Pelican $ python -m venv venv
../blog/Pelican $ source venv/bin/activate
(venv) ../blog/Pelican $ python -m pip install pelican

The default content source format supported by Pelican is .rst (reStructured text). If you plan on using Markdown then you need to install the following package too.

python -m pip install "pelican[markdown]"

Step 2

Pelican has a pelican-quickstart script which will help us to setup the basic settings interactively. It will also generate the desired directory structure for us. So let's start by using it. Here is an example -

Great! Now you have your pelican blog set up locally. Your file structure should now look like this -

blog/
├── Pelican
    ├── content
    │   └── (pages)
    ├── output
    ├── tasks.py
    ├── Makefile
    ├── pelicanconf.py       # Main settings file
    └── publishconf.py       # Settings to use when ready to publish

Important

You need to add a 'Metadata' section at the start of every content file. The metadata format for markdown content is as below -

Title: My super title
Date: 2010-12-03 10:20
Modified: 2010-12-05 19:30
Category: Python
Tags: pelican, publishing
Slug: my-super-post
Authors: Alexis Metaireau, Conan Doyle
Summary: Short version for index and feeds

This is the content of my super blog post.

You can now start writing up some amazing articles inside the blog/Pelican/content directory.

Step 3 - Importing an existing blog (optional)

You can skip this step if you don't wish to import your data from blogging platforms like Medium, WordPress, Tumblr etc.

Detailed documentation for this step can be found at https://docs.getpelican.com/en/latest/importer.html

Here we'll look at how to import your pre-existing medium.com blog as I feel it's one of the most used platforms

  1. We will use the pelican-import tool to import our data from medium. pelican-import requires some additional dependencies which can be installed through the following steps.

    • feedparser
    pip install feedparser
  • Pandoc
    See the Pandoc site for operating-system-specific installation.
  1. Medium supports RSS feeds. Refer to this article for supported RSS feeds.

    For importing blogs from a profile, use the following command.

     pelican-import --feed https://medium.com/feed/@username -m markdown
    

    I have used markdown as the format in the above example, the default is reStructured Text.

    The content will now be imported into the blog/Pelican/content directory.

Step 4

The default site generated by Pelican is plain HTML. Who likes to read plain HTML? No one. So let's spruce up our blog with a UI theme. (If you generate your content using Step 3, you might have a theme installed by default.)

Pelican has a large collection of community-maintained themes to choose from. To use these themes, we need to clone the themes repository locally.

Before we do that, make sure to create a git repository in the blog directory. Create a .gitignore file and add the following lines to it.

Pelican/pelican-themes
Pelican/venv

Now let's clone the pelican-themes repo. Run the following command inside the blog/Pelican directory.

git clone --recursive https://github.com/getpelican/pelican-themes ./pelican-themes

We will use pelican-themes command to install a new theme. Here, I'm installing the Pelican blue theme.

pelican-themes -i ./pelican-themes/pelican-blue

Now, we need to add this theme to our pelicanconf.py settings file. Note that every theme might have different settings which should be mentioned in the respective theme's GitHub repo. Copy the settings mentioned in the Pelican blue repo README. The theme should look like this - https://sahil-sagwekar.github.io

To test the blog locally, use the make devserver command. It will host your site at localhost:8000 by default and automatically regenerate on changes.

NOTE - Blank lines in the original blog post might result in some artifacts in the markdown content, make sure to check the files before publishing.

Step 5

Let's publish the site using GitHub pages so that anyone in the world can read your blog.

  1. Open the publishconf.py file and make sure that the SITEURL variable has the value https://your_username.github.io and substitute your GitHub username in it.

  2. Now let's generate the site using the following command. This command should generate the site outside the Pelican directory and inside the blog parent directory. Run this command in the Pelican directory.

  3.    pelican content -o .. -s publishconf.py
    
  4. Make a GitHub repo with the name your_username.github.io

    and connect it to the local repository by git remote add.

  5. Now push everything inside the blog directory to the remote repo on GitHub.

  6. Enable GitHub pages for your repo from this site https://github.com/your_username/your_username.github.io/settings/pages

  7. Now you should have your very own blog hosted at https://your_username.github.io !

But this is just the beginning. Pelican offers a plethora of additional features and customization options. Whether you want to add new functionalities, experiment with different themes, or delve into the world of web dev, you have a robust platform to build upon.

Happy Bloggin!