QingYi Theme is a theme for the Hugo for tech blogger with 4 single post layout and 2 list layout!
Features
- Responsive layout
- 3 Single post view:
- Post view with sidebar
- Post view without sidebar
- Post view with cover image
- Video post view
- 2 List post view:
- Landing page
- List Cathegory/Tag view
- Icon colored submenu
- Table of Contents
- Search supported by Flexbox.js
- Google Analytics supported
- Disqus comment system
- Social-Media Share buttons on posts
- Multilingual support. (not yet implemented!)
- Uses Hugo’s asset generator with pipelining, fingerprinting, bundling and minification by default (No webpack, nodejs and other dependencies are required to edit the theme.
Installation/updating
Before starting, please be sure that you have
installed Hugo and
created a new site. After that, you are ready to install QingYi.
There are two mode:
a) Simple mode: Download as Zip from Github Page and extract in your themes directory or
b) Or you can add it as a git submodule via the following command:
$ cd themes
$ git submodule add https://github.com/dragonoasis/qingyi.git qingyi
Next, open config.toml in the base of the Hugo site and ensure the theme option is set to qingyi:
theme = "qingyi"
To update theme installed in b mode:
cd themes/qingyi
git pull
Configuration
Config.toml example
title = "QingYi Theme"
baseURL = "https://www.souus.com/"
relativeURLs = "True"
languageCode = "en-us"
defaultContentLanguage = 'en'
theme = "qingyi"
Front Matter example
---
title: "Insert title here"
subtitle: "Insert a subtitle here"
date: 2020-10-15T20:58:53+02:00
lastmod: 2020-10-15T20:58:53+02:00
draft: true
type: # Use standard-view on nothing for default or courses - video - landingpage null for list view
weight: null
featured: false
sidebar: false # Works only with standard-view
toc: true # Works only with standard-view
math:
enable: false # Actualy not implemented
lightgallery: false # Actualy not implemented
license: ""
slug: # slug exemple: solidworks-2020-tutorial
hiddenFromHomePage: false
hiddenFromSearch: false # da implementare
author: "author"
avatar: /img/me.jpg # link to avatar file
authorLink: ""
description: "Descrizione da rivedere se è un doppione subtitle"
tags:
- tag1
- tag2
- tag3
- tag4
categories:
- category
# resources:
# - name: featured-image
# src: featured-image.png
resources:
- name: "featured-image"
src: "Real-Python-Learning-Paths_Watermarked.webp"
- name: "featured-image-preview"
src: "Real-Python-Learning-Paths_Watermarked.webp"
# If its a video post compile below
video:
title: "YouTube Video Title"
link: # YouTube Video Link for example: https://www.youtube.com/embed/taxItkTlY_0
duration: # Example 14:16
playlist:
item:
- title: "YouTube Video Title"
icon: fa fa-fw fa-play
link: # YouTube Video Link for example: https://www.youtube.com/embed/taxItkTlY_0
duration: # Example 14:16
- title: "YouTube Video Title"
icon: far fa-circle
link: # YouTube Video Link for example: https://www.youtube.com/embed/taxItkTlY_0
duration: # Example 4:42
---
For more information about all available standard front matter variables, please read
Hugo Front Matter.
Contributing
Have you found a bug or got an idea for a new feature? Feel free to use the
issue tracker to let me know. Or make directly a
pull request.
License
This theme is released under the GPLv2 license.
FAQs / How To’s Guide
Read Wiki For More Details => QingYi-FAQs
Release Changelog
Release ChangeLog has info about stuff added: Releases
Special Thanks