add getstarted page

This commit is contained in:
Dean Attali 2015-03-03 02:09:34 -08:00
parent 5d076906be
commit f97472f99a

43
getstarted.md Normal file
View File

@ -0,0 +1,43 @@
---
layout: page
title: Getting started
subtitle: How to use Beautiful Jekyll
---
**Beautiful Jekyll** is a ready-to-use template to make help you create an awesome Jekyll or GitHub Page website quickly.
To learn how you can use **Beautiful Jekyll** to create your website in minutes, go the the [Beautiful Jekyll GitHub page](https://github.com/daattali/beautiful-jekyll#readme).
<div class="get-started-wrap">
<a class="btn btn-success btn-lg get-started-btn" href="https://github.com/daattali/beautiful-jekyll#readme">Get Started!</a>
</div>
## 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 45-second GIF showing how to get started, with the specific steps below. For a more complete installation guide, [visit the Beautiful Jekyll page](https://github.com/daattali/beautiful-jekyll#readme).
![Installation steps](img/install-steps.gif)
### 1. Fork the Beautiful Jekyll repository
Fork the [repository](https://github.com/daattali/beautiful-jekyll) 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 can be done in two minutes.
<div class="get-started-wrap">
<a class="btn btn-success btn-lg get-started-btn" href="https://github.com/daattali/beautiful-jekyll#readme">Get Started!</a>
</div>