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
- Inside the folder of your Hugo site, run the following command:
hugo mod get -u github.com/tella/hugo-tella-exampleSite
- Update the theme with the following command:
hugo mod get -u github.com/tella/hugo-tella-theme
Method 2
- Inside the folder of your Hugo site, run the following command:
git clone https://github.com/tella/hugo-tella-exampleSite.git .
- Update the theme with the following command:
git submodule update --recursive --remote
- 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
- 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:
Update the
config.toml
file. Copy theconfig.toml
file from theexampleSite
folder and paste it into the root folder of your Hugo site. Customize the strings as needed.Check your site by running Hugo’s built-in local server. In your browser’s address bar, enter
localhost:1313
to view your site.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.