Docs Menu

Overview

Themes' Docs

Compose Docs

Install theme

- Prerequisites
Run your site with compose theme

Use Tina.io CMS

Prerequisites !!

Content organization

Shortcodes

- Block
- Column
- Youtube Video
- Button
- Picture
- Gallery
- Tab(s)
- Tip

Search Function

Mermaid

Graphs, charts & dynamic tables

Customize layouts & components

Leverage Github actions

AWS CI
Algolia CI

Clarity Docs

Getting started

Prerequisites
Getting up and running

Features

Customization

Configuration

Manipulating Images

Images

Blogging

Syntax Highlighting

- Code

Theme Overrides

- Custom CSS and JS
- Hooks

Tutorials' Docs

Compose Docs

Mermaid

Testing

Blog

Emoji Support

Creating a New Theme

Introduction
Some Definitions
Create a New Site
- Generate the HTML For the New Site
- Test the New Site
Create a New Theme
The Theme Development Cycle
Update the Home Page Template
Creating Top Level Pages
Sharing Templates
Add “Date Published” to Posts
- Add “Date Published” to the Template
- Don’t Repeat Yourself

(Hu)go Template Primer

Introduction to Go Templates
Basic Syntax
Variables
Functions
Includes
Logic
- Iteration
- Conditionals
Pipes
Context (aka. the dot)

Using Content (page) Parameters
Using Site (config) Parameters

Getting Started with Hugo

Step 1. Install Hugo
Step 2. Build the Docs
Step 3. Change the docs site
Step 4. Have fun

Migrate to Hugo from Jekyll

Move static content to static
Create your Hugo configuration file
Set your configuration publish folder to _site
Convert Jekyll templates to Hugo templates
Convert Jekyll plugins to Hugo shortcodes
- Implementation
- Usage
Finishing touches
- Fix content
- Clean up
A practical example in a diff

Search

Testing

weeeekoa

© 2025