mirror of
https://github.com/blossom-editor/blossom.git
synced 2026-03-12 17:41:26 +08:00
web 优化
This commit is contained in:
@@ -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
|
||||

|
||||
|
||||
## 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
|
||||
```
|
||||
1
blossom-web/components.d.ts
vendored
1
blossom-web/components.d.ts
vendored
@@ -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']
|
||||
}
|
||||
}
|
||||
|
||||
BIN
blossom-web/doc/imgs/blog_home.jpg
Normal file
BIN
blossom-web/doc/imgs/blog_home.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 94 KiB |
4
blossom-web/package-lock.json
generated
4
blossom-web/package-lock.json
generated
@@ -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",
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "guardcat",
|
||||
"name": "blossom-web",
|
||||
"version": "1.0.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
|
||||
@@ -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'
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
@@ -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
Reference in New Issue
Block a user