Avocado Theme
- Features
- Bootsrap 4 Based
- Addictive typography
- Responsive videos
- Paginated posts
- Automatic Breadcrumbs
- Auto generated TOC
- Get comments
- Track visitors
- Instant search
- Auto generated feed and sitemap
- MathJax Support
- Subtle animations
- Fully responsive
- Clean code
- Chart.js Support
- Other simple stuff
- Style Guide
- Typography
- 2>This is a H2
- 3>This is a H3
- 4>This is H4, H5 and H6
- Buttons
- Syntax Hihglighting
- Blockquote
- Table
- Installation Guide
- Buy Avocado Jekyll Theme
Bored of the same old website designs? Avocado theme presents a unique way to show off your skills on the web.
Avocado is a bootstrap based, clean, minimal Jekyll theme.
Features
The theme is suitable for personal, blog, portfolio or a company website. The highlight of this theme is the blog section.
Bootsrap 4 Based
Avocado is built on the latest Bootstrap 4 Framework. The theme can be easily customized.
Addictive typography
We have selected fonts that go with the design and highly legible. The focus is on the content.
Responsive videos
Just add a class to your video iframe to make it responsive. For example
<iframe class="video" src="https://www.youtube.com/embed/YE7VzlLtp-4"></iframe>
Adding video
class to any iframe makes it responsive in Avocado.
Paginated posts
Only 4 posts are shown in one page. Older posts are paginated. Check it out. You can change the number of posts in configuration.
paginate: 4
Automatic Breadcrumbs
Breadcrumbs are generated for every page and post automatically. The default one looks like this.
The color changes with the color scheme.
Auto generated TOC
Table of contents is automatically generated for each post.
Get comments
Disqus comments is pre-installed. Just sign-up, get a shortname and update the variable disqus
in the configuration.
If you do not mention the disqus:
value in configuration then the disqus comments code will not be included in the website.
Track visitors
The website uses Google Analytics for tracking visitors. Use your own UA code in the configuration. Analytics code will not be used in the website if you do not mention UA code.
Instant search
Search anything from your articles in an instant.
Auto generated feed and sitemap
We have given much importance to SEO and made sure you have the sitemap ready to submit to search engines. A well formatted feed is readily available for RSS.
MathJax Support
Now render beautiful math formulas by enabling MathJax in the configuration (enabled by default).
\[\sum_{i=0}^n i^2 = \frac{(n^2+n)(2n+1)}{6}\]Subtle animations
While scrolling through the page, you may observe some important elements fade in slowly. These elements will attract user attention.
Fully responsive
It will be a pleasure reading content on avocado through a smartphone. Try it to know it.
Clean code
The website is w3c compliant. We have tried to keep it without any errors.
Chart.js Support
Use amazing charts using Chart.js. Enable Chart.js in the configuration(enabled by default)
Other simple stuff
We have given special importance in designing things like reading time, tags, share buttons, recent articles etc…
Style Guide
Typography
This is how the headlines will look like on this website.
This is a H1
This is a H2
This is a H3
This is H4, H5 and H6
<h1>This is a H1</h1>
<h2>This is a H2</h2>
<h3>This is a H3</h3>
<h4>This is H4, H5 and H6</h4>
These are sample paragraphs showing italics, bold and code
text style. Fonts are carefully choosen for longer user retention. The text is optimized for legibility. Viewers will get a good experience reading through the blog.
Here is an unordered list
- Item 1
- Item 2
- Item 3
and an ordered list
- Item 1
- Item 2
- Item 3
Buttons
Syntax Hihglighting
<button class="btn btn-default">Default</button>
<button class="btn btn-primary">Primary</button>
<button class="btn btn-success">Success</button>
<button class="btn btn-warning">Warning</button>
<button class="btn btn-danger">Danger</button>
Blockquote
This is an important sentence from the paragraph.
Another blockquote.
With multiple lines!
Table
This is a simple markdown table
Tables | Are | Cool |
---|---|---|
col 3 is | right-aligned | $1600 |
col 2 is | centered | $12 |
zebra stripes | are neat | $1 |
| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
Installation Guide
Right after the purchase, you will get a zip folder with the following files.
.
.
├── \_data
| ├── settings.yml
| ├── services.yml
| └── testimonials.html
|
├── \_includes
| ├── author.html
| └── header.html
| └── footer.html
| .
| .
|
├── \_layouts
| ├── default.html
| └── post.html
|
├── \_posts
| ├── 2017-09-07-avocado-theme.md
| └── 2009-04-26-title-of-post.md
|
├── \_pages
| ├── about.md
| └── contact.md
| .
| .
|
├── assets\css\_sass
| └── \_auhtor.scss
| └── \_google-fonts.scss
| .
| .
|
├── \_config.yml
├── blog
└── index.html
You can serve this locally using the command bundle exec jekyll serve
.
Make necessary changes in the _config.yml, _data/main.yml files.
All these files can be put in a repository(GitHub, GitLab etc) or hosting service where Jekyll is supported.
If Jekyll is not supported, then use the _site/ folder which is actually a complete rendered website in itself.
Do contact us for any help - hello@webjeda.com
.
Buy Avocado Jekyll Theme
We provide 6 months support.
✓ Get your questions answered within 24 hours.
✓ Get assistance with reported bugs and issues.
✓ Help with included 3rd party assets.
You can always leave us an email at hello@webjeda.com
.