hexo-theme-yilia-dracula

中文文档

A dracula-like color scheme originated from the hexo theme yilia, inspired by Dracula.

See my blog to look how it works.

I want to build plugins(not only color scheme) rather than a theme. It's up to you to decide which files you want to import, and it's easy to uninstall any of these plugins if you don't need it anymore. It doesn't cause any side-effect.

Get Started

Get a dracula theme in your yilia blog is easy.

1. Just copy the dracula.scss file and paste it to the source-src/css folder in your yilia folder.

cp dracula.scss <your-path>/blog/theme/yilia/source-src/css

2. Open the main.scss file in the css folder, and add one line in the last of the file:

@import "./dracula";

Remind to copy tooltip.svg in the img as well, and paste it to the img folder in the source-src file of your yilia theme.

3. Compile with webpack in your yilia folder:

npx webpack

4. Regenerate your blog content in your blog folder with:

hexo clean && hexo g

TODO

• enable configuration from yaml(the .yml file)
• reconstruct the code if I have time cuz it's messy
• install script in one-click
• do more tests
• draculafy the smart menu
• find a better way to display content
• customized social icons (if you would like to)!
• the file tree
• maybe some animations
• fix other minor bugs

Reminder

Since the source theme yilia has been out of maintainance for alomost 5 years, and during this time, hexo has some major changes making some of the functions and styles NO LONGER IN EFFECT. I have fixed some of them, and the files are also avilable on this repository (they are under the yiliafolder).