refactor: replace icons with svg components, relocate icons and images, rename directories

This commit is contained in:
radishzzz 2025-05-08 15:10:21 +01:00
parent b72b59358b
commit 5b9c2d562a
172 changed files with 228 additions and 241 deletions

View file

@ -14,8 +14,8 @@ To meet personalization needs, I've created several color schemes for the theme.
## Scallion White
![Light mode](../../../assets/1-light.jpeg)
![Dark mode](../../../assets/1-dark.jpeg)
![Light mode](../../../assets/images/1-light.jpeg)
![Dark mode](../../../assets/images/1-dark.jpeg)
```
light: {
@ -32,8 +32,8 @@ dark: {
## Raven Teal
![Light mode](../../../assets/2-light.jpeg)
![Dark mode](../../../assets/2-dark.jpeg)
![Light mode](../../../assets/images/2-light.jpeg)
![Dark mode](../../../assets/images/2-dark.jpeg)
```
light: {
@ -50,8 +50,8 @@ dark: {
## Ink Blue
![Light mode](../../../assets/4-light.jpeg)
![Dark mode](../../../assets/4-dark.jpeg)
![Light mode](../../../assets/images/4-light.jpeg)
![Dark mode](../../../assets/images/4-dark.jpeg)
```
light: {
@ -68,8 +68,8 @@ dark: {
## Ecru
![Light mode](../../../assets/3-light.jpeg)
![Dark mode](../../../assets/3-dark.jpeg)
![Light mode](../../../assets/images/3-light.jpeg)
![Dark mode](../../../assets/images/3-dark.jpeg)
```
light: {

View file

@ -14,8 +14,8 @@ Para satisfacer las necesidades de personalización, he creado varios esquemas d
## Blanco Cebollino
![Light mode](../../../assets/1-light.jpeg)
![Dark mode](../../../assets/1-dark.jpeg)
![Light mode](../../../assets/images/1-light.jpeg)
![Dark mode](../../../assets/images/1-dark.jpeg)
```
light: {
@ -32,8 +32,8 @@ dark: {
## Azul Cuervo
![Light mode](../../../assets/2-light.jpeg)
![Dark mode](../../../assets/2-dark.jpeg)
![Light mode](../../../assets/images/2-light.jpeg)
![Dark mode](../../../assets/images/2-dark.jpeg)
```
light: {
@ -50,8 +50,8 @@ dark: {
## Azul Tinta
![Light mode](../../../assets/4-light.jpeg)
![Dark mode](../../../assets/4-dark.jpeg)
![Light mode](../../../assets/images/4-light.jpeg)
![Dark mode](../../../assets/images/4-dark.jpeg)
```
light: {
@ -68,8 +68,8 @@ dark: {
## Beige
![Light mode](../../../assets/3-light.jpeg)
![Dark mode](../../../assets/3-dark.jpeg)
![Light mode](../../../assets/images/3-light.jpeg)
![Dark mode](../../../assets/images/3-dark.jpeg)
```
light: {

View file

@ -14,8 +14,8 @@ Retypesetは、[OKLCH](https://oklch.com/)カラースペースに基づいて
## 葱白色
![Light mode](../../../assets/1-light.jpeg)
![Dark mode](../../../assets/1-dark.jpeg)
![Light mode](../../../assets/images/1-light.jpeg)
![Dark mode](../../../assets/images/1-dark.jpeg)
```
light: {
@ -32,8 +32,8 @@ dark: {
## 烏青
![Light mode](../../../assets/2-light.jpeg)
![Dark mode](../../../assets/2-dark.jpeg)
![Light mode](../../../assets/images/2-light.jpeg)
![Dark mode](../../../assets/images/2-dark.jpeg)
```
light: {
@ -50,8 +50,8 @@ dark: {
## 墨藍
![Light mode](../../../assets/4-light.jpeg)
![Dark mode](../../../assets/4-dark.jpeg)
![Light mode](../../../assets/images/4-light.jpeg)
![Dark mode](../../../assets/images/4-dark.jpeg)
```
light: {
@ -68,8 +68,8 @@ dark: {
## 米色
![Light mode](../../../assets/3-light.jpeg)
![Dark mode](../../../assets/3-dark.jpeg)
![Light mode](../../../assets/images/3-light.jpeg)
![Dark mode](../../../assets/images/3-dark.jpeg)
```
light: {

View file

@ -14,8 +14,8 @@ Retypeset определяет цветовые схемы темы на осн
## Бледно-зелёный
![Light mode](../../../assets/1-light.jpeg)
![Dark mode](../../../assets/1-dark.jpeg)
![Light mode](../../../assets/images/1-light.jpeg)
![Dark mode](../../../assets/images/1-dark.jpeg)
```
light: {
@ -32,8 +32,8 @@ dark: {
## Воронёный
![Light mode](../../../assets/2-light.jpeg)
![Dark mode](../../../assets/2-dark.jpeg)
![Light mode](../../../assets/images/2-light.jpeg)
![Dark mode](../../../assets/images/2-dark.jpeg)
```
light: {
@ -50,8 +50,8 @@ dark: {
## Чернильно-синий
![Light mode](../../../assets/4-light.jpeg)
![Dark mode](../../../assets/4-dark.jpeg)
![Light mode](../../../assets/images/4-light.jpeg)
![Dark mode](../../../assets/images/4-dark.jpeg)
```
light: {
@ -68,8 +68,8 @@ dark: {
## Кремовый
![Light mode](../../../assets/3-light.jpeg)
![Dark mode](../../../assets/3-dark.jpeg)
![Light mode](../../../assets/images/3-light.jpeg)
![Dark mode](../../../assets/images/3-dark.jpeg)
```
light: {

View file

@ -14,8 +14,8 @@ Retypeset 基於 [OKLCH](https://oklch.com/) 顏色空間來定義主題配色
## 蔥白
![Light mode](../../../assets/1-light.jpeg)
![Dark mode](../../../assets/1-dark.jpeg)
![Light mode](../../../assets/images/1-light.jpeg)
![Dark mode](../../../assets/images/1-dark.jpeg)
```
light: {
@ -32,8 +32,8 @@ dark: {
## 鴉青
![Light mode](../../../assets/2-light.jpeg)
![Dark mode](../../../assets/2-dark.jpeg)
![Light mode](../../../assets/images/2-light.jpeg)
![Dark mode](../../../assets/images/2-dark.jpeg)
```
light: {
@ -50,8 +50,8 @@ dark: {
## 墨藍
![Light mode](../../../assets/4-light.jpeg)
![Dark mode](../../../assets/4-dark.jpeg)
![Light mode](../../../assets/images/4-light.jpeg)
![Dark mode](../../../assets/images/4-dark.jpeg)
```
light: {
@ -68,8 +68,8 @@ dark: {
## 米黃
![Light mode](../../../assets/3-light.jpeg)
![Dark mode](../../../assets/3-dark.jpeg)
![Light mode](../../../assets/images/3-light.jpeg)
![Dark mode](../../../assets/images/3-dark.jpeg)
```
light: {

View file

@ -14,8 +14,8 @@ Retypeset 基于 [OKLCH](https://oklch.com/) 颜色空间来定义主题配色
## 葱白
![Light mode](../../../assets/1-light.jpeg)
![Dark mode](../../../assets/1-dark.jpeg)
![Light mode](../../../assets/images/1-light.jpeg)
![Dark mode](../../../assets/images/1-dark.jpeg)
```
light: {
@ -32,8 +32,8 @@ dark: {
## 鸦青
![Light mode](../../../assets/2-light.jpeg)
![Dark mode](../../../assets/2-dark.jpeg)
![Light mode](../../../assets/images/2-light.jpeg)
![Dark mode](../../../assets/images/2-dark.jpeg)
```
light: {
@ -50,8 +50,8 @@ dark: {
## 墨蓝
![Light mode](../../../assets/4-light.jpeg)
![Dark mode](../../../assets/4-dark.jpeg)
![Light mode](../../../assets/images/4-light.jpeg)
![Dark mode](../../../assets/images/4-dark.jpeg)
```
light: {
@ -68,8 +68,8 @@ dark: {
## 米黄
![Light mode](../../../assets/3-light.jpeg)
![Dark mode](../../../assets/3-dark.jpeg)
![Light mode](../../../assets/images/3-light.jpeg)
![Dark mode](../../../assets/images/3-dark.jpeg)
```
light: {

View file

@ -34,7 +34,7 @@ site: {
url: 'https://retypeset.radishzz.cc'
// favicon url
// recommended formats: svg, png or ico
favicon: '/icon/favicon.svg' // or https://example.com/favicon.svg
favicon: '/icons/favicon.svg' // or https://example.com/favicon.svg
}
```
@ -242,7 +242,7 @@ Open Graph social image styles.
getImageOptions: (_path, page) => ({
logo: {
path: './public/icon/og-logo.png', // Required local path and PNG format
path: './public/icons/og-logo.png', // Required local path and PNG format
size: [250], // Logo width
},
font: {

View file

@ -34,7 +34,7 @@ site: {
url: 'https://retypeset.radishzz.cc'
// url del favicon
// formatos recomendados: svg, png o ico
favicon: '/icon/favicon.svg' // o https://example.com/favicon.svg
favicon: '/icons/favicon.svg' // o https://example.com/favicon.svg
}
```
@ -242,7 +242,7 @@ Estilos de imágenes sociales Open Graph.
getImageOptions: (_path, page) => ({
logo: {
path: './public/icon/og-logo.png', // Ruta local requerida y formato PNG
path: './public/icons/og-logo.png', // Ruta local requerida y formato PNG
size: [250], // Ancho del logo
},
font: {

View file

@ -34,7 +34,7 @@ site: {
url: 'https://retypeset.radishzz.cc'
// ファビコンURL
// 推奨フォーマット: svg, png, ico
favicon: '/icon/favicon.svg' // または https://example.com/favicon.svg
favicon: '/icons/favicon.svg' // または https://example.com/favicon.svg
}
```
@ -242,7 +242,7 @@ Open Graphソーシャル画像スタイル。
getImageOptions: (_path, page) => ({
logo: {
path: './public/icon/og-logo.png', // ローカルパスのPNG形式が必要
path: './public/icons/og-logo.png', // ローカルパスのPNG形式が必要
size: [250], // ロゴの幅
},
font: {

View file

@ -34,7 +34,7 @@ site: {
url: 'https://retypeset.radishzz.cc'
// url фавикона
// рекомендуемые форматы: svg, png или ico
favicon: '/icon/favicon.svg' // или https://example.com/favicon.svg
favicon: '/icons/favicon.svg' // или https://example.com/favicon.svg
}
```
@ -242,7 +242,7 @@ const EXCERPT_LENGTHS: Record<ExcerptScene, {
getImageOptions: (_path, page) => ({
logo: {
path: './public/icon/og-logo.png', // Требуется локальный путь и формат PNG
path: './public/icons/og-logo.png', // Требуется локальный путь и формат PNG
size: [250], // Ширина логотипа
},
font: {

View file

@ -34,7 +34,7 @@ site: {
url: 'https://retypeset.radishzz.cc'
// 站點圖標
// 推薦格式: svg, png, ico
favicon: '/icon/favicon.svg' // 或 https://example.com/favicon.svg
favicon: '/icons/favicon.svg' // 或 https://example.com/favicon.svg
}
```
@ -242,7 +242,7 @@ Open Graph 社交圖片樣式。
getImageOptions: (_path, page) => ({
logo: {
path: './public/icon/og-logo.png', // 本地路徑的 PNG 圖片
path: './public/icons/og-logo.png', // 本地路徑的 PNG 圖片
size: [250], // logo 寬度
},
font: {

View file

@ -34,7 +34,7 @@ site: {
url: 'https://retypeset.radishzz.cc'
// 站点图标
// 推荐格式: svg, png, ico
favicon: '/icon/favicon.svg' // 或 https://example.com/favicon.svg
favicon: '/icons/favicon.svg' // 或 https://example.com/favicon.svg
}
```
@ -242,7 +242,7 @@ Open Graph 社交图片样式。
getImageOptions: (_path, page) => ({
logo: {
path: './public/icon/og-logo.png', // 本地路径的 PNG 图片
path: './public/icons/og-logo.png', // 本地路径的 PNG 图片
size: [250], // logo 宽度
},
font: {