Skip to content

Latest commit

 

History

History
181 lines (127 loc) · 3.9 KB

getstarted.md

File metadata and controls

181 lines (127 loc) · 3.9 KB
layout title subtitle bigimg
page
Getting started
How to use Beautiful Jekyll
img/Fotolia_41660852_M.jpg

Beautiful Jekyll is a ready-to-use template to make help you create an awesome Jekyll or GitHub Pages website quickly.

To learn how you can use Beautiful Jekyll to create your website in minutes, go to the Beautiful Jekyll GitHub page.

---

Overview of steps required

There are only three simple steps, so using Beautiful Jekyll is literally as easy as 1-2-3 :)

Here is a 40-second video showing how to get started, with the specific steps below. For a more complete installation guide, visit the Beautiful Jekyll page.

Installation steps


1. Fork the Beautiful Jekyll repository

Fork the repository by clicking the Fork button on the top right corner in GitHub.


---

2. Rename the repository to yourusername.github.io

This will create a GitHub User page ready with the Beautiful Jekyll template that will be available at http://yourusername.github.io (sometimes it takes a few minutes).


---

3. Customize settings

Edit the _config.yml file to change all the settings to reflect your site. The settings in the file are fairly self-explanatory and I added comments inside the file to help you further. Every time you make a change to any file, your website will get rebuilt and should be updated at yourusername.github.io within a minute.

You can now visit your shiny new website, which will be seeded with several sample blog posts and a couple other pages.

---

See how easy that is? I wasn't lying - it really can be done in two minutes.

---
<style> .gs-section-main { background-color: #ffeead; } .gs-section-main p{ color: #96ceb4; } .gs-section-00 h2 { color: #588c7e; } .gs-section-00 p{ fontsize: 30 px; font-weight: bold; } .gs-section-01 h3 { color: #588c7e; font-weight: bold; } .gs-section-01 p{ fontsize: 45 px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; } .gs-section-02 h3 { color: #588c7e; font-family: normal; fontsize: 45 px; } .gs-section-02 p{ fontsize: 45 px; font-weight: bold; font-family: Sans-serif; color: #d96459; } .gs-section-03 h3 { color: #588c7e; font-family: "Times New Roman", Times, serif; fontsize: 20 px; } .gs-section-03 p{ fontsize: 35 px; font-style: oblique; color: #f2e394; } .gs-section-04 p{ fontsize: 25 px; font-family: normal; font-weight:italic; color:#588c7e; } .btn btn-success btn-lg get-started-btn { background-color: #588c7e; border-radius: 18 px; border: black; border-style: dotted; color: #ffcc5c; padding: 20px 40px 20px 40px; text-align: justify; text-decoration: none; text-transform: uppercase; letter-spacing: 3px; display: inline-block; font-size: 20px; margin: 4px 2px; cursor: pointer; } .btn btn-success btn-lg get-started-btn:hover{ text-decoration: none; color: #d96459; background: #ffeead; } </style>