Skip to content

Commit

Permalink
feat: updated descriptions for options
Browse files Browse the repository at this point in the history
  • Loading branch information
devich committed Apr 18, 2024
1 parent a018868 commit 077ce26
Show file tree
Hide file tree
Showing 2 changed files with 15 additions and 18 deletions.
25 changes: 10 additions & 15 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,41 +5,36 @@ This Jekyll theme simply converts your README.md to the GitHub Pages site with [

## Quick Start

**1.** Create `_config.yml` file in the root of your repository with the following contents:
1. Ensure that a file named `README.md` exists in the root directory of your repository, and GitHub Pages is enabled in your repository settings.

2. Create a file named `_config.yml` in the root directory of your repository. The file should contain the following content:
```yaml
remote_theme: devich/readme-landing-page
```
This will set the `devich/readme-landing-page` as the remote theme for your GitHub Pages site.

**2.** Create `index.md` file in the root of your repository with the following contents:

<div class="highlight"><pre class="highlight"><code><span class="nn">---</span>
<span class="na">layout</span><span class="pi">:</span> <span class="s">index</span>
<span class="nn">---</span>

<span class="nt">&#123;%</span> <span class="na">include_relative</span> <span class="s">README.md</span> <span class="nt">%&#125;</span>
</code></pre></div>

**3.** Enable GitHub Pages in the repository settings.
3. That’s it! There is no step 3. You now have a GitHub Pages website that’s based on your `README.md` file. The changes will take effect some time after you commit and push your updates to the repository. Enjoy your new website!


## Fine tuning
### Additional settings in _config.yml

You can set additional parameters for the site in the `_config.yml` file.

Copy the contents of the `_config.yml` file from the [theme repository](https://github.com/devich/readme-landing-page/blob/main/_config.yml) to your `_config.yml` file.

The following options are available:

- `lang:` sets the language of the site. E.g. `en-US`, `uk`, `pl`, `fr-CA` and so on. The default value is `en-US`.
- `bg_color:` sets the background color of your website. Can be `dark`, `light` or `auto`. The default value is `auto`.
- `theme_color:` sets the main accent color for buttons, links, etc. It can be <nobr><code class="highlighter-rouge" style="color:#c52f21">red</code>,</nobr> <nobr><code class="highlighter-rouge" style="color:#d92662">pink</code>,</nobr> <nobr><code class="highlighter-rouge" style="color:#c0208a">fuchsia</code>,</nobr> <nobr><code class="highlighter-rouge" style="color:#9136a3">purple</code>,</nobr> <nobr><code class="highlighter-rouge" style="color:#7540be">violet</code>,</nobr> <nobr><code class="highlighter-rouge" style="color:#524ed1">indigo</code>,</nobr> <nobr><code class="highlighter-rouge" style="color:#2060de">blue</code>,</nobr> <nobr><code class="highlighter-rouge" style="color:#0172ac">azure</code>,</nobr> <nobr><code class="highlighter-rouge" style="color:#047878">cyan</code>,</nobr> <nobr><code class="highlighter-rouge" style="color:#007a50">jade</code>,</nobr> <nobr><code class="highlighter-rouge" style="color:#398712">green</code>,</nobr> <nobr><code class="highlighter-rouge" style="color:#a5d601">lime</code>,</nobr> <nobr><code class="highlighter-rouge" style="color:#f2df0d">yellow</code>,</nobr> <nobr><code class="highlighter-rouge" style="color:#ffbf00">amber</code>,</nobr> <nobr><code class="highlighter-rouge" style="color:#ff9500">pumpkin</code>,</nobr> <nobr><code class="highlighter-rouge" style="color:#d24317">orange</code>,</nobr> <nobr><code class="highlighter-rouge" style="color:#ccc6b4">sand</code>,</nobr> <nobr><code class="highlighter-rouge" style="color:#ababab">grey</code>,</nobr> <nobr><code class="highlighter-rouge" style="color:#646b79">zinc</code> or <nobr><code class="highlighter-rouge" style="color:#525f7a">slate</code>.</nobr> See samples on the <a href="https://picocss.com/docs/version-picker" target="_blank">Pico CSS website</a>. The default value is <nobr><code class="highlighter-rouge" style="color:#0172ac">azure</code>.
- `title:` sets the title of the site. If not set, your repository name will be used.
- `remote_theme:` is the only **required parameter**; without it, your site will not work. The value should always be `devich/readme-landing-page`.

Alternatively, you can copy the contents of the `_config.yml` file from the [theme repository](https://github.com/devich/readme-landing-page/blob/main/_config.yml) into your own `_config.yml` file. This will give you access to all available options at once.



### Ignoring

If you need a block in the README.md that should not be shown on the GitHub Pages site, you can format this block in HTML and assign `class="ignore"` to this block.
If there’s a block in the `README.md` file that you don’t want to display on the GitHub Pages site, you can format this block as HTML and assign the `class="ignore"` attribute to it.

<p class="ignore">
This paragraph <a href="https://devich.github.io/readme-landing-page/">will not be displayed</a>
Expand Down
8 changes: 5 additions & 3 deletions _config.yml
Original file line number Diff line number Diff line change
@@ -1,15 +1,17 @@
# Your site's settings
lang: en-US # e.g. uk, pl, en-US
bg_color: dark # can be dark, light or auto
# theme-color is main accent color and can be red, pink, fuchsia, purple, violet, indigo, blue, azure, cyan, jade, green,
# theme-color is the main accent color and can be red, pink, fuchsia, purple, violet, indigo, blue, azure, cyan, jade, green,
# lime, yellow, amber, pumpkin, orange, sand, grey, zinc, slate. See samples on https://picocss.com/docs/version-picker
theme_color: azure
title: GitHub Pages Theme for Readme
description: Minimal theme to convert your README.md to the GitHub Pages site
keywords: github pages, github readme, github pages theme, jekyll


# Service section; you probably don't want to change anything here unless you know what you're doing
# If you're using devich/readme-landing-page as your GitHub Pages remote theme,
# there's no need to copy the options listed below.
# This is a service section, it's probably best not to make changes here
# unless you're confident in what you're doing.
defaults:
-
scope:
Expand Down

0 comments on commit 077ce26

Please sign in to comment.