Jekyll-conversie van Halcyonic
Gepubliceerd op 6 februari 2016 • 3 min leestijd • 432 woordenVoor een Nederlandse blog was ik op zoek naar een leuk sjabloon. Omdat ik onlangs ben overgestapt van WordPress naar Jekyll moest het een Jekyll-sjabloon zijn. Al snel besefte ik dat ik een Jekyll-ready template kon gebruiken, maar ik kon ook een generieke template converteren.
Dus dat is wat ik deed. Ik heb een sjabloon geconverteerd van HTML5 UP, genaamd “Halcyonic”. Ik heb het gedownload van
HTML5up
en het in meerdere stukken opgesplitst.
Houd er echter rekening mee dat dit een fundamentele breuk is. Alleen de basisindeling is omgezet. Niet alles is omgezet naar databestanden. Er is ook geen nieuwe functionaliteit toegevoegd. als je RSS-feeds, integratie van analyses van een of andere soort of iets anders wilt gebruiken, moet je dat zelf doen.
Download Jekyll-Halcyonic nu.
Na de pauze is er meer technische inhoud over de sjabloon.
Mapstructuur
bash
jekyll-halcyonic/
├── _includes
| ├── banner.html # Banner that is shown on each page
| ├── features.html # Contains the features from the front page
| ├── footer.html # site footer
| ├── header.html # site header
| ├── navigation.html # site navigation
| ├── scripts.html # jQuery, plugins, GA, etc
| ├── sidebar-left.html # left sidebar
| ├── sidebar-right.html # right sidebar
| └── widget-display.html # displays widgets
├── _layouts
| ├── default.html # default page layout
| ├── onecolumn.html # page with one column
| ├── twocolumn1.html # page with two columns, a sidebar and the main text
| ├── twocolumn2.html # page with two columns, a sidebar and the main text
| └── threecolumn.html # page with three columns, a sidebar, the main text and a sidebar
├── _data # datafiles
| ├── blurb.yml # Text in the right lower corner
| ├── footer.yml # Links in the footer on every page
| └── navigation.yml # Navigation links on top of the page
| └── sidebar-left.yml # Widgets in the left sidebar
| └── sidebar-right.yml # Widgets in the right sidebar
├── _posts # location for your posts
| ├── 2016-02-07-onecolumn.md # example post with one column
| ├── 2016-02-07-twocolumn1.md # example post with two columns
| ├── 2016-02-07-twocolumn2.md # example post with two columns
| └── 2016-02-07-threecolumn.md # example post with three columns
├── _sass # Sass partials
├── assets
| ├── css # compiled stylesheets
| | └── img # Images used in stylesheet
| └── js # Javascripts (jQuery, skel)
├── images # images for posts and pages
├── _config.yml # Jekyll options
├── about/ # about page
├── posts/ # all posts
├── tags/ # all posts grouped by tag
└── index.md # home page