Git Product home page Git Product logo

s-wxy.github.io's Introduction

Reked is a minimal and responsive blog theme for Jekyll. It is focused on the content, speed, simplicity

Features

  • 100% responsive and clean theme
  • Optimized for mobile devices
  • Minimal design
  • Valid HTML5 code
  • Post sharing
  • Image Zoom
  • MailChimp Form Widget
  • Supports Disqus Comments
  • Supports Google Analytics
  • Ionicons
  • Google Fonts

Demo

Check the theme in action Demo

The main page would look like this:

Main page preview


Deployment

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

I would recommend checking the Deployment Methods page on Jekyll website.

Stackbit

This theme is ready to import into Stackbit. It can be deployed to Netlify and you can connect any headless CMS including Forestry, NetlifyCMS, DatoCMS, Sanity or Contentful.

Create with Stackbit


Posts

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

  ---
  layout: post
  title: "Welcome to Jekyll!"
  date: 2018-08-23 16:04:00 +0300
  image: 03.jpg
  tags: Jekyll
  ---

You can set the tags and the post image.

Add post images to /images/ 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, or Ruby-on-Rails).


Disqus Comments

Reked Theme comes with Disqus comments enabled.

Open _config.yml file, and change the mr-brown value on line 30 with your Disqus 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 have registered your website with Disqus (Step 1).

And also check Disqus troubleshooting guide if you still have issues.


Google Analytics

To integrate Google Analytics, open _config.yml, and add your Google Analytics identifier.

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

Update favicon

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


License

Mit License


Support

If you’d like to support me so I can continue to provide free content and themes you can become my sponsor on Patreon.

s-wxy.github.io's People

Contributors

nitsanbaleli avatar s-wxy avatar

Watchers

 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.