Tallneck
Tallneck is a Jekyll theme for blogs. It is a simple and clean theme with a focus on the responsiveness. Also js free.
Preview: https://jekyll-theme-tallneck.pages.dev/
Installation
Add this line to your Jekyll site's Gemfile:
gem "jekyll-theme-tallneck"And add this line to your Jekyll site's _config.yml:
theme: jekyll-theme-tallneckAnd then execute:
bundleOr install it yourself as:
gem install jekyll-theme-tallneckUsage
Initial setup
To set up your Jekyll site with the Tallneck theme, follow these steps:
- Install the theme as described above.
- Add the following to your site's
_config.ymlto activate the theme:
plugins:
- jekyll-remote-theme
- jekyll-feed
- jekyll-seo-tag
- jekyll-sitemap
theme: jekyll-theme-tallneck-
Create the following files at the root of your Jekyll site and edit them like the ones in this repo:
-
Create the
assets/imagesfolder and put a replacement for the following images:-
favicon.icoandfavicon.svgthat will be used as the favicon. -
logo.svgthat will be used as the home button. -
pwa_icon.svg,pwa_icon_x512.png,pwa_icon_x128.png,pwa_icon_x96.pngthat will be used as the PWA icon. (https://maskable.app/editor can be used to create the maskable icon)
-
-
In the
assetsfolder, create the sitemanifest.json file and edit it to your liking. -
[Optional] Customize the theme by creating the
_sassfolder and editingcustom_variables.scssandcustom_styles.scssfiles. -
Edit the
_config.ymlfile to your liking (you can use the config file in this repo as a template).
Writing posts
To create a new post, add a markdown file in the _posts directory and add at the top of the file the following:
---
layout: post # Optional, post is default
title: "First post!"
subtitle: "Written in Go." # Optional
date: 2023-01-16 17:40:28 +0100
image: /assets/images/golang.jpg # Optional
---Development
To set up your environment to develop this theme, run bundle install.
Your theme is setup just like a normal Jekyll 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.
When your theme is released, only the files in _layouts, _includes, _sass and assets tracked with Git will be bundled.
License
The theme is available as open source under the terms of the MIT License.
Credits
Some of the css code was inspired from the Minima Theme. Minima license.