mirror of
https://github.com/StepanovPlaton/AboutMe.git
synced 2026-04-04 04:40:51 +04:00
Initial commit
This commit is contained in:
GitHub
535
src/types/config.ts
Normal file
535
src/types/config.ts
Normal file
@@ -0,0 +1,535 @@
|
||||
import type {
|
||||
SYSTEM_MODE,
|
||||
DARK_MODE,
|
||||
LIGHT_MODE,
|
||||
WALLPAPER_FULLSCREEN,
|
||||
WALLPAPER_BANNER,
|
||||
WALLPAPER_NONE
|
||||
} from "@constants/constants";
|
||||
|
||||
|
||||
/**
|
||||
*
|
||||
*/
|
||||
|
||||
// Favicon 配置
|
||||
export type Favicon = {
|
||||
src: string;
|
||||
theme?: "light" | "dark";
|
||||
sizes?: string;
|
||||
};
|
||||
|
||||
|
||||
// 加载页配置
|
||||
export type LoadingOverlayConfig = {
|
||||
// 是否启用加载页
|
||||
enable: boolean;
|
||||
// 加载标题配置
|
||||
title: {
|
||||
// 是否启用加载标题
|
||||
enable: boolean;
|
||||
// 加载标题文本
|
||||
content: string;
|
||||
// 动画周期 (s)
|
||||
interval: number;
|
||||
};
|
||||
// 加载动画配置
|
||||
spinner: {
|
||||
// 是否启用加载动画
|
||||
enable: boolean;
|
||||
// 动画周期 (s)
|
||||
interval: number;
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
// 站点配置
|
||||
export type SiteConfig = {
|
||||
// 站点 URL (以斜杠结尾)
|
||||
siteURL: string;
|
||||
// 站点标题
|
||||
title: string;
|
||||
// 站点副标题
|
||||
subtitle: string;
|
||||
// 站点关键词，用于生成 <meta name="keywords">
|
||||
keywords?: string[];
|
||||
// 语言配置
|
||||
lang: "zh" | "en" | "ko" | "ja" | "es" | "th" | "vi" | "tr" | "id" | "fr" | "de" | "ru" | "ar";
|
||||
// 翻译配置
|
||||
translate?: {
|
||||
// 启用翻译功能
|
||||
enable: boolean;
|
||||
// 翻译服务类型，如 'client.edge'
|
||||
service?: string;
|
||||
// 显示语言选择下拉框
|
||||
showSelectTag?: boolean;
|
||||
// 自动识别用户语言
|
||||
autoDiscriminate?: boolean;
|
||||
// 翻译时忽略的 CSS 类名
|
||||
ignoreClasses?: string[];
|
||||
// 翻译时忽略的 HTML 标签
|
||||
ignoreTags?: string[];
|
||||
};
|
||||
// 时区配置
|
||||
timeZone: -12 | -11 | -10 | -9 | -8 | -7 | -6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
||||
// 字体配置
|
||||
font: {
|
||||
[key: string]: {
|
||||
// 字体源 (字体 CSS 链接 | 字体文件路径)
|
||||
src: string;
|
||||
// 字体名 (font-family)
|
||||
family: string;
|
||||
};
|
||||
};
|
||||
// 主题色配置
|
||||
themeColor: {
|
||||
// 主题色的默认色相 (0-360)
|
||||
hue: number;
|
||||
};
|
||||
// 默认主题
|
||||
defaultTheme: "system" | "light" | "dark";
|
||||
// 壁纸配置
|
||||
wallpaper: {
|
||||
// 模式
|
||||
mode: "fullscreen" | "banner" | "none";
|
||||
src: // 图片源配置 (fullscreen 和 banner 模式共享)
|
||||
| string
|
||||
| string[]
|
||||
| {
|
||||
desktop?: string | string[];
|
||||
mobile?: string | string[];
|
||||
};
|
||||
// 壁纸位置，等同于 object-position
|
||||
position?: "top" | "center" | "bottom";
|
||||
// 轮播配置 (fullscreen 和 banner 模式共享)
|
||||
carousel?: {
|
||||
// 为多张图片启用轮播，否则随机显示一张图片
|
||||
enable: boolean;
|
||||
// 轮播间隔时间 (s)
|
||||
interval: number;
|
||||
// 启用 Ken Burns 效果
|
||||
kenBurns?: boolean;
|
||||
};
|
||||
// Banner 模式专属配置
|
||||
banner?: {
|
||||
homeText?: {
|
||||
// 在主页显示文本
|
||||
enable: boolean;
|
||||
// 主标题
|
||||
title?: string;
|
||||
// 副标题
|
||||
subtitle?: string | string[]; // 支持单个字符串或字符串数组
|
||||
// 副标题打字机效果
|
||||
typewriter?: {
|
||||
// 启用副标题打字机效果
|
||||
enable: boolean;
|
||||
// 打字速度 (ms)
|
||||
speed: number;
|
||||
// 删除速度 (ms)
|
||||
deleteSpeed: number;
|
||||
// 完全显示后的暂停时间 (ms)
|
||||
pauseTime: number;
|
||||
};
|
||||
};
|
||||
// 横幅图片来源文本
|
||||
credit?: {
|
||||
// 显示横幅图片来源文本
|
||||
enable: boolean;
|
||||
// 要显示的来源文本
|
||||
text: string;
|
||||
// (可选) 原始艺术品或艺术家页面的 URL 链接
|
||||
url?: string;
|
||||
};
|
||||
// 导航栏配置
|
||||
navbar?: {
|
||||
// 导航栏透明模式
|
||||
transparentMode?: "semi" | "full" | "semifull";
|
||||
};
|
||||
// 水波纹效果配置
|
||||
waves?: {
|
||||
// 启用水波纹效果
|
||||
enable: boolean;
|
||||
// 启用性能模式 (简化波浪效果以提升性能)
|
||||
performanceMode?: boolean;
|
||||
};
|
||||
};
|
||||
// Fullscreen 模式专属配置
|
||||
fullscreen?: {
|
||||
// 层级
|
||||
zIndex?: number;
|
||||
// 壁纸透明度，0-1 之间
|
||||
opacity?: number;
|
||||
// 背景模糊程度 (px)
|
||||
blur?: number;
|
||||
// 导航栏透明模式
|
||||
navbar?: {
|
||||
transparentMode?: "semi" | "full" | "semifull";
|
||||
};
|
||||
};
|
||||
};
|
||||
// 加载页配置
|
||||
loadingOverlay?: LoadingOverlayConfig;
|
||||
// Favicon 配置
|
||||
favicon: Favicon[];
|
||||
// bangumi 配置
|
||||
bangumi?: {
|
||||
// 用户 ID
|
||||
userId?: string;
|
||||
};
|
||||
// OpenGraph 配置
|
||||
generateOgImages: boolean;
|
||||
};
|
||||
|
||||
/**
|
||||
*
|
||||
*/
|
||||
|
||||
export type LIGHT_DARK_MODE =
|
||||
| typeof LIGHT_MODE
|
||||
| typeof DARK_MODE
|
||||
| typeof SYSTEM_MODE;
|
||||
|
||||
|
||||
export type WALLPAPER_MODE =
|
||||
| typeof WALLPAPER_FULLSCREEN
|
||||
| typeof WALLPAPER_BANNER
|
||||
| typeof WALLPAPER_NONE;
|
||||
|
||||
/**
|
||||
*
|
||||
*/
|
||||
|
||||
export enum LinkPreset {
|
||||
Home = 0,
|
||||
Archive = 1,
|
||||
Projects = 2,
|
||||
Skills = 3,
|
||||
Timeline = 4,
|
||||
Diary = 5,
|
||||
Albums = 6,
|
||||
Anime = 7,
|
||||
About = 8,
|
||||
Friends = 9,
|
||||
}
|
||||
|
||||
|
||||
export type NavbarLink = {
|
||||
// 链接名称
|
||||
name: string;
|
||||
// 链接
|
||||
url: string;
|
||||
// 是否为外部链接
|
||||
external?: boolean;
|
||||
// 链接图标
|
||||
icon?: string;
|
||||
// 中转页描述
|
||||
description?: string;
|
||||
// 子链接，可以是NavbarLink或LinkPreset
|
||||
children?: (NavbarLink | LinkPreset)[];
|
||||
};
|
||||
|
||||
|
||||
// 导航栏配置
|
||||
export type NavbarConfig = {
|
||||
// 链接配置
|
||||
links: (NavbarLink | LinkPreset)[]; // 支持多级菜单
|
||||
};
|
||||
|
||||
/**
|
||||
*
|
||||
*/
|
||||
|
||||
export type WidgetComponentType =
|
||||
| "profile"
|
||||
| "announcement"
|
||||
| "categories"
|
||||
| "tags"
|
||||
| "statistics"
|
||||
| "toc"
|
||||
| "custom";
|
||||
|
||||
|
||||
export type WidgetComponentConfig = {
|
||||
// 组件类型
|
||||
type: WidgetComponentType;
|
||||
// 启用该组件
|
||||
enable: boolean;
|
||||
// 组件位置
|
||||
position: "top" | "sticky"; // 顶部固定区域或粘性区域
|
||||
// 自定义内联样式
|
||||
style?: string;
|
||||
// 响应式配置
|
||||
responsive?: {
|
||||
// 在指定设备上隐藏
|
||||
hidden?: ("mobile" | "tablet" | "desktop")[];
|
||||
// 折叠阈值
|
||||
collapseThreshold?: number;
|
||||
};
|
||||
// 自定义属性
|
||||
customProps?: Record<string, any>;
|
||||
};
|
||||
|
||||
|
||||
// 资料配置
|
||||
export type ProfileConfig = {
|
||||
// 头像配置
|
||||
avatar?: string;
|
||||
// 信息配置
|
||||
name: string;
|
||||
// 简介配置
|
||||
bio?: string;
|
||||
// 链接配置
|
||||
links: {
|
||||
name: string;
|
||||
url: string;
|
||||
icon: string;
|
||||
}[];
|
||||
};
|
||||
|
||||
|
||||
// 公告配置
|
||||
export type AnnouncementConfig = {
|
||||
// 公告标题
|
||||
title?: string;
|
||||
// 公告内容
|
||||
content: string;
|
||||
// 公告类型
|
||||
type?: "info" | "warning" | "success" | "error";
|
||||
// 公告栏图标
|
||||
icon?: string;
|
||||
// 允许用户关闭公告
|
||||
closable?: boolean;
|
||||
// 链接配置
|
||||
link?: {
|
||||
// 启用链接
|
||||
enable: boolean;
|
||||
// 链接文本
|
||||
text: string;
|
||||
// 链接 URL
|
||||
url: string;
|
||||
// 是否外部链接
|
||||
external?: boolean;
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
// 侧边栏配置
|
||||
export type SidebarConfig = {
|
||||
// 侧边栏组件配置列表
|
||||
components: {
|
||||
left: WidgetComponentConfig[];
|
||||
right: WidgetComponentConfig[];
|
||||
};
|
||||
};
|
||||
|
||||
/**
|
||||
*
|
||||
*/
|
||||
|
||||
export type BlogPostData = {
|
||||
body: string;
|
||||
title: string;
|
||||
published: Date;
|
||||
description: string;
|
||||
tags: string[];
|
||||
draft?: boolean;
|
||||
image?: string;
|
||||
category?: string;
|
||||
pinned?: boolean;
|
||||
prevTitle?: string;
|
||||
prevSlug?: string;
|
||||
nextTitle?: string;
|
||||
nextSlug?: string;
|
||||
};
|
||||
|
||||
|
||||
// 文章配置
|
||||
export type PostConfig = {
|
||||
// 显示“上次编辑”卡片
|
||||
showLastModified: boolean;
|
||||
// 在文章内容中显示封面
|
||||
showCoverInContent: boolean;
|
||||
// 代码高亮配置
|
||||
expressiveCode: {
|
||||
// 主题
|
||||
theme: string;
|
||||
};
|
||||
// 许可证配置
|
||||
license: {
|
||||
// 启用许可证
|
||||
enable: boolean;
|
||||
// 许可证名称
|
||||
name: string;
|
||||
// 许可证链接
|
||||
url: string;
|
||||
};
|
||||
// 评论配置
|
||||
comment: {
|
||||
// 启用评论功能
|
||||
enable: boolean;
|
||||
// Twikoo 评论系统配置
|
||||
twikoo?: {
|
||||
// 环境 ID
|
||||
envId: string;
|
||||
// 地域
|
||||
region?: string;
|
||||
// 语言
|
||||
lang?: string;
|
||||
};
|
||||
};
|
||||
};
|
||||
|
||||
/**
|
||||
*
|
||||
*/
|
||||
|
||||
// 页脚配置
|
||||
export type FooterConfig = {
|
||||
// 是否启用 Footer HTML 注入功能
|
||||
enable: boolean;
|
||||
// 自定义 HTML 内容，用于添加备案号等信息
|
||||
customHtml?: string;
|
||||
};
|
||||
|
||||
/**
|
||||
*
|
||||
*/
|
||||
|
||||
// 粒子特效配置
|
||||
export type ParticleConfig = {
|
||||
// 启用粒子特效
|
||||
enable: boolean;
|
||||
// 粒子数量
|
||||
particleNum: number;
|
||||
// 粒子越界限制次数，-1为无限循环
|
||||
limitTimes: number;
|
||||
// 粒子尺寸配置
|
||||
size: {
|
||||
// 粒子最小尺寸倍数
|
||||
min: number;
|
||||
// 粒子最大尺寸倍数
|
||||
max: number;
|
||||
};
|
||||
// 粒子透明度配置
|
||||
opacity: {
|
||||
// 粒子最小不透明度
|
||||
min: number;
|
||||
// 粒子最大不透明度
|
||||
max: number;
|
||||
};
|
||||
// 粒子移动速度配置
|
||||
speed: {
|
||||
// 水平移动速度
|
||||
horizontal: {
|
||||
// 最小值
|
||||
min: number;
|
||||
// 最大值
|
||||
max: number;
|
||||
};
|
||||
// 垂直移动速度
|
||||
vertical: {
|
||||
// 最小值
|
||||
min: number;
|
||||
// 最大值
|
||||
max: number;
|
||||
};
|
||||
// 旋转速度
|
||||
rotation: number;
|
||||
// 消失速度
|
||||
fadeSpeed: number;
|
||||
};
|
||||
// 粒子层级
|
||||
zIndex: number;
|
||||
};
|
||||
|
||||
/**
|
||||
*
|
||||
*/
|
||||
|
||||
export type MusicPlayerTrack = {
|
||||
// 序号
|
||||
id: number | string;
|
||||
// 标题
|
||||
title: string;
|
||||
// 作者
|
||||
artist: string;
|
||||
// 封面
|
||||
cover: string;
|
||||
// 路径
|
||||
url: string;
|
||||
// 时长
|
||||
duration: number;
|
||||
};
|
||||
|
||||
|
||||
// 音乐播放器配置
|
||||
export type MusicPlayerConfig = {
|
||||
// 启用音乐播放器功能
|
||||
enable: boolean;
|
||||
// 默认模式
|
||||
mode: "meting" | "local";
|
||||
// meting 模式专属配置
|
||||
meting: {
|
||||
// Meting API 地址
|
||||
meting_api: string;
|
||||
// 音乐平台
|
||||
server: "netease" | "tencent" | "kugou" | "baidu" | "kuwo";
|
||||
// 类型
|
||||
type: "playlist" | "album" | "artist" | "song" | "search";
|
||||
// 资源 ID
|
||||
id: string;
|
||||
};
|
||||
// local 模式专属配置
|
||||
local: {
|
||||
// 播放列表
|
||||
playlist: MusicPlayerTrack[];
|
||||
};
|
||||
// 是否自动播放
|
||||
autoplay?: boolean;
|
||||
};
|
||||
|
||||
/**
|
||||
*
|
||||
*/
|
||||
|
||||
// 看板娘配置
|
||||
export type PioConfig = {
|
||||
// 启用看板娘
|
||||
enable: boolean;
|
||||
// 模型文件路径
|
||||
models?: string[];
|
||||
// 看板娘位置
|
||||
position?: "left" | "right";
|
||||
// 看板娘宽度
|
||||
width?: number;
|
||||
// 看板娘高度
|
||||
height?: number;
|
||||
// 展现模式
|
||||
mode?: "static" | "fixed" | "draggable";
|
||||
// 是否在移动设备上隐藏
|
||||
hiddenOnMobile?: boolean;
|
||||
// 对话框配置
|
||||
dialog?: {
|
||||
// 欢迎词
|
||||
welcome?: string | string[];
|
||||
// 触摸提示
|
||||
touch?: string | string[];
|
||||
// 首页提示
|
||||
home?: string;
|
||||
// 换装提示
|
||||
skin?: [string, string]; // [切换前, 切换后]
|
||||
// 关闭提示
|
||||
close?: string;
|
||||
// 关于链接
|
||||
link?: string;
|
||||
// 自定义属性
|
||||
custom?: Array<{
|
||||
// CSS选择器
|
||||
selector: string;
|
||||
// 类型
|
||||
type: "read" | "link";
|
||||
// 自定义文本
|
||||
text?: string;
|
||||
}>;
|
||||
};
|
||||
};
|
||||
32
src/types/translate.d.ts
vendored
Normal file
32
src/types/translate.d.ts
vendored
Normal file
@@ -0,0 +1,32 @@
|
||||
declare global {
|
||||
interface Window {
|
||||
translate?: {
|
||||
service: {
|
||||
use: (service: string) => void;
|
||||
};
|
||||
language: {
|
||||
setLocal: (language: string) => void;
|
||||
};
|
||||
setAutoDiscriminateLocalLanguage: () => void;
|
||||
ignore: {
|
||||
class: string[];
|
||||
tag: string[];
|
||||
};
|
||||
selectLanguageTag: {
|
||||
show: boolean;
|
||||
};
|
||||
storage: {
|
||||
set: () => void;
|
||||
};
|
||||
listener: {
|
||||
start: () => void;
|
||||
};
|
||||
execute: () => void;
|
||||
};
|
||||
loadTranslateScript?: () => Promise<void>;
|
||||
translateScriptLoaded?: boolean;
|
||||
translateInitialized?: boolean;
|
||||
}
|
||||
}
|
||||
|
||||
export {};
|
||||
Reference in New Issue
Block a user