Melons is a blog theme for Jekyll, and is based on Trophy built using HTML, Sass, and JavaScript (no jQuery). External stylesheets and libraries included are Google Fonts, Font Awesome, Normalize.CSS, Rellax, and WOW.js.
-
1.1.1
- bug fix
- subtitle
-
1.1
- seo
- gulp
-
1.0
- Multi author support
- Add author page
- Add reading time
- Improvements to UI/UX
- Add favicon
- Minified the HTML(Thanks Anatol Broder)
All dependencies are saved in the Gemfile
. Run bundle install
(Install Bundler if it is not already) after cloning the repo.
I made everything as easy as possible to edit. Most things can be found in the _config.yml
, but if more editing is required digging through the code will be required. The head.html
file is in the _includes
folder and the Sass variables are found in the _base.scss
file in the _sass
folder.
email:
baseurl: ""
paginate: 5
paginate_path: "/blog/page-:num"
google_analytics: UA—XXXXXXXX-X
email
- Your email for the contact card and the footerbaseurl
- Path of blog if adding this on to another websitepaginate
- Number of blog posts per pagepaginate_path
- URL structure of paginated pagesgoogle_analytics
- Option field to replace with correct Google Analytics code
title:
description:
url: ""
twitter_username:
default_img:
title
- Title of blogdescription
- Description of blog (recommended to not go over 160 characters)url
- URL of main websitetwitter_username
- Twitter usernamedefault_img
- Image that will appear when posting links on social networks
name:
profile_img:
profile:
social:
github:
name
- Full name for SEO purposesprofile_img
- Image for the profile card (size to 2000x1200px)profile
- Short description that will be in the profile cardsocial
- List of social networks for icons in the contact card and the footer (Font Awesome is used, so only match the name of the icon, but do not includefa-
)
exclude: ["_screenshots", "Gemfile", "Gemfile.lock", "LICENSE.txt", "README.md"]
permalink: /:year/:month/:day/:title/
exclude
- Folders that are excluded from_site
permalink
- URL structure of blog posts
---
layout: post
title: ""
date:
categories:
description:
image:
image-sm:
---
This is the YAML front matter block for blog posts.
layout
- This field will always be posttitle
- The title of the blog postdate
- The date that will appear on the blog postcategories
- Optional field that can be entered as an array or a listdescription
- Optional field for SEO (recommended to not go over 160 characters)image
- The blog theme was designed for 2000x1200px images (optimize your images because this is a picture heavy theme)image-sm
- Optional field for card layouts for image optimization and page speed (designed for 500x300px images)
Melons is licensed under the MIT License.