sunwengang blog

developer | android display/graphics

  1. 1. 圆角设计
    1. 1.1. 主题修改成Gemini
    2. 1.2. 修改UI
  2. 2. 背景动态效果
    1. 2.1. 下载依赖库
    2. 2.2. 修改配置文件

圆角设计

主题修改成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

本文作者 : sunwengang
本文使用 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议
本文链接 : https://alonealive.github.io/Blog/2019/07/15/2019/190715_genminiChange-md/

本文最后更新于 天前,文中所描述的信息可能已发生改变