# 个人博客

**Repository Path**: feifancc/a2312

## Basic Information

- **Project Name**: 个人博客
- **Description**: 用ts编写一个拓展性高的博客系统,检验前端基础三大剑和nodejs以及开发规范是否合格.
- **Primary Language**: TypeScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: https://www.feifan.life
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-01-21
- **Last Updated**: 2022-07-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 博客, TypeScript, Nodejs, CSS, HTML

## README

# 个人博客项目
## 项目启动
启动项目: 
```
    node ./server/index.js
```
##### 注意: 

##### 	不提供后台数据(默认我的接口)

##### 	自备lss证书 (没有证书通过 congfig.ts文件设置 isHttps=false) 

##### 	爬虫已经弃用爬到的html结构无法使用



## **<u>文件夹结构说明</u>**

### 服务器文件夹结构

-  ts :  nodejs服务器ts源代码

  * cookie :  对cookie设置的以及验证的中间件

  * db :  对mysql数据库初始化

  * interface : 输出平级文件夹接口类型

  * log : 打印日志中间件

  * model : 数据库初始化完整功能模块

  * #### public :  前端源代码以及打包后代码

  * #### router : DAL层

  * #### services : DLL层

  * spider : 爬虫( 结构不符废弃 )

  * ssl : 存放https证书

  * theft : 图片防盗链中间件

  * type :  输出平级文件夹接口类型

  * util : 工具包

  * ##### config.ts<文件> : 对服务器的设置

  * ##### index.ts<文件> : 项目启动入口

  * init.ts<文件> : 初始化项目

- server  :nodejs服务器打包后代码

### 前端文件夹结构

##### server>public基值

+ css : 包含less,css文件

+ dist : ts输出文件(测试)

+ img : 图片资源存放点( 和img合并 )

+ js : ts输出文件

+ lib : 存放字体图标

+ upload : 通过后端上传文件存放点( 被img文件夹合并 )

+ src : ts源文件

  + ##### js(core) : 核心功能

    + content : 各个页面的逻辑
    + header : 头部逻辑
    + navigation : 路由(暂未封装)
    + topswitch : 右侧排行榜
    + index<文件> : 入口
    + init : 启动

  + util : 自己封装的一些常用功能

  + config<文件> : js设置页面

  + index : 启动文件

  + type : ts类型

+ util : 工具文件
+ index.html<文件> : 主页面
+ main.js : 通过webpack打包压缩后的js文件

## 功能

#### 	前端

1. 登录注册已经验证

2. 自动登录(3小时,后端config.ts文件设置)

3. 单页面路由跳转(hash路由)

4. 列表排序

   1. 时间升降序(可用)
   2. 热度升降序(可用)
   3. 作者热度升降序(不可用)

5. 排序榜(动态)

   1. 热度排行榜
   2. 时间排序榜
   3. 内容排行榜

6. 标签展示

   1. 内置标签有内置样式
   2. 自定义标签暂无样式

7. 友情链接

8. 快速到顶(默认50px,可通过config.ts设置)

9. 当前页面列表展示数据( 留言为管理员feifan熟练 )

10. 退出登录(cookie已设置为不可修改)

11. 缓存上一次观察文章

12. 自定义关于

13. 用户权限标签(紫色管理员,绿色vip)

14. 万能搜索框

    1. 搜索到用户就用紫色标记
    2. 搜索文章以及预览内容就红色突出显示
    3. 搜索标签就展示同类型标签
    4. 搜索到空白就默认搜索全部
    5. 快捷键
       1. D快速获取焦点( 编辑文章,搜索时不生效)
       2. enter( 快速搜索 )
       3. esc清空内容
       4. 大小写适配

15. ##### 更换头像<需要登录>(png,jpg,webp,gif(vip权限))

16. ##### 发布文章<需要登录>

    1. 自定义标签
    2. 自定义模板内容
    3. 预览
    4. 上传本地资源以及网络资源
    5. 图片防盗
    6. 图片添加自己昵称水印
    7. 动态热度

17. ##### 发布评论<需要登录>

    1. 自己的评论会有标记
    2. 点赞和踩
    3. 点赞限制

18. ##### 可设置动态头像<vip权限>

19. ##### 管理用户<admin权限>

    1. 设置vip用户权限
    2. 修改其他用户