Giter Club home page Giter Club logo

jekyll-starter's Introduction

Jekyll-starter

Purpose of this project is to help you create your first static website with Jekyll as easily as possible. It is free, you just need a GitHub account and follow the steps below πŸ˜‰

πŸ“˜ About Jekyll

Jekyll is one of the most popular static site generators. It takes text written in your favorite markup language (e.g. Markdown, Textile, etc.) and uses layouts (themes) to create a static website. It does not use databases to generate the pages dynamically. Instead of using databases, Jekyll supports loading content from YAML, JSON, CSV, and TSV files. This content can be accessed via Liquid templating system. GitHub Pages are powered by Jekyll behind the scenes, so they’re a great way to host your Jekyll-powered website for free. Another possible solution is to host Jekyll sites by GitLab Pages.

πŸ‘οΈ Demo

Here is a LIVE DEMO preview of default static website which was generated by GitHub Pages from this source repository.

πŸš€ Getting started with Jekyll Starter

  1. First you need to create a GitHub account. GitHub will be used to host your websites for free.
  2. Either follow this step-by-step tutorial or you can simply Fork Fork (copy) this repository to your GitHub account by clicking on this link.
  3. Go to your GitHub account >> Repositories >> jekyll-starter >> Settings >> Pages. Or simply open https://github.com/<YourUserName>/jekyll-starter/settings/pages where <YourUserName> is your Github user name. Please set the Branch of GitHub Pages to gh-pages and click Save. Now wait a minute until your site is published. In the meantime you can refresh Github page until you see a link to your new static website. gh-pages.png
  4. Your website will be published here: https://<YourUserName>.github.io/jekyll-starter, please change <YourUserName> with your Github user name.
  5. Customize your website to your needs. Configure your website by changing _config.yml, edit the content of main page by changing index.md and edit the About page by changing about.md. These files are written in Markdown. To edit these files, find them in GitHub (e.g. https://github.com/<YourUserName>/jekyll-starter/_config.yml), click Edit Edit, make your changes and Commit Commit (save) the changes. If you want to create posts or pages, please folow this or this tutorial. If you want to work with data files, use this tutorial. See more information in Jekyll documentation

πŸ“˜ About Markdown

Markdown is a markup language which allows you to write using an easy-to-read, easy-to-write plain text format, then convert it to structurally valid XHTML (or HTML). To write in markdown language, please use file extensions .md or .markdown. Here is an example of markdown usage:

# Heading level 1
## Heading level 2
### Heading level 3

- Unordered list 1
- Unordered list 2

1. Numbered list 1
2. Numbered list 2

> Here is a blockquote

**Bold**, *Italic* and `Inline code` text

[Link](url) and ![Image](src)

Even this text you are reading right now is written in markdown - you can check the source file index.md. For more details about writing in markdown see this tutorial.

🎨 Jekyll Themes

To change the layout and styles of your site you can change the _config.yml configuration file. Default setting is theme: minima. Here is the list of themes you can use. Just replace minima with another theme and commit the changes (e.g. jekyll-theme-cayman, just-the-docs or minimal-mistakes-jekyll).

πŸ”— References

πŸ“œ License

This project is available as open source under the terms of the MIT License.

πŸ’¬ Contributing

This project is intended to be a safe, welcoming space for collaboration. If you found an mistake or better expression, please raise an Issue Issue. If you want to contribute, please Fork Fork this repository, make your changes and send a Pull Request Pull Request.

jekyll-starter's People

Contributors

brazacz avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.