博客美化

写在前面

本博客网站使用Aurora v1.5.5 主题进行搭建，以下内容仅适合该主题的配置，其他主题请自行尝试

1.渐变色配置

1.1渐变色网站推荐

• Gradihunt: Automated Gradient Generator
• Gradient by ShapeFactory
• Fresh Background Gradients

1.2使用方法

以Gradient by ShapeFactory为例

复制到任意位置,为如下格式

background-image: linear-gradient(25deg, #7f4fd0, #857dcd, #83a8c9, #76d2c4)

打开你的_config.aurora.yml文件，找到gradient,将上述的四个颜色依次填入对应位置保存

gradient:
  color_1: '#7f4fd0'
  color_2: '#857dcd'
  color_3: '#83a8c9'
  color_4: '#76d2c4'

在GitBash中切换到你的博客所在位置进行一键三连

hexo cl && hexo g && hexo s

打开你的本地网址https://localhost:4000进行访问即可

2.替换默认文章封面图片

由于已经替换了网站的主题色，默认的封面图片已经不协调，考虑到主题作者提到项目是利用vue3进行编写，所以有了简单的“狸猫换太子”的想法。

2.1 壁纸网站推荐

• Beautiful Free Images & Pictures | Unsplash
• Free high resolution photography - Life of Pix - Home
• Awesome Wallpapers - wallhaven.cc
• pexels.com
• 必应每日高清壁纸 (ioliu.cn)
• Pixabay

2.2 使用方法

• 将你下载好的图片进行保存，然后找到图片所在的位置

• 进入你的博客目录并进入默认封面所在的文件夹，你可以根据我的文件夹路径推断

  D:\Blog\node_modules\hexo-theme-aurora\source\static\img

• 默认的封面文件名复制下来，将你下载的文件的文件名改成默认的文件名

• 进行“狸猫换太子”，把默认的封面图片替换成你下载的图片即可

• 在GitBash中切换到你的博客所在位置进行一键三连

  hexo cl && hexo g && hexo s

  打开你的本地网址https://localhost:4000进行访问即可