web 优化

This commit is contained in:
jasminexz
2023-08-09 14:34:57 +08:00
parent 085a39cebc
commit 45489da1de
9 changed files with 16 additions and 120 deletions

View File

@@ -1,70 +1,15 @@
# Guardcat 后台监控
# Blossom-doc
## 依赖版本
1. node: 18.12.1
2. npm: 8.19.2
3. cnpm: 9.0.1
Blossom 笔记软件的博客工程
# 相关官网
## Vue
- https://cn.vuejs.org/guide/introduction.html
![](./doc/imgs/home_blog.jpg "Blossom 首页")
## Vite
- https://cn.vitejs.dev/guide/
## tui-editor
- https://ui.toast.com/tui-editor
- https://www.npmjs.com/package/@toast-ui/editor-plugin-color-syntax
- https://www.npmjs.com/package/@toast-ui/editor-plugin-code-syntax-highlight
# package.json
```json
{
"name": "guardcat",
"version": "1.0",
"private": true,
"scripts": {
"dev": "vite",
"build": "run-p type-check build-only",
"preview": "vite preview",
"build-only": "vite build",
"type-check": "vue-tsc --noEmit --skipLibCheck"
},
"dependencies": {
"@codemirror/lang-java": "^6.0.1",
"@codemirror/lang-json": "^6.0.1",
"@codemirror/lang-sql": "^6.5.0",
"@codemirror/theme-one-dark": "^6.1.2",
"@toast-ui/editor": "^3.2.2",
"@toast-ui/editor-plugin-code-syntax-highlight": "^3.1.0",
"@toast-ui/editor-plugin-color-syntax": "^3.1.0",
"axios": "^1.2.2",
"echarts": "^5.4.1",
"element-plus": "^2.2.28",
"pinia": "^2.0.28",
"svg-sprite-loader": "^2.0.3",
"vue": "^3.2.45",
"vue-codemirror": "^6.1.1",
"vue-router": "^4.1.6"
},
"devDependencies": {
"@types/codemirror": "^5.60.7",
"@types/node": "^18.11.12",
"@vitejs/plugin-vue": "^4.0.0",
"@vitejs/plugin-vue-jsx": "^3.0.0",
"@vue/tsconfig": "^0.1.3",
"npm-run-all": "^4.1.5",
"rollup-plugin-visualizer": "^5.9.0",
"sass": "^1.57.1",
"typescript": "~4.7.4",
"unplugin-auto-import": "^0.16.4",
"unplugin-element-plus": "^0.7.1",
"unplugin-vue-components": "^0.25.0",
"vite": "^4.0.0",
"vue-tsc": "^1.0.12"
}
}
[博客页面的使用文档](https://www.wangyunf.com/blossom-doc/doc/blog)
```
# 下载依赖
npm install
# 构建
npm run build
```

View File

@@ -17,6 +17,5 @@ declare module '@vue/runtime-core' {
RouterLink: typeof import('vue-router')['RouterLink']
RouterView: typeof import('vue-router')['RouterView']
Template: typeof import('./src/components/Template.vue')['default']
Test: typeof import('./src/components/Test.vue')['default']
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 94 KiB

View File

@@ -1,11 +1,11 @@
{
"name": "guardcat",
"name": "blossom-web",
"version": "1.0.0",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "guardcat",
"name": "blossom-web",
"version": "1.0.0",
"dependencies": {
"axios": "^1.4.0",

View File

@@ -1,5 +1,5 @@
{
"name": "guardcat",
"name": "blossom-web",
"version": "1.0.0",
"private": true,
"scripts": {

View File

@@ -31,19 +31,9 @@ const blossom: any = {
*/
LINKS: [
{
NAME: 'Blossom 博客',
URL: 'https://www.wangyunf.com/blossom',
NAME: 'Blossom 文档',
URL: 'https://www.wangyunf.com/blossom-doc',
LOGO: 'blossom_logo.png'
},
{
NAME: 'GuardCat 服务监控',
URL: 'https://www.wangyunf.com/guardcat',
LOGO: 'guardcat_logo.jpg'
},
{
NAME: 'Danci/e 编程单词速查',
URL: 'https://www.wangyunf.com/danci',
LOGO: 'danci_logo.png'
}
]
}

View File

@@ -1,36 +0,0 @@
<template>
<div class="template-root">
<img src="@/assets/imgs/home_light.jpg" class="m1">
<img src="@/assets/imgs/home_dark.jpg" class="m2">
</div>
</template>
<script setup lang="ts">
import { ref, shallowRef, watch, onMounted, onActivated, provide, inject, nextTick } from "vue";
import { useDark } from '@vueuse/core';
</script>
<style scoped lang="scss">
.template-root {
@include box(100%, 100%);
.m1,
.m2 {
width: 1800px;
height: 990px;
position: absolute;
}
.m1 {
clip-path: polygon(0 0, 70% 0, 30% 100%, 0 100%);
z-index: 2;
}
.m2 {
z-index: 1;
}
}
</style>

View File

@@ -7,7 +7,6 @@ const NotFound = () => import("../components/NotFound.vue")
const IndexBlossom = () => import('../views/Index.vue')
const BlossomHome = () => import('../views/index/Home.vue')
const Articles = () => import('../views/article/Articles.vue')
const Test = () => import('../components/Test.vue')
router.addRoute({ path: '/404', component: NotFound, })
@@ -21,7 +20,6 @@ router.addRoute({
path: '/', name: 'IndexBlossom', component: IndexBlossom, meta: { keepAlive: false },
children: [
{ path: '/home', name: 'BlossomHome', component: BlossomHome, meta: { keepAlive: false } },
{ path: '/articles', name: 'Articles', component: Articles, meta: { keepAlive: false } },
{ path: '/test', name: 'Test', component: Test, meta: { keepAlive: false } }
{ path: '/articles', name: 'Articles', component: Articles, meta: { keepAlive: false } }
]
})

File diff suppressed because one or more lines are too long