All Projects → mtn → Cocoa Eh Hugo Theme

mtn / Cocoa Eh Hugo Theme

Licence: mit
A enhanced version of Cocoa. Clean, fast, and responsive theme with cool typography.

Projects that are alternatives of or similar to Cocoa Eh Hugo Theme

Hugo theme pickles
Modern, Simple and beautiful Hugo theme
Stars: ✭ 168 (-25.66%)
Mutual labels:  hugo
Hugo Clarity
A theme for Hugo based on VMware Clarity
Stars: ✭ 189 (-16.37%)
Mutual labels:  hugo
Hugo Theme Codex
A minimal blog theme for Hugo 🍜
Stars: ✭ 212 (-6.19%)
Mutual labels:  hugo
Kross Hugo
Kross Creative Portfolio Template
Stars: ✭ 172 (-23.89%)
Mutual labels:  hugo
Hugo Theme Tailwindcss Starter
Starter files for a Hugo theme with Tailwindcss
Stars: ✭ 187 (-17.26%)
Mutual labels:  hugo
Website
Techqueria is a nonprofit the serves the largest community of Latinx in Tech
Stars: ✭ 200 (-11.5%)
Mutual labels:  hugo
Hugo Sustain
🦁 Personal blog theme built with Bootstrap, powered by Hugo.
Stars: ✭ 165 (-26.99%)
Mutual labels:  hugo
Anatole
Anatole is a minimalist two-column hugo theme based on farbox-theme-Anatole.
Stars: ✭ 220 (-2.65%)
Mutual labels:  hugo
Hugo Theme Bootstrap4 Blog
A blogging-centric Bootstrap v4 theme for the Hugo static site generator.
Stars: ✭ 191 (-15.49%)
Mutual labels:  hugo
Hugo Ink
Crisp, minimal personal website and blog theme for Hugo
Stars: ✭ 209 (-7.52%)
Mutual labels:  hugo
Vanilla Back To Top
Simple and smooth Back To Top button
Stars: ✭ 179 (-20.8%)
Mutual labels:  hugo
Post Scheduler
Schedule posts & content updates for static websites (Jekyll, Hugo, Gatsby, Phenomic etc)
Stars: ✭ 184 (-18.58%)
Mutual labels:  hugo
Bilberry Hugo Theme
Premium theme for the hugo site builder. DEMO:
Stars: ✭ 205 (-9.29%)
Mutual labels:  hugo
Hugo Serif Theme
Serif is a modern business theme for Hugo.
Stars: ✭ 168 (-25.66%)
Mutual labels:  hugo
Netlify Statuskit
Netlify StatusKit is a template to deploy your own Status pages on Netlify.
Stars: ✭ 216 (-4.42%)
Mutual labels:  hugo
Sbt Site
Site generation for sbt
Stars: ✭ 166 (-26.55%)
Mutual labels:  hugo
Hugo Theme Pure
A pure theme for Hugo
Stars: ✭ 198 (-12.39%)
Mutual labels:  hugo
Hugo Theme M10c
A minimalistic (m10c) blog theme for Hugo
Stars: ✭ 223 (-1.33%)
Mutual labels:  hugo
Hugo Orbit Theme
Great looking resume/CV theme designed for developers.
Stars: ✭ 217 (-3.98%)
Mutual labels:  hugo
Gohugo Amp
⚡ AMP starter theme for gohugo https://gohugo-amp.gohugohq.com
Stars: ✭ 207 (-8.41%)
Mutual labels:  hugo

Cocoa Enhanced

license

Cocoa Enhanced is a clean, fast, and responsive Hugo theme with cool typography. The main goal of this theme is to be simple and fast but also highly customizable.

A demo is available here.

This is a fork from the original Cocoa theme, with some improvements.

screenshot

Table of Contents

Features

  • Possibility to have sections with a header and a list of articles.
  • Possibility to have single pages.
  • Homepage with latest and best posts.
  • Syntax highlighting with hightlightjs.
  • Progressive images.
  • Twitter cards support.
  • Disqus and Isso support.
  • LaTeX support with MathJax (use .mmark).

Typography

The typography is what makes Cocoa-EH look cool. The fonts used are:

  • Nexa Bold for the blog name, a strong and opinionated font
  • Raleway for the titles, light but clearly visible
  • Merriweather for the text, an awesome sans serif font to read without difficulties
  • Ubuntu Mono for the code

Blazing fast

Everything is made here to make the theme really fast to load: inline CSS, deferred Javascript, fonts loaded in an asynchronous way with replacement fonts when they're not loaded, etc. ... Even with a GPRS connection, your blog is readable.

With gzip enabled, this theme takes less than 400ms to load entirely, and the content is readable at only 50ms. Also scores 99/100 on Pagespeed.

Differences from the original Cocoa

This theme is less minimalist than the original Cocoa, with some new features :

  • Displays a logo on the side of the header, and there is a title different from the author name.
  • Very modular with sections and single pages.
  • Group articles by month and year.
  • Progressive images.
  • Fonts are different : stronger and sharper, with a clear identity.
  • The font size in articles is higher, the text justified and lines are more spaced.
  • and more...

Getting Started

From the root of your Hugo site, clone the theme into themes/cocoa-eh by running:

git clone https://github.com/mtn/cocoa-eh-hugo-theme.git themes/cocoa-eh

Then, generate your site's files by running:

hugo -t cocoa-eh

If you want a simple blog you can just use the exampleSite. The wiki includes helpful details should you need more.

License

Licensed under the MIT License. See the LICENSE file for more details.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].