Pehtheme Hugo is an open-source Hugo theme inspired by Material Design v3, lovingly crafted using Tailwind CSS.

Check out the live demo: Pehtheme Hugo Live Demo

To assess the performance of your website using Pehtheme Hugo, utilize the PageSpeed Insights tool. Click the button below to run a PageSpeed Insights test:

PageSpeed Insights Test

• Built with Tailwind CSS
• Featured posts displayed on the homepage (To showcase featured posts on the homepage, the Hugo theme uses feature tags data)
• Horizontal menus, content tags list
• No JavaScript dependencies
• Vanilla JS toggle button
• Two-column blog layout
• Sidebar with a list of recent posts
• Semantic HTML
• Sidebar Ads box

To get started with Pehtheme Hugo, follow these steps:

1. Install Hugo and create a new site. For detailed instructions, refer to Hugo's Quick Start Guide.

2. Add Pehtheme Hugo to your project:

   $ git clone https://github.com/fauzanmy/pehtheme-hugo.git

3. Simply copy the following 2 folders and 1 content from the exampleSite directory to the root of your project:

   exampleSite/
   ├── assets/
   ├── content/
   └── hugo.toml

4. Start Hugo:

   hugo server

You can configure the following settings for your Hugo project by adding or modifying these lines in your config file hugo.toml:

summaryLength = 20 # (approximately 160 characters for 20 words)

[services] [services.googleAnalytics] id = 'G-MEASUREMENT_ID' # (Your GA-4 analytics code)

[services.disqus] shortname = 'shortname' # (Your Disqus shortname)

[pagination] pagerSize = 10 # (Set the desired number of home posts per page)

1. Ensure you have NodeJS installed on your desktop.

2. Copy the Node.js configuration files from the exampleSite directory to the root of your Hugo project:

       exampleSite/
       ├── package.json
       ├── postcss.config.js
       └── tailwind.config.js

3. Additionally, copy the exampleSite/input.css file to the assets/input.css directory of your Hugo project.

4. Run the following command to install necessary dependencies:

   npm install

5. Customize the theme with Tailwind CSS using the following command:

   npm run dev

6. To build the website, execute the command:

   npm run build

Pehtheme Hugo is MIT Licensed. For more details, see the LICENSE file.

Egg fried icon source: Bootstrap Icons - Egg Fried

Image credits used in the live preview:

```
Images resource:
- https://unsplash.com/photos/Smeer5L0tXM
- https://unsplash.com/photos/2q6C5zDJOsg
- https://unsplash.com/photos/UNd3lRKhwSw
- https://unsplash.com/photos/Ed2AELHKYBw
- https://unsplash.com/photos/rTZW4f02zY8
- https://unsplash.com/photos/OtXJhYjbKeg
- https://unsplash.com/photos/ZPP-zP8HYG0
- https://unsplash.com/photos/ydGRmobx5jA
- https://pixabay.com/vectors/email-newsletter-email-marketing-3249062/
```