Git Product home page Git Product logo

pelican-blue's Introduction

Pelican-Blue

Responsive theme for Pelican Static Site Generator, Powered by Python Programming language.

Demo

You can see the theme in action at https://parbhatpuri.com

Screenshots

homepage-mobile

homepage-web

article

Features

  • Responsive (Mobile Friendly Test on Google)
  • Fast (Load time tested on Pingdom: 540ms)
  • Syntax highlighting for code blocks
  • Disqus for Comments
  • Google Analytics
  • RSS/ATOM feeds
  • Easy to install

Installation

You can install Pelican-Blue theme to your earlier Pelican project or create a new project from the Pelican Quickstart guide.

  • Clone the repository
$ git clone https://github.com/Parbhat/pelican-blue.git
  • Create a THEME variable in your pelicanconf.py file and set its value to the location of pelican-blue theme.
THEME = 'path-to-pelican-blue-theme'

If you have placed the pelican-blue theme inside your project's pelican-themes folder, change the THEME variable in pelicanconf.py to

THEME = 'pelican-themes/pelican-blue'
  • Add the following code to your pelicanconf.py file to display the social icons.
SOCIAL = (('linkedin', 'https://www.linkedin.com/in/username'),
          ('github', 'https://github.com/username'),
          ('twitter', 'https://twitter.com/username'),
          )
  • That's it! You have installed pelican-blue. To see the Theme in action run the devserver
make devserver

Note: If you are new to Pelican Static Site Generator, you can read the Pelican Docs to learn the working of Pelican. You can also customize the theme after reading the documentation.

Settings

pelicanconf.py

Pelican-Blue theme use the following settings. You can add the following to your pelicanconf.py to get the site shown in the screenshots.

SIDEBAR_DIGEST = 'Programmer and Web Developer'

FAVICON = 'url-to-favicon'

DISPLAY_PAGES_ON_MENU = True

TWITTER_USERNAME = 'twitter-user-name'

MENUITEMS = (('Blog', SITEURL),)

When developing locally, set the following variable:

SITEURL = 'http://localhost:8000'

publishconf.py

When you are ready to publish your site add the following settings to publishconf.py file

SITEURL = 'http://your-domain-address'

FEED_ALL_ATOM = 'feeds/all.atom.xml'
CATEGORY_FEED_ATOM = 'feeds/%s.atom.xml'

MENUITEMS = (('Blog', SITEURL),)

DISQUS_SITENAME = ""
GOOGLE_ANALYTICS = ""

For more information on publishing your site, read the publishing docs

Contributing

Your contributions are welcome to improve the pelican-blue theme.

pelican-blue's People

Contributors

parbhat avatar etaoinwu avatar itsmemattchung avatar sornars avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.