https://github.com/chaconneluo/blog

基于React与Typescript的个人博客
https://github.com/chaconneluo/blog

blog marked nestjs nextjs react react-router reactjs redux scss typeorm typescript

Last synced: 3 months ago
JSON representation

基于React与Typescript的个人博客

Host: GitHub
URL: https://github.com/chaconneluo/blog
Owner: ChaconneLuo
Created: 2022-11-21T12:11:08.000Z (over 3 years ago)
Default Branch: master
Last Pushed: 2023-02-02T07:36:59.000Z (over 3 years ago)
Last Synced: 2026-01-03T13:32:52.479Z (6 months ago)
Topics: blog, marked, nestjs, nextjs, react, react-router, reactjs, redux, scss, typeorm, typescript
Language: TypeScript
Homepage:
Size: 1.17 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

README

# Blog

基于 Web 的个人博客

## Server 模块

### 服务端

基于 Nest.js TypeOrm 框架，使用 Typescript 编写，使用 Mysql 存储信息(其实感觉 MongoDB 这种非关系型数据库对文章存储更友好)。

功能：登录验证，上传博客，获取博客信息，Jwt 授权(使用路由守卫)等功能。

## Admin 模块

### 博客管理端

基于 React 框架，使用 Typescript 编写，使用了 React-Router 进行路由跳转，使用了 Scss 管理 CSS 样式，使用 Redux
Redux/toolkit 进行状态管理，使用 Prettier 进行代码格式化，使用 Marked 进行 markdown 的转换。

功能：通过填写 markdown 源信息，标题，标签，上传博客。并提供了博客列表功能和 markdown 实时预览功能。

## Reader 模块

### 博客阅读端

基于 Next.js 框架与 Typescript 编写，使用了 next-seo 进行 SEO 优化，使用同构优化了首屏加载速度。

功能：通过 Next.js 动态路由获取/article/[id]来实现跳转到对应的页面，在 id 不存在时跳转到 404 页面。