Architect theme

This is a Jekyll theme that is an adaptation of @jasonlong's Architect theme on GitHub Pages.

This is the raw HTML and styles that are used for the Architect theme on GitHub Pages.

Getting Started

Prerequisites

To install this theme, jekyll is required to be installed on your system. Head over to the docs and install the four requirements (Ruby, RubyGems, Node.js and Python 2.7). If you're on a Mac system, it's likely the only package you'll need to install is Node.js

Once you've installed the requirements, run this command in your terminal:

$ sudo gem install jekyll

You'll also need to install the bundler package:

$ sudo gem install bundler

Downloading and Installing the theme

Download the theme

https://github.com/pietromenna/jekyll-architect-theme/archive/master.zip

Unzip it and use it as a regular jekyll folder.

$ unzip jekyll-architect-theme-master.zip

Get inside the newly extracted folder

$ cd jekyll-architect-theme-master

Install the dependencies

$ bundle install

Use it!

$ jekyll serve

Setup

Some important configuration can be done in the file _config.yml. Please, check the Setup section in that file.

baseurl

baseurl parameter is required in the case the site doesn't sit on the root of the domain. For example: https://pietromenna.github.io/jekyll-architect-theme

In the case above the baseurl should be set to "/jekyll-architect-theme".

In the case the site sits in the root, you can leave baseurl as empty "".

For more details read about Jekyll on its web page.

Contributing

Bug reports and pull requests are welcome on GitHub at https://github.com/pietromenna/jekyll-architect-theme.

Development

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

You theme is setup just like a normal Jelyll 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.

License

This work is licensed under a Creative Commons Attribution 4.0 International.