Tella

Overview

TellaTella is a Hugo theme designed specifically for companies. It offers a responsive design, a carousel for displaying images, integration with Google Analytics, pagination for easy navigation, syntax highlighting for code snippets, support for categories, and the ability to incorporate Disqus for comments.

Features

• Responsive: TellaTella theme is built with a responsive design, ensuring that your website will look great on any device.
• Carousel: The theme includes a carousel feature, allowing you to display a slideshow of images on your website.
• Google Analytics: TellaTella integrates seamlessly with Google Analytics, enabling you to track and analyze website traffic.
• Pagination: The theme provides pagination functionality, making it easy for users to navigate through your site.
• Syntax Highlight: TellaTella supports syntax highlighting, enhancing the readability and visual appeal of code snippets.
• Support categories: The theme allows you to organize your content into categories, making it easier for users to find relevant information.
• Disqus: TellaTella has built-in support for Disqus, allowing you to add commenting functionality to your website.

Installation

Method 1

1. Inside the folder of your Hugo site, run the following command:

hugo mod get -u github.com/tella/hugo-tella-exampleSite

2. Update the theme with the following command:

hugo mod get -u github.com/tella/hugo-tella-theme

Method 2

1. Inside the folder of your Hugo site, run the following command:

git clone https://github.com/tella/hugo-tella-exampleSite.git .

2. Update the theme with the following command:

git submodule update --recursive --remote

3. Install the theme dependencies by copying at least the following files from themes/tella/exampleSite to the root folder of your site:

• package.json
• tailwind.config.js
• postcss.config.js

4. After copying the necessary files, run the following command:

npm install

For more information and detailed instructions, refer to the official setup guide of Hugo.

Getting started

After successfully installing the theme and completing the installation steps, follow these additional steps to get your site up and running:

1. Update the config.toml file. Copy the config.toml file from the exampleSite folder and paste it into the root folder of your Hugo site. Customize the strings as needed.

2. Check your site by running Hugo’s built-in local server. In your browser’s address bar, enter localhost:1313 to view your site.

3. To update the theme in the future, simply run the following command inside the folder of your Hugo site:

hugo mod get -u github.com/tella/hugo-tella-theme

Summary

TellaTella is a versatile Hugo theme designed specifically for companies. It offers a range of features including responsiveness, image carousel, Google Analytics integration, pagination, syntax highlighting, support for categories, and Disqus integration. With easy installation and customization options, TellaTella provides a user-friendly solution for companies looking to create a professional and feature-rich website.