Jordi Burgos's avatar

Creating a Pelican theme with Bootstrap

Read in 2 min.

I wanted to give the blog my personal touch by creating my own theme for Pelican. Here is the getting started page for creating your own blog with this tool.

It is quite simple to setup and just start writing articles and pages with Markdown. Markdown allows you to write using an easy-to-read, easy-to-write plain text format, then convert it to structurally valid XHTML (or HTML).

There are a lot of good and nice themes, but I prefered to create/copy/inspire this by myself to meet my requirements. However, it follows the typical template rules to be useful for anyone to use it.

I called it jmtheme and you can download it form here jmtheme.

Theme

Features

  • Responsive theme: works well on desktops, tablets and mobiles
  • Social icons
  • Social share buttons (twitter, google+, facebook, reddit)
  • Disqus comments
  • Google Analytics

Personalization

Option to add a list of icons pointing to the common social sites. Also the email icon.

# Social widget
SOCIAL = (
    ('twitter', 'http://twitter.com/XXXXXX'),
    ('github', 'http://github.com/XXXXXX'),
)
EMAIL = 'user@example.com'

Social buttons on each article for sharing. Just add value to this variables.

GITHUB_USERNAME = 'jmaister'
TWITTER_USERNAME = 'jordimaister'
FACEBOOK_APPID = '999......999'

Disqus comments:

DISQUS_SITENAME = 'jordiburgos'

Google analytics:

GOOGLE_ANALYTICS_CODE = 'UA-9999999-1'
GOOGLE_ANALYTICS_NAME = 'jordiburgos.com'

Icons for pages to show on the menu. Add "icon" value on the page.

icon: trophy

Conclusion

I am thinking about adding some microdata or microformat on the templates to help search engines to crawl and index the site. This is called Search Engine Optimization or SEO. More on this implementation on next articles.

If you have any advise or comment about the theme, just tell me on the comments.


Probably, you want to share this article: