Giter Site home page Giter Site logo

lrunlin / blog Goto Github PK

View Code? Open in Web Editor NEW
791.0 791.0 137.0 17.91 MB

使用Next.js+React.js+Koa+Typescript搭建的技术博客社区

Home Page: https://blogweb.cn

License: Apache License 2.0

JavaScript 0.85% TypeScript 97.11% Batchfile 0.07% SCSS 0.25% CSS 0.60% EJS 1.12%
blog koa mysql nextjs nodejs react typescript

blog's Introduction

技术博客社区系统

Logo

系统说明

文章针对系统进行简单的说明,并且对管理系统进行了展示 https://blogweb.cn/article/5488756264910 系统包含论文两篇

关于前端Next.js (2024/06) 前端由 pages router 切换至 app router,如果想要使用 pages router 的版本,可以克隆pages router 的最后一个版本

git clone https://github.com/Lrunlin/blog.git
cd blog
git checkout 9d837612d2bbc50b80248ec06b8af04f9c5ecf01

相关技术

前端:Next.js (React.js 18、app router)
服务端:Koa2+Sequelize(ORM)
数据库:MySQL、Redis

开发语言 TypeScript
组件库使用 Ant Design
CSS 方案 Tailwind CSS
React 状态管理 Zustand OSS 支持阿里云和七牛云

系统支持 JWT 和 Session 两种鉴权方式因为系统拥有账号注销功能,而 JWT 是无服务器状态的所以推荐使用 Session 存储在 Redis 中。

联系方式

可以开发其他项目、毕业设计、毕业论文等

QQ 微信

其他版本

系统相对完善对博客网站所需的 SEO 有处理可以在生产环境中进行使用,也可以当做毕业设计,同时有毕业论文两篇。 系统提供一 份用户端为 Vue3 的 CSR 版本(前端 Vue3,服务端 Node.js+TS+Sequelize) (非开源 QQ、微信联系)
以及一份Next.js+Vue3+Express 版本(作者主页可见,开源) 全部有对应论文

可联系 QQ:1974109227 微信:webzhizhuo

相关链接

  1. 博客预览地址:https://blogweb.cn
  2. GitHub 仓库地址:https://github.com/Lrunlin/blog
  3. Gitee 仓库地址:https://gitee.com/awebcoder/blog

功能

用户端

  1. 登录/注册/注销
    1. 邮箱
    2. QQ
    3. GitHub(仅支持登录)
  2. 首页文章推荐
  3. 文章的增删改查,以及草稿箱功能
  4. 文章评论、点赞
  5. 设置/修改用户基本信息、展示作者基本社交平台账号
  6. 关注作者、收藏夹功能、收藏文章 以及对应的列表查询
  7. 站内信提醒设置(文章、评论)
  8. 文章发布数量、粉丝排行榜
  9. 文章页面主题模式(申请创建和使用)
  10. 问答-发起问题、采纳回答、回答问题

管理系统

  1. 分页查询文章
  2. 可以查询指定文章信息并对其修改、删除
  3. 发布文章可以上传图片并对图片进行水印添加和压缩
  4. 可以添加、查询文章类型
  5. 可以简单获取服务器当前信息(大屏数据可视化)
  6. 可以查询用户留言进行并且删除
  7. 爬虫系统,自动文章(思否、掘金)抓取
  8. 推广内容的数据处理
  9. 评论管理
  10. 首页消息通知
  11. OSS 内图片处理
  12. 外链处理
  13. 友链处理

环境变量

  1. client 文件夹在 env 文件夹中.env.production 文件并按照.env.development 填写完整
  2. server 文件夹在 env 文件夹中将 template 重命名为环境变量名(development/production)后补全内容

启动

环境

  1. Node.js 18.20+
  2. MySQL 8.x
  3. Redis

启动步骤

如果在安装时出现了sharp插件安装失败的问题,可以翻墙使用代理节点重新执行install,或参考sharp 文档中相关内容 chinese mirror

  1. 导入 SQL 文件
  2. npm install yarn -g (如果有 yarn 请忽略)
  3. 点击 install.bat 自动安装依赖 (完成后关闭 cmd 窗口)
  4. 点击 dev.bat 启动项目

生产环境部署

本站使用宝塔 Linux 进行网站部署,对于不同开发者来说生产环境服务器不同。如果你在项目部署时遇到了问题可以通过顶部的联系方式联系我。

项目同时使用了 pm2 和 socket.io 所以 pm2 要替换为@socket.io/pm2,安装过程见 install.bat。详情见scoket.io 官网相关内容

服务器推荐

  1. 服务器:腾讯云(推荐)
  2. 服务器:阿里云
  3. CDN/OSS:七牛云

Star History

Star History Chart

blog's People

Contributors

lrunlin avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

blog's Issues

server目录下env问题(环境变量问题解答)

两个问题:
1,入口index里面配置dotenv,看引入路径是引入的其实是根目录下的.env文件,但其实master上面根目录没有这个文件;
2,script里面dev下的index,为什么要read 一下env目录下的env.template文件,最后又去write进原文件?

毕设

您好,用这个项目做毕业设计可以吗?不需要涉及什么版权纠纷吗?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.