A Simple Static Site Card Nav

网址导航 | 静态网站

💫Card Nav

• 自用网址导航页
• 纯前端静态网站
• json配置分离
• 深色/浅色主题切换
• Markdown 文档查看

🛠️ 技术栈

• Vue3 + Element Plus + Vite + highlight js

🌐链接

环境	地址
🚀演示demo	https://kkxiaoxin.github.io/card-nav/

安装

Node >= 20

pnpm i

pnpm dev

pnpm build

截图

项目配置

• 💡修改src/config/app.js中的配置

export const APP_CONFIG = {
  // 应用基础路径前缀，比如：BASE_PREFIX: '/nav',
  BASE_PREFIX: '',
  TITLE: '小新导航',
  SITE_NAME: '小新导航-资源合集',
  // 开发环境配置
  DEV: {
    PORT: 3000,
    OPEN: true
  }
}

nginx conf

server {
  listen 9091;
  listen [::]:9091;
  server_name localhost;

  gzip on;
  gzip_min_length 1024;
  gzip_types text/css application/javascript application/json application/xml text/xml;

  # 禁用浏览器缓存
  add_header Cache-Control "no-cache, no-store, must-revalidate";
  add_header Pragma "no-cache";
  add_header Expires "0";
  etag off;

  location /nav {
    alias /home/nav/dist/;
    try_files $uri $uri/ /nav/index.html;
    index index.html;
  }
}