jekyll-minimal-dark-orange

---

layout: page title: About permalink: /about/

[Jekyll-minimal-dark-orange]((https://son-link.github.io/jekyll-minimal-dark-orange) is my new Jekyll theme for my blog (in spanish)

This theme is lighwight and responsive, including tables, images, videos and iframes, like Youtube and Vimeo

Include support for jekyll-seo-tag, Google Analytics, and include links on any post for share on various social networks, WhatsApp and Telegram.

Installation

Add this lines to your Jekyll site's Gemfile:

gem "jekyll-minimal-dark-orange"
gem "jekyll-paginator" # This line isn't necessary if you use github-pages
gem "jekyll-seo-tag" # If you can use this plugin

Add this lines to your Jekyll site's _config.yml:

theme: jekyll-minimal-dark-orange
plugins:
- jekyll-paginate
- jekyll-seo-tag #if you use this.
paginate: 10 # Posts per page
paginate_path: "page:num/"

Rename index.md to index.html and change layout to home

For search create a new file on the site root foolder called search.json with this content:

---
---
[
  {% raw%}
  {% for post in site.posts %}
    {

      "title"    : "{{ post.title | strip_html | escape }}",
      "url"      : "{{ site.baseurl }}{{ post.url }}",
      "category" : "{{post.categories | join: ', '}}",
      "tags"     : "{{ post.tags | join: ', ' }}",
      "date"     : "{{ post.date }}",
      "description" : "{{post.description | strip_html | strip_newlines | escape }}"

    } {% unless forloop.last %},{% endunless %}
  {% endfor %}
{% endraw %}
]

Note: You can change post.description to post.content, but innsert description is much better, use post.content only create a big file and also inaccurate search result.

And then execute:

$ bundle install

Or install it yourself as:

$ gem install jekyll-minimal-dark-orange

Usage

Social links:

For activate social links add these lines on your _config.yml:

social_links: true  # If true show social links
rss: true # For add icon to link feed.xml
facebook:
git:
gitlab:
github:
instagram:
linkedin:
pinterest:
reddit:
spotify:
telegram:
twitch:
twitter:
vimeo:
youtube:

Just add the ones you're going to use.

Responsive iframe for Youtube or Vimeo videos:

Insert the iframe code into a div whit the class video and remove width and height attributes, like this:

<div class="video">
  <iframe  src="https://www.youtube.com/embed/<videoID>" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>

Google Analytics:

For use Google Analytics include this line on _config.yml and replace <code> for your Google Analytics code:

google-analytics: <code>

Where <code> is your Google Analytics code.

jekyll-seo-tag:

For use you only need add this plugin on the plugins array on _config.yml

Exclude pages on menu:

If you want a page not appear in the menu, simply add this is the YAML header on the desired pages:

onmenu: false

Custom 404 page error:

For add custom 404 page create a new page in your site root folder called 404.md or 404.html start width this yaml head:

---
layout: 404
permalink: /404.html
---

Other credits:

• MicroCSS.css my own lightweight CSS framework.
• Fontello for make the icon font.
• Simple-Jekyll-Search for search. Thans to Webjeda for the tutorial.
• Syntax highlighting theme is base16.monokai.dark, include on Rouge

License

The theme is available as open source under the terms of the GNU/GPL3.