2024.01.01

01. freshPink

After enjoying several Hugo themes, I tried to develop a theme that suited my needs, refined it, and evolved it into this theme.

While it’s simple and static page-based, the theme makes it easy to categorize your articles with tags and helps you manage your blog with multiple shortcut.

1. Getting Started

To begin using freshPink for your development blog, follow the installation and customization instructions available on our GitHub repository. Dive into the world of blogging with a theme that’s as dynamic and vibrant as your ideas.

1-1. Demo Site

Here is the demo site where you can find a simple example and a detailed tutorial.

Go to Demo site.

1-2. Installation

There are two methods to install the freshPink theme. You can either use Git submodules (recommended for easy updates) or download it directly. Unless there’s a specific reason, we recommend using the submodule method.

1-2-1. Method 1: Install via Git Submodule (Recommended)

1. Navigate to Your Hugo Site Directory: Open a terminal and navigate to the root directory of your Hugo site. If you haven’t created a Hugo site yet, you can do so with the following command:

hugo new site yourSiteName

2. Add Theme as a Git Submodule: Add the freshPink theme to your site as a Git submodule. Run the following command in the terminal:

git submodule add git@github.com:ElecBrandy/freshpink.git themes/freshpink

3. Update Site Configuration: Open your site’s config.toml file in a text editor and update the theme variable to "freshpink":

theme = "freshpink"

4. Preview Your Site: To ensure everything works correctly, run the following command to start the local server and preview your site:

hugo server

1-2-2. Method 2: Download and Install Manually

1. Download the Theme: Go to the FreshPink GitHub repository and download the theme as a ZIP file.

2. Extract and Move the Theme: Extract the ZIP file and move the extracted folder to the themes directory in your Hugo site.

3. Update Site Configuration: Just like with the Git submodule method, open your config.toml file and set the theme variable to "freshpink".

4. Preview Your Site: Run the following command to build and preview your site locally:

hugo server

2. Customizing the Theme

The freshPink theme is designed to be easily customizable. You can modify the styles, layouts, and content as needed to fit your site. Follow the tutorial on the demo site and try customizing it yourself!

3. Need Help?

If you encounter any issues or have questions, feel free to open an issue on the GitHub repository.

Your journey to sharing your development insights and projects in a fresh, engaging way starts with freshPink.