![]() ![]() The double curly brackets tell Jekyll to process the code inside themĪnd check the _site/index.html, and you'll see it's removed the front matter and processed Hello World to lower case. Hint: ctrl-o to save and ctrl-x to exit when using nano Lets add some Liquid template code in the index.html file in your home folder (not in _site - it's an easy mistake to make)Īdd the following to the top of index.html. As we add content it will auto generate pages.įor now it should be the same as the orginal index.html A little bit of Liquidįront Matter in the beginning of a page tells Jekyll to process the contents of a page. Look at the index.html in _site, you'll notice its the same in your home folder right now. Make sure you make no changes in this folder for now, it's the content for the generated site. You'll notice that a _site folder has been created. Lets start using jekyll to build, and then serve our website (only run it in your home folder for now): Head over to w3schools and checkout their interactive tutorials If you need to brush up on your html, ccs and javascript, WIP index.html will override the jekyll theme, and not the priority list of the index files and reactions of each Install jekyll (& bundler) using the ruby package manager 'gem' (takes a couple of minutes)Ĭreate a index.html (note that jekyll will process markdown as well as html) by cut (ctrl-insert) and paste (shift-insert) into the terminal. Lets take a quick look at that 'Gems' are installed. Lets do a quick version check to make sure ruby, and it's package manager are installed, In this scenario ruby is already installed, but to install it on your system (linux): ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |