Skip to content

galaxy-s10/nuxt-blog-client

Repository files navigation

简介

基于 nuxt2.x + elementui 搭建的博客

预览

线上地址:https://www.hsslive.cn

功能

  • 登录/注册
    • qq 登录
    • github 登录
  • 文章
  • 作品
  • 标签
  • 留言
  • 互动
  • 点赞
  • 流量/访客/用户信息

运行

注意:需要在本地启动一个 3300 端口的接口服务:vue3-blog-server

billd 依赖

pnpm i billd-utils@latest billd-scss@latest billd-deploy@latest billd-html-webpack-plugin@latest
包名 版本
billd-html-webpack-plugin npm
billd-utils npm
billd-scss npm
billd-deploy npm

安装依赖

pnpm install

开发

pnpm run dev

构建

pnpm run build

运行

pnpm run start

部署

docker

sh build.sh nuxt-blog-client null workspace 3000 v0.0.1
sh docker.sh nuxt-blog-client null workspace 3000 v0.0.1

服务器环境

使用 docker 部署。

  • 操作系统:CentOS Linux release 8.2.2004
  • nginx 版本:1.21.4
  • node 版本:14.19.0
  • redis 版本:5.0.3
  • mysql 版本:8.0.26
  • pm2 版本:5.1.2

注意

该项目是 nuxt2 项目,nuxt2 是基于 vue2 的,如果 vscode 安装了 vue3 的 Vue Language Features (Volar)插件,请禁用该插件,不然的话点击类似 components/NoHeadImg/index.vue 的路径会跳转不到对应的 vue 文件