Git Product home page Git Product logo

lj-valencia / jekyll-theme-simple-blog Goto Github PK

View Code? Open in Web Editor NEW

This project forked from lorepirri/jekyll-theme-simple-blog

0.0 0.0 0.0 4.87 MB

Simple Blog Theme is a clean, responsive blogging theme for Jekyll and GitLab/GitHub Pages.

Home Page: http://lorepirri.github.io/jekyll-theme-simple-blog

License: Creative Commons Zero v1.0 Universal

Ruby 2.56% HTML 58.93% CSS 36.13% Shell 2.37%

jekyll-theme-simple-blog's Introduction

Jekyll Version Build Status


View Demo: https://lorepirri.gitlab.io/jekyll-theme-simple-blog/


Simple Blog Theme

Simple Blog is a Jekyll theme for Gitlab or GitHub Pages. It is based on Cayman Blog Theme. You can preview the theme to see what it looks like, or even use it today.

Thumbnail of jekyll-theme-simple-blog

Features

  • Blog
  • Responsive
  • Minimal
  • Multi-language
  • SEO optimized
  • Social buttons (instagram, linkedin, twitter, github, gitlab)
  • RSS feed multi-language

Install

Simple Blog Theme is 100% compatible with GitLab and GitHub Pages.

Install as a Fork

  1. Fork the repo
  2. Clone down the repo with one of the two:
    • ssh $ git clone [email protected]:your-username/jekyll-theme-simple-blog.git
    • https: $ git clone https://gitlab.com/lorepirri/jekyll-theme-simple-blog.git
  3. Empty the _posts/ folder
  4. Install bundler and gems with $ script/bootstrap
  5. Run Jekyll with $ script/server
  6. Modify _config.yml, about-en.md, contact-en.md, and the other pages for your project
  7. Write your posts in _posts/en and _posts/<other-language>
  8. Customize the theme

SEO tags

Simple Blog includes simple SEO tags from jekyll-social-metatags. Have a look at the page for its usage.

The usage is compatible with the plugin Jekyll SEO Tag, which provides a battle-tested template of crowdsourced best-practices.

To switch to a better SEO tags however, one should install Jekyll Feed plugin:

  1. Add this line to your site's Gemfile:

    gem 'jekyll-seo-tag'
  2. And then add this line to your site's _config.yml:

    gems:
      - jekyll-seo-tag
  3. Replace with the following, the <!-- jekyll-seo-tag --> comment in your site's default.html:

    {% seo %}

For more information about configuring this plugin, see the official Jekyll SEO Tag page.

Stylesheet

If you'd like to add your own custom styles:

  1. Create a file called /assets/css/style.scss in your site
  2. Add the following content to the top of the file, exactly as shown:
    ---
    ---
    
    @import "{{ site.theme }}";
  3. Add any custom CSS (or Sass, including imports) you'd like immediately after the @import line

Layouts

If you'd like to change the theme's HTML layout:

  1. Copy the original template from the theme's repository
    (Pro-tip: click "raw" to make copying easier)
  2. Create a file called /_layouts/default.html in your site
  3. Paste the default layout content copied in the first step
  4. Customize the layout as you'd like

Sass variables

If you'd like to change the theme's Sass variables, set new values before the @import line in your stylesheet:

$section-headings-color: #0086b3;

@import "{{ site.theme }}";

Roadmap

See the open issues for a list of proposed features (and known issues).

Project philosophy

The Simple Blog Theme is intended to make it quick and easy for Gitlab or GitHub Pages users to create their first (or 100th) website. The theme should meet the vast majority of users' needs out of the box, erring on the side of simplicity rather than flexibility, and provide users the opportunity to opt-in to additional complexity if they have specific needs or wish to further customize their experience (such as adding custom CSS or modifying the default layout). It should also look great, but that goes without saying.

Contributing

Interested in contributing to Simple Blog? We'd love your help. Simple Blog is an open source project, built one contribution at a time by users like you. See the CONTRIBUTING file for instructions on how to contribute.

Previewing the theme locally

If you'd like to preview the theme locally (for example, in the process of proposing a change):

  1. Clone down the theme's repository (git clone https://gitlab.com/lorepirri/jekyll-theme-simple-blog)
  2. cd into the theme's directory
  3. Run script/bootstrap to install the necessary dependencies
  4. Run script/server to start the preview server
  5. Visit localhost:4000 in your browser to preview the theme

jekyll-theme-simple-blog's People

Contributors

lorepirri avatar virtuacreative 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.