Project

picodocs

0.0
The project is in a healthy, maintained state
Minimal Jekyll documentation theme based on Picocss and Prism
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
 Dependencies

Development

>= 0

Runtime

>= 0
 Project Readme

Picodocs Theme

Simple documentation theme for Jekyll featuring Picocss framework, PrismJS syntax highlighter and LunrJS search.

One of the core features is a full text client side search and full responsiveness. It has zero dependencies with other gems and should be easily build with Github.

Picodocs

Add this line to your Jekyll site's Gemfile:

gem "picodocs"

Adapt your Jekyll site config _config.yml:

  title: My Docs Page Title
  description: MY description
  url: "https://base/url/site"
  theme: picodocs

  markdown: kramdown
  kramdown:
    syntax_highlighter_opts:
      disable : true

  exclude:
    - Gemfile
    - Gemfile.lock
    - README.md

And then execute:

$ bundle

Or install it yourself as:

$ gem install picodocs

Usage

Github Pages

You can use this theme by simply adding remote_theme: alexander-heimbuch/picodocs to your _config.yml (Thanks to @kogli for the hint).

Available Themes

This theme is made for pages only and doesn't support posts by default. So the only available layouts are default and page.

Navigation

The navigation supports especially only one level. If you need deep nested structures you propably should use a larger documentation system like GitBook.

Not every page by default is part of the navigation. If you want to add a page to the navigation you have to add the navigation attribute with a desired index:

---
layout: page
title: Navigation
navigation: 2
---

The navigation index is starting with 1 representing the first item.

Development

To set up your environment to develop this theme, run bundle install.

Your theme is setup just like a normal Jekyll site! To test your theme, run bundle exec jekyll serve and open your browser at http://localhost:4000. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.

When your theme is released, only the files in _layouts, _includes, and _sass tracked with Git will be released.

License

The theme is available as open source under the terms of the MIT License.