Github Actions - Jekyll Website
- Install Docker.
The home page already has the following libraries included:
If you need to load additional librari via the head
you can include them in /_includes/addiional-head.html
.
- Run
docker-compose build && docker-compose up
- Visit localhost:4000 to view the home page. You can add all of your code here.
- View an example static page at localhost:4000/example. This page has examples with Bootstrap, Animate.style and Wow.js.
Adding new HTML to the home page by modifying the home layout:
<!DOCTYPE html> <html> <head> {% include head.html %} {% include additional-head.html %} </head> <body> <section> <div>Hello world. Home Page.</div> <div>You can add all your code in here.</div> <div>Bootstrap, animate.css and wow.js have already been included in the head of this HTML document.</div> <div>:)</div> </section> {% include home-js.html %} </body> </html>
Update the css that shows up on the home page by modifying the home.css stylesheet:
.my-custom-color { color: red; }
Javascript can be added to the home page by adding it into the _includes
file named home-js.html.
<script> // Include any .js here. This file is specific to the home page. console.log("Hello world from the home page"); </script>
Usefule resources for using Jekyll: