A clean minimalist theme for Jekyll using TailwindCSS that includes:
-
A Jekyll blog theme
-
A Gulpfile that does the following:
- Compiles Jekyll
- Runs Browsersync for local development
- Compiles TailwindCSS
bundle install
to install Ruby gemsnpm install
to install npm packages listed inpackage.json
- Set index.html layout to home and create your posts in the _posts directory
- Many components can be found in the
_includes
directory. Follow the examples in the_pages
directory for usage. npm run start
ornpm run dev
to compile the site with development settings and run BrowserSync
npm run build:dev
to compile the site with development settingsnpm run build:production
ornpm run build
to compile the site for production
Add this line to your Jekyll site's Gemfile
:
gem "jekyll-remote-theme"
And add this line to your Jekyll site's _config.yml
:
remote_theme: nathanjessen/blogtheme@main
And then execute:
bundle
Or install it yourself as:
gem install jekyll-remote-theme
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.
To build gem file, run gem build blogtheme.gemspec