Repository files navigation

Galada is an easy and simple theme for Jekyll. Dark colors, give it a special exquisite look. A careful approach to design and features make it an ideal solution for a personal blog.

• Features
• Demo
• Deployment
• Posts
• Disqus Comments
• Instagram
• Google Analytics
• Update favicon
• Credits
• Support

• 100% responsive and clean theme

• Optimized for mobile devices

• Minimal design

• Valid HTML5 code

• Post sharing

• Subscription form

• Supports Disqus Comments

• Instagram Feed

• Ionicons Icons

• Google Fonts

Check the theme in actionDemo

The post page would look like this:

To run the theme locally, navigate to the theme directory and runbundle install to install the dependencies, then runjekyll serve orbundle exec jekyll serve to start the Jekyll server.

I would recommend checking theDeployment Methods page on Jekyll website.

To create a new post, you can create a new markdown file inside the _posts directory by following therecommended file structure.

  ---  layout: post  title: Premiere on Broadway  date: 2018-08-23 16:04:00 +0300  image: 03.jpg  tags: [Rest]  ---

You can set the tags and the post image.

Add post images to/img/ directory.

For tags, try to not add space between two words, for example,Ruby on Rails, could be something like (ruby-on-rails,Ruby_on_Rails, orRuby-on-Rails).

Galada Theme comes with Disqus comments enabled.

Open_config.yml file, and change themr-brown value on line 26 with yourDisqus account shortname.

  Comment Section (Disqus)  disqus-identifier: mr-brown \# Add your shortname for Disqus Comment. For example mr-brown

That’s all you need to setup Disqus from the theme side. If you get any issue regarding that comments are unable to load. First, make sure you haveregistered your website with Disqus (Step 1).

And also checkDisqus troubleshooting guide if you still have issues.

The Instagram feed is working usingInstafeed.js to show the photos.

First, you will need to get your accountuserId andaccessToken from the following URLs:

• userId:smashballoon.com/instagram-feed/find-instagram-user-id
• accessToken:instagram.pixelunion.net

Second, open thejs/common.js file and replace theuserId andaccessToken values.

        var instagramFeed = new Instafeed({          get: 'user',          limit: 6,          resolution: 'standard_resolution',          userId: '8987997106',          accessToken: '8987997106.924f677.8555ecbd52584f41b9b22ec1a16dafb9',          template: ''        });

Third, open the_config.yml file and replace theinstafeed: false oninstafeed: true value.

        \# Instagram Feed        instafeed: false \# To enable the instafeed, use the value true. To turn off use the value false.

To integrate Google Analytics, open_config.yml, and add your Google Analytics identifier.

\# Google Analyticsgoogle-analytics: \# Add your identifier. For example UA-99631805-1

You can find the current favicon (favicon.ico) inside the theme root directory, just replace it with your new favicon.

I have used the following scripts, fonts or other files as listed.

• Google Fonts (Nunito, Sans Serif).
• Ionicons Icons
• FitVids.js
• Instafeed.js
• jQuery.com
• Wait For Images
• Preview Images formunsplash.com,pexels.com

Mit License

If you like the themes that I create you can become my sponsor onPatreon.

Thank you for your support ❤️