sunwengang blog

Next Gemini主题优化

字数统计: 155阅读时长: 1 min
2019/07/15 Share

圆角设计

主题修改成Gemini

不同于Pisces, Gemini主题是卡片式布局

_config.xml
1
2
3
4
5
# Schemes
#scheme: Muse
#scheme: Mist
#scheme: Pisces
scheme: Gemini

修改UI

themes/hexo-theme-next/source/css/_variables/Gemini.styl
1
2
3
// 修改主题页面布局为圆角
$border-radius-inner = 15px 15px 15px 15px;
$border-radius = 15px;

背景动态效果

下载依赖库

1
2
cd themes/next 
git clone https://github.com/theme-next/theme-next-canvas-nest source/lib/canvas-nest

修改配置文件

_config.xml
1
2
3
4
5
6
7
8
9
# Canvas-nest
# Dependencies: https://github.com/theme-next/theme-next-canvas-nest
canvas_nest:
enable: true
onmobile: true # display on mobile or not
color: "0,0,255" # RGB values, use ',' to separate
opacity: 0.5 # the opacity of line: 0~1
zIndex: -1 # z-index property of the background
count: 99 # the number of lines
CATALOG
  1. 1. 圆角设计
    1. 1.1. 主题修改成Gemini
    2. 1.2. 修改UI
  2. 2. 背景动态效果
    1. 2.1. 下载依赖库
    2. 2.2. 修改配置文件