Skip to content

Commit

Permalink
Apply custom divs and css to getstarted.md
Browse files Browse the repository at this point in the history
  • Loading branch information
CTNovoa authored Sep 27, 2024
1 parent d071121 commit 02985ac
Showing 1 changed file with 23 additions and 1 deletion.
24 changes: 23 additions & 1 deletion getstarted.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,15 +12,23 @@ Scroll down to see the steps involved, but here is a 30-second video just as a r

![Installation steps](https://beautifuljekyll.com/assets/img/install-steps.gif)

<div class="gs-section-01" markdown="1">

### 1. Fork this project

Click on the __*Fork*__ button at the top right corner of this page. Forking means that you're copying this entire project and all its files into your account. Do not click on the __*Create fork*__ button on the next page yet.

</div>

<div class="gs-section-02" markdown="1">

### 2. Rename the repository to `YOURUSERNAME.github.io`

You'll see the word "repository" used a lot in GitHub - it simply means "project". Under __*Repository name*__ you should see the name `beautiful-jekyll`, this is where you need to rename your project to `YOURUSERNAME.github.io` (replace `YOURUSERNAME` with your GitHub user name). It's important to use this exact name so that GitHub will recognize it and automatically create a website for this project.

> Tip: If you want to use a different URL for your website, check out the [FAQ](https://beautifuljekyll.com/faq/#custom-domain)
</div>

### 3. Customize your website settings

Expand All @@ -36,4 +44,18 @@ If you named your project correctly and made an edit to the config file, your we

The instructions above explain how to use Beautiful Jekyll in the easiest way: by forking on GitHub. There are more [advanced installation methods](https://beautifuljekyll.com/getstarted/#install-steps-hard) that include either using GitHub Pages with remote themes, or using Ruby gems. They provide you with more control, but are only intended for advanced users.

> Note: Beautiful Jekyll was primarily designed to be used as a GitHub theme, so you will not get any support if you use this theme via Ruby gems.
> Note: Beautiful Jekyll was primarily designed to be used as a GitHub theme, so you will not get any support if you use this theme via Ruby gems.
<style>
<!-- only <h3> headers between <div class=gs-section-01> tags -->

.gs-section-01 h3 {
color: green
}

<!-- only <h3> headers between <div class=gs-section-02> tags -->

.gs-section-02 h3 {
color: purple
}
</style>

0 comments on commit 02985ac

Please sign in to comment.