██╗   ██╗██╗   ██╗███████╗██████╗
██║   ██║██║   ██║██╔════╝╚════██╗
██║   ██║██║   ██║█████╗   █████╔╝
╚██╗ ██╔╝██║   ██║██╔══╝   ╚═══██╗
 ╚████╔╝ ╚██████╔╝███████╗██████╔╝
  ╚═══╝   ╚═════╝ ╚══════╝╚═════╝

简介

Vue Template。使用vite，基于 vue3 + TypeScript + vue-router + vuex + elementPlus 开发。支持多语言和暗黑模式。

产品名

Vue Template

使用技术

• node 和 git -项目开发环境
• Es6+ - es6
• Vite - vite
• Vue3 - Vue
• Vue-Router - Vue Router
• Vuex - vuex
• Element-Plus - ui
• vue-i18n Language

安装

pnpm

启动服务

pnpm dev

编译并发布

pnpm deploy

declaration (.d.ts) file

env.d.ts

hooks

dict

图片上传 API

picgo cdnjson

请求拦截器 & 响应拦截器

api

路由鉴权

navigationGuards

Docker

• Dockerfile
• .dockerignore
• nginx.conf.template
• build.sh
• docker-compose.yml

Actions

生成无密码的密钥对

# 本地生成新密钥对（注意 -N 后是空字符串）
ssh-keygen -t rsa -b 4096 -C "jyoketsu@gmail.com" -f ./github-actions-key -N ""

将新生成的 github-actions-key (无密码私钥) 内容存入 SSH_PRIVATE_KEY
将 github-actions-key.pub (公钥) 内容添加到服务器的 /root/.ssh/authorized_keys

服务器的 SSH 配置

vi /etc/ssh/sshd_config

确保以下配置正确

PubkeyAuthentication yes
AuthorizedKeysFile .ssh/authorized_keys

获取目标服务器的 SSH 主机密钥

ssh-keyscan 47.102.193.24

将输出的内容复制到 GitHub Secrets 中的 SSH_KNOWN_HOSTS。

配置 Workflows

• main.yml