Coder Social home page Coder Social logo

cloudcannon / base-jekyll-template Goto Github PK

View Code? Open in Web Editor NEW
320.0 12.0 199.0 241 KB

:blue_book: Knowledge base template for Jekyll

Home Page: https://orange-ape.cloudvent.net

License: MIT License

Ruby 0.52% HTML 53.06% JavaScript 10.26% SCSS 36.17%
jekyll jekyll-template jekyll-theme

base-jekyll-template's Introduction

Base

Knowledge base template for Jekyll. Browse through a live demo.

Base template screenshot

Base was made by CloudCannon, the Cloud CMS for Jekyll.

Find more templates, themes and step-by-step Jekyll tutorials at CloudCannon Academy.

Deploy to CloudCannon

Features

  • Tutorials organised by category
  • Two types of tutorials - text and video
  • Ability to have a "tutorial series"
  • FAQ section
  • Disqus comments
  • Sticky sidebar for main headings in tutorials
  • Optimised for editing in CloudCannon
  • RSS/Atom feed
  • SEO tags
  • Google Analytics

Setup

  1. Add your site and author details in _config.yml.
  2. Add your Google Analytics, Disqus and MailChimp keys to _config.yml.
  3. Get a workflow going to see your site's output (with CloudCannon or Jekyll locally).

Develop

Base was built with Jekyll version 3.4.3, but should support newer versions as well.

Install the dependencies with Bundler:

$ bundle install

Run jekyll commands through Bundler to ensure you're using the right versions:

$ bundle exec jekyll serve

Editing

Base is already optimised for adding, updating and removing tutorials, navigation, footer and FAQ information in CloudCannon.

The sticky sidebar in tutorials in populated by pulling out <h2> elements from the content.

Posts

  • Add, update or remove a post in the Posts collection.
  • The tutorials page is organised by categories.
  • Change the defaults when new posts are created in _posts/_defaults.md.

Post Series

To create a new series:

  • Add a new document to the sets collection.
  • Set the title and description.

To add a tutorial/post to a series:

  • Add a set field to the tutorial front matter which points to the file name of the desired set without the .md extention. e.g. If I have a set at _sets/getting-started.md I would use this in my tutorial front matter: set: getting-started.
  • Add a order_number field to the tutorial front matter and specify a number. This is the tutorials order in the set.

Navigation

  • Exposed as a data file to give clients better access.
  • Set in the Data / Navigation section.

Footer

  • Exposed as a data file to give clients better access.
  • Set in the Data / Footer section.

base-jekyll-template's People

Contributors

benjaminnavarro avatar braincoke avatar darcyknox avatar jonatahb avatar jtrbuhovic avatar mneumegen avatar robbie-cook avatar rycoll avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

base-jekyll-template's Issues

How to install as a theme?

Is it possible to install this template as a theme? I really like the structure of this theme and the license works for me. I tried searching rubygems.org and can't find a project called base-jekyll-template. And I like the cloudcannon docs on how to use jekyll, but couldn't find how to use this particular theme.

Before I fork and dump in my own content, I wanted to check with y'all to see if I'm missing something that might be an easier way to use your template.

Sticky Sidebar Navigation is not working.

I forked this repo, but when I visit post page the sidebar navigation doesn't shows anything. It return empty result.

<section class="sidebar sticky">
    <ul>
        {% assign sub_navigation = content | extract_element: 'h2' %}
        {% for item in sub_navigation %}
            <li><a href="#{{ item.id }}">{{ item.text }}</a></li>
        {% endfor %}
    </ul>
</section>

But it works well on your demo site.

Liquid Error

When trying to serve up a fork of this site I'm getting the following:


Configuration file: /home/bdub/kb/base-jekyll-template/_config.yml
Configuration file: /home/bdub/kb/base-jekyll-template/_config.yml
            Source: /home/bdub/kb/base-jekyll-template
       Destination: /home/bdub/kb/base-jekyll-template/_site
 Incremental build: disabled. Enable with --incremental
      Generating...
  Liquid Exception: Liquid syntax error (line 7): Unknown tag 'when' in vendor/bundle/gems/liquid-3.0.6/lib/liquid/locales/en.yml
jekyll 3.4.3 | Error:  Liquid syntax error (line 7): Unknown tag 'when'

Any idea what might be causing this?

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.