Jekyll Polymer

screenshot of Jekyll Polymer
jekyll

A material theme for Jekyll built with Polymer

Overview:

DEMOA is a Jekyll theme that utilizes Google's Polymer library and follows the material design specifications. The theme includes custom web components that are designed to match Material design. The purpose of creating this theme was to provide a Jekyll blog theme that uses Polymer and follows Google's material design specifications.

Features:

  • Full-text search with simple-jekyll-search
  • Paginated home page
  • Support for featured post images
  • Threaded comments with Disqus
  • Google Analytics integration
  • One-command deployment to Github Pages
  • Tagged posts with archive by tag
  • Authorship with Gravatar icons

Structure:

  • app/: All Jekyll content is here. (This is where all the editing happens)
  • bower_components: Content installed via bower ends up here
  • elements/: Custom web components using Polymer
  • images/: User images
  • media/: Other user content (PDFs, videos, etc.) for final product
  • scripts/: Javascript files
  • styles/: Custom CSS
  • _data/authors.yml: List of authors for posts and pages
  • dist/: Built output from Gulp. (Use to publish static content)
  • node_modules: Content installed via npm goes here

Deployment:

  • gulp serve: Starts a jekyll serve process on the default port (4000 or whatever is specified in _config.yml).
  • gulp serve --port 6666: Start serving on port 6666
  • gulp serve:dist: Build as below, and serve the result from the dist/ directory. (Useful for testing changes to the gulpfile. Currently does not work with a Jekyll baseurl configured.)
  • gulp: Builds the files with jekyll, vulcanizes, minimizes, and puts the result in the dist/ directory. (This can be slow.)
  • gulp deploy-gh-pages: Deploy the current build to the gh-pages branch of your repository.
  • gulp build-deploy-gh-pages: Rebuild and then deploy. (Equivalent to gulp && gulp deploy-gh-pages)

Summary:

DEMOA is a Jekyll theme built with Google's Polymer library and follows the material design specifications. It includes features such as full-text search, paginated home page, support for featured post images, threaded comments, Google Analytics integration, and one-command deployment to Github Pages. The theme also provides installation instructions and a structure guide for easy customization.

jekyll
Jekyll

Jekyll is a static site generator written in Ruby that allows you to create simple, fast, and secure websites without the need for a database.

template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.

gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.