Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/galaxy-s10/nuxt-blog-client
基于Nuxt2 + ElementUI 搭建的博客前台
https://github.com/galaxy-s10/nuxt-blog-client
blog element-ui nuxt nuxt2 vue2
Last synced: 3 days ago
JSON representation
基于Nuxt2 + ElementUI 搭建的博客前台
- Host: GitHub
- URL: https://github.com/galaxy-s10/nuxt-blog-client
- Owner: galaxy-s10
- Created: 2020-03-01T04:54:28.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2024-10-08T11:06:21.000Z (5 months ago)
- Last Synced: 2025-02-08T09:39:52.949Z (12 days ago)
- Topics: blog, element-ui, nuxt, nuxt2, vue2
- Language: Vue
- Homepage: https://www.hsslive.cn
- Size: 3.58 MB
- Stars: 54
- Watchers: 2
- Forks: 17
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# 简介
基于 nuxt2.x + elementui 搭建的博客
# 预览
线上地址:[https://www.hsslive.cn](https://www.hsslive.cn)
# 功能
- [x] 登录/注册
- [x] qq 登录
- [x] github 登录
- [x] 文章
- [x] 作品
- [x] 标签
- [x] 留言
- [x] 互动
- [x] 点赞
- [x] 流量/访客/用户信息# 运行
> 注意:需要在本地启动一个 3300 端口的接口服务:[vue3-blog-server](https://github.com/galaxy-s10/vue3-blog-server)
## billd 依赖
```sh
pnpm i billd-utils@latest billd-scss@latest billd-deploy@latest billd-html-webpack-plugin@latest
```| 包名 | 版本 |
| ------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------- |
| [billd-html-webpack-plugin](https://github.com/galaxy-s10/billd-html-webpack-plugin) | [](https://www.npmjs.com/package/billd-html-webpack-plugin) |
| [billd-utils](https://github.com/galaxy-s10/billd-utils) | [](https://www.npmjs.com/package/billd-utils) |
| [billd-scss](https://github.com/galaxy-s10/billd-scss) | [](https://www.npmjs.com/package/billd-scss) |
| [billd-deploy](https://github.com/galaxy-s10/billd-deploy) | [](https://www.npmjs.com/package/billd-deploy) |## 安装依赖
```sh
pnpm install
```## 开发
```sh
pnpm run dev
```## 构建
```sh
pnpm run build
```## 运行
```sh
pnpm run start
```# 部署
## ~~docker~~
```sh
sh build.sh nuxt-blog-client null workspace 3000 v0.0.1
``````sh
sh docker.sh nuxt-blog-client null workspace 3000 v0.0.1
```# 服务器环境
> 建议使用 docker 部署
- node 版本:14.21.0
# 注意
该项目是 nuxt2 项目,nuxt2 是基于 vue2 的,如果 vscode 安装了 vue3 的 Vue Language Features (Volar)插件,请禁用该插件,不然的话点击类似 components/NoHeadImg/index.vue 的路径会跳转不到对应的 vue 文件