jksf
, a.k.a. Jekyll Scaffolding, a sleek and super-fast responsive theme with only one HTTP request, LESS auto-compile, prefix-free, HTML minification, inlined stylesheets and more.
- Jekyll Scaffolding ships a sleek responsive theme, a variant of sparanoid.com
- Every minified page generates only one HTTP request *
- Minimalism design, No jQuery library, No JavaScript, No
everybody-shake-ur-body.js
- (Maybe) the first template that uses viewport relative units
- No Bootstrap or other bloated frameworks are used, CSS < 9 KB
- Predefined LESS variables make it easier to change color schemes for different posts
- Ideal for personal blog, portfolio, product blog and Tumblr-like link blog
- Well-defined Atom feed template
- No Internet Explorer support
- Built with Grunt.js
- Styling with LESS, CSS file is automatically compiled on the fly
- CSS prefix-free
- HTML, CSS, and XML minification
- Assets files revving
*: Well, only when your posts don’t have fancy sliders or other external media files.
- Fork this project, checkout to your local machine.
- Run
bundle install && npm install
to install required dependencies. Ruby gembundler
and Node.js package managernpm
must be installed before running this command. - Run
grunt serve
to fire up a server on your localhost, then openhttp://localhost:4321
in your browser. - Edit, edit, delete, delete, commit, push, done.
- Additional variables are stored in
./_app/_data/
directory. They can be accessed by Jekyll. (More info) - You should also change
favicon.ico
andapple-touch-icon.png
to yours. - Customize your site using
custom.less
. - Some tasks in
Gruntfile.coffee
are not used in this project, they're copied from my own website, I'll keep them untouched in case you need these. - Please keep the credits in template file, thanks.
A paragraph block with a thin border line
Useage:
<p class=download><a href="https://github.com/sparanoid/sparanoid.com/">Download</a> it from GitHub</p>
<p class=store>Love this plugin? please consider <a href="{{ site.data.var.donate }}">buying me a cup of coffee.</a></p>
WIP
WIP
WIP
WIP
WIP
You can see a more complex live demo using this framework at my site.
Wanna buy me a cup of coffee? Great.
Tunghsiao Liu
Following files, directories and their contents are copyright Tunghsiao Liu and licensed under a CC BY-NC-ND 3.0. You may not reuse anything therein without permission:
./_app/_posts/
./_app/apple-touch-icon.png
./_app/favicon.ico
All other files and directories are licensed under the MIT unless explicitly stated.
© Tunghsiao Liu. Rights reserved as indicated above.