https://github.com/fengliufeseliud/sakuratools.top-index

in sakuratools.top index
https://github.com/fengliufeseliud/sakuratools.top-index

Last synced: 11 days ago
JSON representation

in sakuratools.top index

• Host: GitHub
• URL: https://github.com/fengliufeseliud/sakuratools.top-index
• Owner: FengLiuFeseliud
• License: mit
• Created: 2022-01-25T11:24:12.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2022-02-06T18:02:16.000Z (almost 3 years ago)
• Last Synced: 2024-11-08T14:47:47.450Z (2 months ago)
• Language: Vue
• Size: 3.31 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# SakuraTools Vue3

### 这是我个人网站 SakuraTools.top 的项目 基于 Vue 3

> [网站: SakuraTools.top](https://sakuratools.top/)

> [项目 github](https://github.com/FengLiuFeseliud/sakuratools.top-index)

> [项目后端 github](https://github.com/FengLiuFeseliud/api.sakurtools.top-api)

### 组件目录记录在项目 instruction 文件

目前支持以下主题修改

```css

/*

*

*  主题文件在项目 src/assets/main.css

*

*/

/* 主题 */

:root{

    /* 主题背景图片 */

    --background-image: url('https://img.sakuratools.top/bg.png@0x0x0x80');

    /* 页面加载时的缓冲颜色 */

    --background-color: black;

    /* 界面颜色 */

    --main-background-color: #313131;

    /* 副界面颜色 */

    --two-background-color: white;

    /* 界面阴影颜色 */

    --box-shadow: rgb(39, 38, 38);

    /* 主字体颜色 */

    --main-font-color: white;

    /* 副字体颜色 */

    --two-font-color: pink;

    /* 链接字体颜色 */

    --hover-font-color: orange;

    /* 主题透明 */

    --opacity: 0.8;

    /* 输入内容颜色 */

    --input-color: black;

    /* MarkDown css */

    /* 变量高亮颜色 */

    --variable-color: var(--main-font-color);

    /* 属性高亮颜色 */

    --property-color: var(--two-font-color);

    /* 函数高亮颜色 */

    --function-color: rgb(110, 184, 245);

    /* 数字高亮颜色 */

    --number-color: #e6db74;

    /* h1 标题下划线颜色 */

    --h1-border-color: var(--main-font-color);

    /* 引用边框线颜色 */

    --blockquote-border-color: var(--main-font-color);

    /* 代码块界面颜色 */

    --pre-code-background-color: rgb(65, 65, 65);

}

/* 统一链接样式 */

a {

    color: var(--two-font-color);

    text-decoration: none;

    transition: color 0.3s, background-color 0.3s;

}

a:hover{

    color: var(--hover-font-color);

}

```

## 在本地运行项目

```bash

git clone https://github.com/FengLiuFeseliud/sakuratools.top-index.git

cd ./sakuratools.top-index && npm install && npm run serve 

# 访问本地 8080 端口

```