All Projects → orianna-zzo → Allinone

orianna-zzo / Allinone

Licence: mit
All in one Hugo theme

Projects that are alternatives of or similar to Allinone

Hugo Theme Zzo
Make a blog with hugo zzo theme!
Stars: ✭ 438 (+182.58%)
Mutual labels:  hugo, hugo-theme, hugo-blog-theme
Erblog
A Hugo theme created by ertuil.
Stars: ✭ 49 (-68.39%)
Mutual labels:  hugo, hugo-theme, hugo-blog-theme
Hugo Theme Introduction
Minimal, single page, smooth-scrolling theme for Hugo static site generator.
Stars: ✭ 441 (+184.52%)
Mutual labels:  hugo, hugo-theme, hugo-blog-theme
Hugo Primer
Hugo theme based on GitHub's Primer CSS
Stars: ✭ 103 (-33.55%)
Mutual labels:  hugo, hugo-theme, hugo-blog-theme
Aether
A responsive and clean Hugo theme for blogs
Stars: ✭ 136 (-12.26%)
Mutual labels:  hugo, hugo-theme, hugo-blog-theme
Hugo Theme Zozo
🌟 A simple and beautiful theme for Hugo
Stars: ✭ 258 (+66.45%)
Mutual labels:  hugo, hugo-theme, hugo-blog-theme
Hugo Blog Jeffprod
A free blog theme for HUGO (https://gohugo.io/), with tags, archives, last posts...
Stars: ✭ 47 (-69.68%)
Mutual labels:  hugo, hugo-theme, hugo-blog-theme
navigator-hugo
Navigator Business theme powered by Hugo. It also could be used for a personal portfolio.
Stars: ✭ 133 (-14.19%)
Mutual labels:  hugo-theme, hugo, hugo-blog-theme
Pulp
Pulp is a Hugo theme for getting a simple, easy-to-read blog site.
Stars: ✭ 95 (-38.71%)
Mutual labels:  hugo, hugo-theme, hugo-blog-theme
Hugo Vitae
Vitae is a blog theme for Hugo that focuses on your content.
Stars: ✭ 81 (-47.74%)
Mutual labels:  hugo, hugo-theme, hugo-blog-theme
onepress
A simple, clean, and responsive "Hugo - Static Site Generator" theme for bloggers
Stars: ✭ 20 (-87.1%)
Mutual labels:  hugo-theme, hugo, hugo-blog-theme
Hugo Casper Two
Port of Casper 2.x to Hugo
Stars: ✭ 135 (-12.9%)
Mutual labels:  hugo, hugo-theme, hugo-blog-theme
bookworm-light
Bookworm is a clean and modern Hugo blog theme focused on high speed and support multiple authors.
Stars: ✭ 59 (-61.94%)
Mutual labels:  hugo-theme, hugo, hugo-blog-theme
Cocoa Hugo Theme
Responsive Hugo blog theme
Stars: ✭ 306 (+97.42%)
Mutual labels:  hugo, hugo-theme, hugo-blog-theme
geeky-hugo
Geeky is a Personal Hugo blog theme focused on high speed. Geeky is fully responsive, Superfast, and powered by Bootstrap v5.
Stars: ✭ 44 (-71.61%)
Mutual labels:  hugo-theme, hugo, hugo-blog-theme
Hugo Theme Jane
A readable & concise theme for Hugo
Stars: ✭ 669 (+331.61%)
Mutual labels:  hugo, hugo-theme, hugo-blog-theme
persian-hugo
Persian is a box design personal blog theme based on Bootstrap and powered by Hugo. It is very responsive and perfectly fits on any sized screen device.
Stars: ✭ 32 (-79.35%)
Mutual labels:  hugo-theme, hugo, hugo-blog-theme
hugo-dusk
Simple, minimalistic dark theme for Hugo.
Stars: ✭ 50 (-67.74%)
Mutual labels:  hugo-theme, hugo, hugo-blog-theme
Loveit
❤️A clean, elegant but advanced blog theme for Hugo 一个简洁、优雅且高效的 Hugo 主题
Stars: ✭ 1,060 (+583.87%)
Mutual labels:  hugo, hugo-theme, hugo-blog-theme
Hugo Theme Even
🚀 A super concise theme for Hugo https://hugo-theme-even.netlify.app
Stars: ✭ 1,351 (+771.61%)
Mutual labels:  hugo, hugo-theme, hugo-blog-theme

AllinOne

Hugo theme - AllinOne.

Demo

Here are some screen shots.

Carousel

List

Post

Features

  • Responsive full image carousel (Responsive text layout on it should be improved)
  • Suited for blogging and personal webpages with static profile image (avatar) and website image (faviconfile)
  • Smooth scroll && hierarchical TOC Scrollspy for content (h1~h4)
  • Syntax highlighting with highlightjs
  • Katex for Latex
  • Google Analytics
  • Font Awesome 3.1.0
  • Built-in Tags, Series and Categories && show recomendations of the section in the sidebar
  • Built-in pagination for sections
  • Previous/Next post button
  • Post card list with summary (with/without an intro picture) && Series card list in the sidebar

Most features are optional and can be individually enabled/disabled in your config.toml.

Table of Contents

Quick Start

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

# Clone theme into the themes/AllinOne directory
$ git clone https://github.com/orianna-zzo/AllinOne.git themes/AllinOne

Usage

Configuration

Please see the sample config.toml. The theme is built on Hugo v0.46.

If you use this as a theme of your project website (not the root directory),make sure not to use a forward slash / in the beginning of a PATH in your config.toml, img in your post head and url in your data direcotory, because Hugo will turn it into a relative URL and the absURL function will have no effect.

Carousel Picture

Set two params in config.toml, slidesDirPath and slidesDirPathURL.

slidesDirPath sets the directory path for hugo server to search. slidesDirPathURL sets the rel url for the images.

Here are simple examples for quick start.

# if you want to use images in the theme (defult in the theme)
slidesDirPath    = "themes/AllinOne/static/img/header-slides"  
slidesDirPathURL = "img/header-slides"

# if you want to use images in static/img/header-slides
slidesDirPath  = "static/img/header-slides"  
slidesDirPathURL = "img/header-slides"

Post Intro Picture

List the image path in the YAML head of the post. For example:

---
date: "2018-08-13T00:14:19+08:00"
publishdate: "2018-08-13+08:00"
lastmod: "2018-08-13+08:00"
draft: false
title: "This is an example"
tags: ["css", "blog"]
series: ["Example"]
categories: ["Sci"]
img: "images/blog/2018-08/test5.jpg"
toc: true
summary: "This is an example of adding an intro picture to the post. "
---

Post Summary

There are three ways to add summary to each post.

  • Hugo-defined Summary Split

    By default, Hugo automatically takes the first 70 words of your content as its summary and stores it into the .Summary page variable for use. It is much easier with no additional work, but it might not the one you want.

    If Chinese/Japanese/Korean (CJK) languages are in the content, set hasCJKLanguage as true in the config.toml, so that Hugo could auto detect CJK languages to make .Summary and .WordCount behave correctly. See here

    The length of text to show in a .Summary could be set as summaryLength in config.toml. See here

  • User-defined Summary Split

    Alternatively, you may add the <!--more--> summary divider where you want to split the article. Content that comes before the summary divider will be used as that content’s summary and stored in the .Summary page variable with all HTML formatting intact. The only extra work is add the <!--more--> summary divider.

  • User-defined Summary

    You may want a specific summary for the post other than the front sentences of the content. In this case, you could but summary in the yaml head of the post with the param name summary.

Series Intro Picture

By default, the series recommendation card list in the sidebar use themes/AllinOne/static/img/default.png as intro picture. You can set name, img, and summary in data/series.toml. name of the series should be in lower capitals. If the series cannot be found in series.toml, default.png will be used.

Here is an example of data/series.toml:

[[series]]
name = "review repo"
img = "images/blog/2018-08/test3.jpg"
summary = "This is the place I write reviews"

[[series]]
name = "blog diary"
img = "images/blog/2018-08/test5.jpg"
summary = "How I build up my personal website"

License

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

Thanks

Thanks to the following projects I learned from:

  • Hugo theme cocoa
  • Material design for Bootstrap4 mdb
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].