DoIt

Overview

The DoIt theme is a clean, elegant, and advanced blog theme for Hugo. It is designed to be powerful and easy-to-use, allowing users to focus on creating blog content without worrying about complex technical details. The DoIt theme inherits functionality from the LoveIt, LeaveIt, and KeepIt themes, while also adding new features and optimizations.

Features

• Custom Header: Customize the header of your blog.
• Custom CSS Style: Apply custom CSS styles to your blog.
• New Home Page: A new home page design that is compatible with the latest version of Hugo.
• Style Adjustments: Fine-tune the style details of your blog, including colors, font sizes, margins, and code preview styles.
• Dark Mode: Enable a more readable dark mode for your blog.
• Table of Contents: Easily create an expandable table of contents for your blog posts.
• Social Links: Add more social links to your blog, as well as share sites and comment system integration.
• Search Support: Enable search functionality powered by Algolia or Fuse.js.
• Code Clipboard: Copy code snippets to the clipboard with a single click.
• Extended Markdown Syntax: Use extended Markdown syntax for Font Awesome icons, ruby annotations, and fractions.
• Mathematical Formula Support: Embed mathematical formulas using KaTeX.
• Diagram Syntax Shortcode: Create diagrams using the Mermaid syntax shortcode.
• Interactive Data Visualization: Use the ECharts shortcode for interactive data visualization.
• Mapbox Support: Embed interactive maps using the Mapbox GL JS shortcode.
• Embedded Music Player: Add an embedded music player using APlayer and MetingJS.
• Bilibili Player: Integration with Bilibili player.
• Admonitions Shortcodes: Add different types of admonitions to your blog posts.
• Custom Style Shortcodes: Use custom style shortcodes to customize the appearance of your blog.
• CDN Support: Support for using CDN for all third-party libraries.
• Multiple Authors Support: Multiple authors are supported in the theme.

Installation

To install the DoIt theme, you have two options:

1. Clone the theme repository as a submodule of your site directory:

   git submodule add https://github.com/username/repo.git themes/doit
   

   Update the submodule in your site directory to the latest commit using the following command:

   git submodule update --remote --rebase
   

2. Download the latest release .zip file of the theme and extract it in the themes directory. (Not recommended as releases may be outdated)

Once the theme is installed, go to the config.toml file and change the default theme to DoIt.

Summary

The DoIt theme for Hugo is a powerful and easy-to-use blog theme that includes a wide range of features and customization options. It offers performance optimizations, SEO support, and a variety of markdown syntax extensions. Whether you prefer a clean design, want the convenience of extended Font Awesome icons, or need to embed mathematical formulas and interactive elements in your blog posts, the DoIt theme is a suitable choice. With easy installation and thorough documentation, the DoIt theme enables bloggers to focus on content creation and customization with minimal technical hassle.