自制紫罗兰简约风格博客园皮肤

自制紫罗兰简约风格博客园皮肤:

风格简洁，代码内含大量注释方便进行风格自定义

示例博客：STEllIAF0X

下载链接：

V1.0

V2.0

使用方法：

1.博客园皮肤选择 SimpleMemory

2.下载链接中文件，用记事本或者任意代码编辑器打开，复制到 博客园-管理-设置-设置页面CSS代码中，并勾选 禁用模板默认CSS

3.选择一个你喜欢的代码高亮风格

本博客代码高亮效果预览：

#include<iostream>
int main()
{
    std::cout << "Hello,World!" << std::endl;
    return 0;
}

博客园皮肤效果自定义：

1.更换顶部头像

找到如下代码，将url("...")中链接改为头像的链接

#header #blogTitle #blogLogo {
    background-color: rgba(255, 255, 255, 0);
    /* 头像链接与样式 */
    background: url("https://images.cnblogs.com/cnblogs_com/blogs/530904/galleries/1515857/t_220408032736_fox.jpg") no-repeat;
    background-size: cover;
    border-radius: 10vh;
    margin-top: 30vh;
    width: 20vh;
    height: 20vh;
}

2.更改顶部图片背景

找到如下代码，将url("...")中链接改为目标图片的链接，默认背景为必应每日随机一图

#header {
    background-color: rgb(130, 120, 230);
    /* 顶部背景图片 */
    background: url("https://api.isoyu.com/bing_images.php") fixed no-repeat;
    background-size: cover;
    box-shadow: 0px 5px 2px rgba(72, 102, 210, 0.5);
    width: 100%;
    height: 100vh;
}