title | feature_text | feature_image | excerpt |
---|---|---|---|
About Alembic |
## Alembic
A Jekyll boilerplate theme designed to be a starting point for any Jekyll website
|
Alembic is a starting point for [Jekyll](https://jekyllrb.com/) projects. Rather than starting from scratch, this boilerplate is designed to get the ball rolling immediately. Install it, configure it, tweak it, push it. |
Alembic is a starting point for Jekyll projects. Rather than starting from scratch, this boilerplate is designed to get the ball rolling immediately. Install it, configure it, tweak it, push it.
{% include button.html text="Fork it" icon="github" link="https://github.com/daviddarnes/alembic" color="#0366d6" %} {% include button.html text="Tweet it" icon="twitter" link="https://twitter.com/intent/tweet/?url=https://alembic.darn.es&text=Alembic%20-%20A%20Jekyll%20boilerplate%20theme&via=DavidDarnes" color="#1DA1F2" %} {% include button.html text="Install Alembic ⚗️" link="https://github.com/daviddarnes/alembic#installation" %} {% include button.html text="Tip me $5 💸" link="https://www.paypal.me/daviddarnes/5usd" color="#333333" %}
- Available as a starter kit or as Jekyll theme gem
- Simple and elegant design that can be used out of the box or as solid starting point
- Tested in all major browsers, including IE and Edge
- Configurable colours and typography in a single settings file
- Extensive set of shortcodes to include various elements; such as buttons, icons, figure images and more
- Solid typographic framework from Sassline
- Configurable navigation via a single file
- Modular Jekyll components
- Post category support in the form of a single post index page grouped by category
- Built in live search using JavaScript
- Contact form built in using Formspree
- Works on GitHub Pages out of the box
- Designed with Siteleaf in mind
- Has 9 of the most popular networks as performant sharing buttons
- Has documentation
Here are a few examples of Alembic out in the wild being used in a variety of ways:
- bitpodcast.com
- joelcagedesign.com
- bawejakunal.github.io
- case2111.github.io
- www.10people.co.uk
- hrkeni.me
- venuthatikonda.github.io
- ccs17.bsc.es
- karateca.org
- Fork the repo
- Clone down the repo with
$ git clone [email protected]:username/reponame.git
- Delete the following unnecessary files/folders:
demo/
,CODE_OF_CONDUCT.md
,CONTRIBUTING.md
,LICENSE
,screenshot.png
andalembic-jekyll-theme.gemspec
- Change the
logo.svg
anddefault-social-image.png
in theassets/
folder to your own branding - Configure your site settings using the
_config.yml
, more info can be found in Configuration - Change the
CNAME
record to your projects' record - Install bundler with
$ gem install bundler
- Install gems with
$ bundle install
- Run Jekyll with
$ bundle exec jekyll serve --watch
- Begin hacking for your project
- Download the starter
/demo
content, quick download link - Configure your site settings using the
_config.yml
, more info can be found in Configuration - Create a
logo.svg
anddefault-social-image.png
in a newassets/
folder - Install bundler with
$ gem install bundler
- Install gems with
$ bundle install
- Run Jekyll with
$ bundle exec jekyll serve --watch
- Begin hacking for your project
The boilerplate kit is better for more drastic hacking and changes, a project that's quite different to any other and needs a lot of custom work done. Additionally you'll only be able to use this method if you want to host it on GitHub Pages, as themes can't be submitted... yet.
Using the theme will allow you to receive updates made and will be more programmatic. To make your own changes you'll need to overwrite the files with your own. For example: If I want to change the colours and typography of my site I'll need to copy the _settings.scss
file and create my own in _sass/_settings.scss
with my own changes. This is the same for all files within the theme, which means your own project will be more lean than if you were to use the boilerplate.