Bay
Bay is a simple theme for Jekyll. [view live]
Inspired by dangrover.com. Current theme used at eliottvincent.com.
Table of contents
- Installation
- Website sections
- Header
- Footer
- Home page
- Blog page
- Development instructions
Installation
The easiest solution is to fork this repo. If you want to start from a clean website, follow the steps below:
Create a new Jekyll website:
jekyll new mysite
Open Gemfile
and replace the line:
gem "minima"
with:
gem "bay_jekyll_theme"
Open _config.yml
and replace the line:
theme: minima
with:
theme: bay_jekyll_theme
or, for GitHub Pages:
remote_theme: eliottvincent/bay
Finally, install the dependencies:
bundle install
and build the website!
jekyll serve
The website will look somewhat empty at first. That's normal. Follow the next instructions to complete the header and footer components, and the home and blog pages.
Header
Open the _config.yml
file and add the following:
header:
pages:
- name: Home
slug: / # <-- index.md
- name: Blog # <-- blog.md
- name: Whatever # <-- whatever.md
Re-run jekyll serve
to see the header updated.
Footer
Open the _config.yml
file and add the following:
footer:
show_powered_by: true
contact:
- type: email
name: Email
value: yourmail@domain.com
- type: wechat
value: YourWeChatUsername
link: "#"
follow:
- type: twitter
name: Twitter
link: http://twitter.com/YourTwitterUsername
username: "@YourTwitterUsername"
- type: facebook
name: Facebook
link: http://facebook.com/YourFacebookUsername
- type: linkedin
name: LinkedIn
link: http://linkedin.com/in/YourLinkedInUsername
- type: github
name: GitHub
link: http://github.com/YourGitHubUsername
- type: dribbble
name: Dribbble
link: https://dribbble.com/YourDribbbleUsername
- type: rss
name: RSS
link: /feed.xml
Re-run jekyll serve
to see the footer updated.
Home page
Create (or edit) the index.markdown
file and add the following:
---
layout: home
profile_picture:
src: /assets/img/profile-pic.jpg
alt: website picture
---
<p>
Welcome to mysite!
</p>
Blog page
Create blog.markdown
file and add the following:
---
layout: blog
title: Blog
slug: /blog
---
This is an example of a "Blog" page, displaying a list of posts.
<br />
Your website is ready!
Development
Run development instance (with hot-reload)
bundle exec jekyll serve
Build and publish the gem
gem build bay_jekyll_theme.gemspec
gem push bay_jekyll_theme-1.x.x.gem