home

端口

vite.config.js

server: {
  port: "3000",
  open: true,
}

右侧网站链接

在 src/assets/siteLinks.json 中可以自定义网站链接（以指向自己的网站）:

{
  "icon": "Blog",
  "name": "博客",
  "link": "https://blog.imsyy.top/"
}

其中 icon 网站链接的图标可以在 src/components/Links/index.vue 中添加:

// 可前往 https://www.xicons.org 自行挑选并在此处引入
// 此处引入的是 fa 类型
import {
  Link,
  Blog,
  CompactDisc,
  Cloud,
  Compass,
  Book,
  Fire,
  LaptopCode,
} from "@vicons/fa";

...

// 网站链接图标
const siteIcon = {
  Blog,
  Cloud,
  CompactDisc,
  Compass,
  Book,
  Fire,
  LaptopCode,
};

左侧logo 域名宽度调整

logo、简介 src\components\Message.vue

<style lang="scss" scoped>
.message {
  .logo {
    max-width: 530px;
  }
  .description {
    max-width: 530px;
  }
}
</style>

联系方式 src\components\SocialLinks.vue

<style lang="scss" scoped>
.social {
  max-width: 530px;
}
</style>

本地壁纸

可以在 public/images 中修改网站背景

如果想要添加更多的本地图片作为网站背景，可以将图片重命名 background+数字 的形式，并在 src\components\Background.vue 中进行修改：

// 壁纸随机数
// 请依据文件夹内的图片个数修改 Math.random() 后面的第一个数字
const bgRandom = Math.floor(Math.random() * 10 + 1);

删除原来的图片后需要重命名图片，确保文件名从1开始递增