litten/hexo-theme-yilia

★ 8,362JavaScriptAudience · developerComplexity · 2/5Setup · easy

Mindmap

mindmap
  root((yilia theme))
    Design goals
      Clean minimal look
      Mobile friendly
      Fast page loads
    Features
      Table of contents
      Search panel
      Comment systems
      Social sharing
    Configuration
      YAML config file
      Navigation menu
      Analytics setup
    Tech
      JavaScript
      webpack
      Hexo

mindmap root((yilia theme)) Design goals Clean minimal look Mobile friendly Fast page loads Features Table of contents Search panel Comment systems Social sharing Configuration YAML config file Navigation menu Analytics setup Tech JavaScript webpack Hexo

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Give your Hexo blog a minimal, mobile-friendly look by swapping in this theme with a single config change.

USE CASE 2

Add a table of contents sidebar to long blog posts automatically without writing custom code.

USE CASE 3

Wire up Disqus or a Chinese comment platform and Google Analytics or Baidu Analytics to your blog through YAML config.

Tech stack

JavaScriptwebpackYAMLCSS

Getting it running

Difficulty · easy Time to first run · 30min

Developers who want to modify the theme's source code need to run webpack to rebuild the output files before changes take effect.

In plain English

Hexo-theme-yilia is a visual theme for Hexo, a static blog generator. If you run a personal blog built with Hexo, you can swap in this theme to change how your site looks and behaves. The theme aims for a clean, minimal appearance that keeps the reader's attention on the writing rather than on decorative elements. The design priorities, as stated in the README, are simplicity, good mobile browsing, fast page loads, and content-first layout. The theme does not support older Internet Explorer versions (IE 6, 7, or 8), which is a deliberate trade-off in favor of a cleaner codebase and modern browser features. Features added over time include a table-of-contents sidebar, a tips/reward button (common on Chinese blogs for readers to send a small payment), search functionality, a tag cloud panel, and social sharing links. The theme supports several comment systems including Disqus and Gitment, as well as Chinese-specific platforms. You can also wire up Google Analytics or Baidu Analytics for traffic tracking. Installing it involves cloning the repository into your Hexo themes folder and setting the theme name in your Hexo configuration file. Customization is done through a YAML configuration file that controls the navigation menu, social links, color scheme for the header and sidebar, comment system choice, and which optional panels to show. Developers who want to make deeper changes to the theme's code need to build it using webpack, since the source files are not the final output files. The README is written primarily in Chinese, so most of the detail above comes from the configuration examples and code structure rather than translated prose.

Copy-paste prompts

Prompt 1

I have a Hexo blog and just cloned hexo-theme-yilia. Write the complete _config.yml block for the theme that enables Google Analytics, Disqus comments, a tag cloud, and a top navigation with Home and Archives links.

Prompt 2

My hexo-theme-yilia header color is default gray. How do I change the header and sidebar colors in the theme's _config.yml?

Prompt 3

I made changes to hexo-theme-yilia's JavaScript source files. What webpack commands do I run from the theme directory to rebuild the output files?

Open on GitHub → Explain another repo

← litten on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.