eastFu / hexo-theme-milk

hexo theme

主题：hexo-theme-milk

预览

使用

进入 hexo 目录

1. 下载主题

git clone https://github.com/MRsoymilk/hexo-theme-milk.git themes/milk

2. 主题依赖

原本使用hexo-renderer-scss，存在无法安装问题。现在使用sass将milk.scss转为milk.css。保留原始文件便于修改。

自定义操作概述

# 安装sass
sudo npm install -g sass
# 修改相应文件，最终只要对milk.scss文件进行操作
sass milk.scss milk.scss

3. 切换主题

修改_config.yml

theme: milk

4. 主题高亮

默认使用highlight.js的monokai-sublime主题。自定义设置请下载相应代码并放置在themes/milk/source/lib/highlight/目录中。

使用自定义主题，修改themes/milk/_config.yml

highlight: monokai-sublime

使用自定义高亮需要关闭Hexo默认高亮，修改_config.yml

highlight:
  enable: false
  line_number: true
  auto_detect: false
  tab_replace: ""
  wrap: true
  hljs: false

其他

标签云文件夹

FFolders

设置颜色:

• cyan
• yellow
• pink
• green
• gray

大小:

• small
• medium
• big

修改位置:

文件: themes/milk/source/js/milk.js

// tags style
$(() => {
  $("#list-cloud a").wrap('<div class="ffolder small pink"></div>');
  ...
}

鼠标样式

修改位置:

使用文件: themes/milk/source/css/_partial/variable.scss中$cursor_normal, $cursor_link

资源文件: themes/milk/source/cursor/

网页图标

修改位置:

文件: themes/milk/source/favicon/favicon.ico

背景图片

修改位置:

文件: themes/milk/source/background.jpg

更多

更多网页相关比如颜色、间距等可以在themes/milk/source/css/_partial/variable.scss找到。