• Submit Ticket
  • My Tickets
Themeix Support Portal
  • Submit Ticket
  • My Tickets

Docs: Magazine Jekyll Theme

/Jekyll Themes / Magazine Jekyll Theme /
  • Magazine Jekyll Theme Changelog
  • Add New Category in Magazine Jekyll Theme
  • Post Front Matter – Magazine Jekyll Theme
  • Files & Directories – Magazine Jekyll Theme
  • Magazine Jekyll Theme Introduction
  • Why my category / tag not wroking
  • Disqus Comment Settings for Jekyll Themes
  • Jekyll Theme Deployment

Magazine Jekyll Theme Changelog

Here following the changelog of Magazine Jekyll theme

v2.0.0 ( 17 July, 2021 )
** Jekyll 4.2.0 Support
** Heading font style changed
** Rounded image
** Image scale on hover animation
** Logo changed ( SVG Logo Added )
** Color Improved
** CSS Table of Content added

v1.0.0 ( 16 Jan, 2021 )
** Initial Release

Download the magazine jekyll theme today!


Open in New Tab

Add New Category in Magazine Jekyll Theme

To add a new category in Magazine Jekyll Theme, Use the following code in /_data/categories.yml

 - name: Travel
  slug: travel
  description: Text example of category description.
 image: /assets/image/blog-img-1.jpg 

Open in New Tab

Post Front Matter – Magazine Jekyll Theme

Between these triple-dashed lines, you can set predefined variables (see below for a reference) or even create custom ones of your own. These variables will then be available for you to access using Liquid tags both further down in the file and also in any layouts or includes that the page or post in question relies on.

---
 layout: post
 title: "Post Title Ghoes Here"
 post_id: 1
 date: 2021-01-02 8:14:30 +0600
 tags: education
 categories: [Trending]
 post_image: /assets/image/blog-img-1.jpg
 author: themeix
 featured: false
 excerpt: Here is the example text for the post excerpt
 comments: true
 author_id: 3
---

Open in New Tab

Files & Directories – Magazine Jekyll Theme

Here following the files and directories for the Magazine Jekyll Theme :


Open in New Tab

Magazine Jekyll Theme Introduction

Magazine Jekyll Theme is a modern, clean, and content and image focus theme for Jekyll. Magazine is created for those who want to create a beautiful online blog or news website. Magazine is 100% responsive, that means it fits with all different kind of devices in different sizes.

Features

  • Clean and minimal design
  • Custom CSS (Sass Source Files)
  • Clean well commented code, easy to customize
  • Valid HTML5 code
  • Instant Quick search
  • MailChimp Form Widget
  • Mobile first & 100% Responsive layout
  • Font Awesome Icons
  • Tags (Gh Pages Not supported. Use, Netlify instead of Gh Pages)
  • Disqus comment system
  • Post sharing
  • Posts Pagination

Open in New Tab

Why my category / tag not wroking

If you are having issue with category / tag then follow the tips bellow :

1) Check the post configuration and make sure you are using the correct settings make for tags and categories.

For Tag : tags For Category : categories

2) Check the text what you are using as category / tag. It should be english ( Bug Report Here : https://github.com/sverrirs/jekyll-paginate-v2/issues/171 )

3) Make sure you wrote your tags and category with comma separted.

Example :

tags: [wordpress, jekyll, ghost, themeix]

Open in New Tab

Disqus Comment Settings for Jekyll Themes

You need to change the shortname to use your own discuss comment system.

Open _includes/disqus_comment.html  or _includes/comments.html file, and change the XXXXX value on line number 15 with your Disqus account shortname.

s.src = '//XXXXX.disqus.com/embed.js';

So, if your Disqus shortname is example, the final code above should be

s.src = ‘//example.disqus.com/embed.js’;

<div id="disqus_thread"></div>
<script>

/**
*  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
*  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/
/*
var disqus_config = function () {
this.page.url = PAGE_URL;  // Replace PAGE_URL with your page's canonical URL variable
this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
};
*/
(function() { // DON'T EDIT BELOW THIS LINE
var d = document, s = d.createElement('script');
s.src = 'https://XXXXX.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<script id="dsq-count-scr" src="//XXXXXX.disqus.com/count.js" async></script>

That’s all you need to setup Disqus from the theme side. If you get any issue feel free contact us.


Open in New Tab

Jekyll Theme Deployment

To run our jekyll theme locally, navigate to the theme directory from your PC and run bundle install command in git client app. to install the dependencies, then run bundle exec jekyll serve to start the Jekyll server.

Here following some good resources to deploy jekyll :

  • Manual Deployment
  • Automated Deployment (Example: Travis CI, Circle CI, Buddy etc)
  • 3rd Party Deployment  (Example : Aerobatic, CloudCannon, Github Pages, Kickster, Netlify, Static Publisher)


Open in New Tab

©2016 - 2021 Themeix. All Rights Reserved.
Loading...

Insert/edit link

Enter the destination URL

Or link to existing content

    No search term specified. Showing recent items. Search or use up and down arrow keys to select an item.