LogoTemplateFame
icon of MemE

MemE

MemE is a powerful and highly customizable GoHugo theme for personal blogs, focusing on elegance, simplicity, modernity, and best practices in coding.

Introduction

MemE is a powerful and highly customizable GoHugo theme designed for personal blogs, emphasizing elegance, simplicity, modernity, and adherence to best coding practices. It leverages modern web technologies like CSS variables and JavaScript's let statements extensively, ensuring a contemporary and efficient user experience.

Key Features:

  • Modern Design: Focuses on a clean, elegant, and simple aesthetic.
  • High Customizability: Provides a _custom.scss file for easy style overrides via Hugo Pipes, allowing users to tailor the theme to their specific needs without modifying core theme files. Users can also override any theme template.
  • Extensive Front Matter Support: Offers a wide array of front matter options for fine-grained control over post metadata, display settings (e.g., published/modified dates, categories, word count, reading time), and advanced features like Table of Contents (TOC), headings anchor, copyright information, and share buttons.
  • Technical Enhancements: Includes support for mathematical typesetting with KaTeX and MathJax, and diagramming with Mermaid, making it suitable for technical blogs.
  • Browser Compatibility: Designed for modern browsers, supporting Chrome 49+, Firefox 44+, Edge 15+, Opera 36+, and Safari 10+.

Installation & Usage:

  1. Install Hugo (extended version): Follow the official Hugo documentation for your operating system.
  2. Initialize Git and Add MemE as a Submodule: Navigate to your blog directory, run git init, then git submodule add --depth 1 https://github.com/reuixiy/hugo-theme-meme.git themes/meme.
  3. Configure: Replace your hugo.toml with one of the provided config-examples (e.g., cp themes/meme/config-examples/en/config.toml config.toml).
  4. Create Content: Use hugo new "posts/hello-world.md" and hugo new "about/_index.md" to generate new posts and pages.
  5. Run Server: Start the development server with hugo server -D to preview your blog locally.

Customization: MemE utilizes SCSS through Hugo Pipes. To customize, create ~/blog/assets/scss/custom/_custom.scss in your project root and add your custom styles. This file will automatically override the theme's default _custom.scss.

Use Cases: MemE is ideal for individuals looking to create a personal blog with a strong emphasis on aesthetics, performance, and modern web standards. Its extensive customization options and support for technical content make it versatile for various personal blogging needs.

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates