rymcu / nebula Goto Github PK

View Code? Open in Web Editor NEW

123.0 1.0 44.0 2.74 MB

nebula(星云)——一款现代化的知识社区前台项目，使用 Vue + NuxtJS + Element-UI 实现

Home Page: https://rymcu.com

Vue 82.11% JavaScript 17.68% Dockerfile 0.15% Shell 0.06%

nuxtjs element-ui vue

nebula's Introduction

nebula

💡 简介

nebula（[ˈnebyələ]，n.星云）是一款现代化的知识社区项目，使用 Vue + NuxtJS + Element-UI 实现

💡 Tips

与后端项目 forest （[ˈfôrəst]，n.森林）一起食用，让我们一起探索知识社区的未来。

⚡ 动机

在 2019 年的某一天,受到 Hugh 的邀请, 构建一个开源嵌入式知识学习交流平台。因此就有了 nebula 这个项目。 nebula 在很多方面受到了 Symphony 的启发,并尝试着在 Symphony 和 B3log ** 的基础上进一步探索。

✨ 特性

内容编辑器
- Markdown（GFM）
- emoji
- 上传文件
  - 图片
  - 文件
  - 单独渲染 MP3 文件
  - 单独渲染视频文件
- 剪切板处理
  - 粘贴内容处理为 Markdown
  - 粘贴图片自动重新上传
- 数学公式（LaTeX）、流程图支持
- 工具栏
  - 表情
  - 粗体
  - 斜体
  - 引用
  - 无序列表
  - 有序列表
  - 链接
  - 上传
  - 预览
  - 全屏
- 编辑模式
  - 传统的 Markdown 分屏编辑预览
  - 保留 Markdown 标记符的即时渲染
  - 类富文本编辑器的所见即所得
注册
- 用户名
- 邮箱
- 验证码
登录
- 账户(用户名/邮箱)
- 密码
- 忘记密码
  - 邮箱
  - 邮箱验证
发帖
- 帖子类型
  - 普通帖子
- 标题
- 正文
  - 内容编辑器
- 标签
  - 使用已有（选择、自动完成）或创建
  - 默认“待分类”
- 发布后
  - 可更新
  - 可删除
回帖
- 内容编辑器
- 回复（回复针对回帖）
货币
- 货币规则
浏览贴子
- 编辑自己的帖子
- 发布时间/浏览数/标签
- 分享
  - 微信
  - 分享链接（带用户标识）

报告缺陷

社区系统可能存在一些潜在的缺陷，大家如果有空的话可以帮助我们一起解决。

如果你在使用社区时发现了如下类型的问题，请回帖进行反馈，并附上 bug 截图以及操作步骤：

功能性缺陷：例如发布文章失败、创建作品集失败等
安全性漏洞：例如 XSS/CSRF、盗用用户信息等

功能建议

欢迎对社区提出功能特性方面的建议，我们一起讨论，如果有可能我们会尽快实现。

在提功能建议前可以先看一下计划表，避免重复提议

鸣谢

感谢以下开发者对 Nebula 作出的贡献：

感谢 JetBrains 对本项目的帮助,为作者提供了开源许可版 JetBrains 全家桶

Build Setup

# install yarn
npm install -g yarn

# install dependencies
yarn install

# serve with hot reload at localhost:3000
yarn run dev

# build for production and launch server
yarn run build
yarn run start

# generate static project
yarn run generate

如果遇到网络超时的问题可以尝试配置国内镜像源： yarn config set registry https://registry.npm.taobao.org 和npm config set registry https://registry.npm.taobao.org

项目部署

关闭本地项目后,在控制台执行 npm run build 进行打包
拷贝以下文件至服务器

服务器安装 Nodejs 环境
项目目录下执行 yarn install
执行 npm install pm2 -g
执行 pm2 list 检查 pm2 是否安装好
执行 pm2 start npm --name nebula -- run start

For detailed explanation on how things work, check out Nuxt.js docs.

License

nebula's People

Contributors

Stargazers

Watchers

nebula's Issues

用户头像压缩/裁剪不同尺寸

因用户上传头像过大,导致首页加载慢,修改意见:

对用户头像进行压缩
对用户头像裁剪,不同展示场景(首页/文章详情页/个人中心)使用相应尺寸图片

专题管理&标签管理页适配 vue-cropper

@zhumengyua

优化作品集主图裁剪功能为自动裁剪

修改为点击提交或挪移图片自动裁剪

部署后的项目提示“未登录或已登录超时，请重新登录”，本地没有问题

问题描述:
在本地开发环境中，一切运行正常。然而，当我将项目部署到服务器后，访问页面时总是提示“未登录或已登录超时，请重新登录”。以下是问题的详细描述和相关信息：

环境信息:

问题截图:

重现步骤:

在本地环境中运行项目，登录并访问相关页面，一切正常。
将项目部署到服务器。
访问部署后的项目页面，提示“未登录或已登录超时，请重新登录”。

预期结果:
在服务器上部署后，访问页面应该与本地环境一样，正常显示内容，而不是提示登录超时。

实际结果:
在服务器上访问页面时，总是提示“未登录或已登录超时，请重新登录”。

非常感谢您的帮助！

用户管理界面增加排序功能

例如点击“注册时间”，用户按时间升序或降序排列！

后台管理界面修改为标签页模式

后台管理界面修改为标签页模式,点击菜单自动创建标签页打开页面，效果如图所示

产品信息新增/编辑界面开发

Nuxt Fatal Error

作者你好，nebula拉取最新的代码后（PR #52 及之前是正常的），npm run dev命令后显示vue版本不一致，报错具体如下：

$ npm run dev

> [email protected] dev
> nuxt


 FATAL                                                                                                                                                     21:36:37

Vue packages version mismatch:

- [email protected]
- [email protected]

This may cause things to work incorrectly. Make sure to use the same version for both.


  
  Vue packages version mismatch:
  
  - [email protected]
  - [email protected]
  
  This may cause things to work incorrectly. Make sure to use the same version for both.
  
  at Object.<anonymous> (node_modules\vue-server-renderer\index.js:8:9)
  at Module.o._compile (node_modules\jiti\dist\v8cache.js:2:2778)
  at Object.Module._extensions..js (node:internal/modules/cjs/loader:1159:10)
  at Module.load (node:internal/modules/cjs/loader:981:32)
  at Function.Module._load (node:internal/modules/cjs/loader:822:12)
  at Module.require (node:internal/modules/cjs/loader:1005:19)
  at n (node_modules\jiti\dist\v8cache.js:2:2472)
  at Object.<anonymous> (node_modules\@nuxt\vue-renderer\dist\vue-renderer.js:19:27)
  at Module.o._compile (node_modules\jiti\dist\v8cache.js:2:2778)
  at Object.Module._extensions..js (node:internal/modules/cjs/loader:1159:10)


   ╭────────────────────────────────────────────────────────────────────────────────────────────╮
   │                                                                                            │
   │   ✖ Nuxt Fatal Error                                                                       │
   │                                                                                            │
   │   Error:                                                                                   │
   │                                                                                            │
   │   Vue packages version mismatch:                                                           │
   │                                                                                            │
   │   - [email protected]                                                                             │
   │   - [email protected]                                                             │
   │                                                                                            │
   │   This may cause things to work incorrectly. Make sure to use the same version for both.   │
   │                                                                                            │
   │                                                                                            │
   ╰────────────────────────────────────────────────────────────────────────────────────────────╯