# Rhaego
基于 react + koa, 开箱即用的 Material Design 风格博客系统
已用于我的[个人站点](https://youknowznm.com)
截图见本文末尾
### 功能
- 响应式布局的单页应用
- [Material Design](https://material.io/) 风格
- 访客无需注册即可对文章点赞和评论
- 编辑文章时, 粘贴上传剪贴板的图片内容
- 编辑文章时, 实时预览 markdown
- 按文章的类别标签筛选展示
- 阅读文章时展示索引
- 根据配置展示 GitHub 仓库, 社交资料和个人简历
### 技术要点
- **未使用任何组件库 / 样式库 / 动画库**
- 交互和样式设计参考 [Google Design 旧站](https://web.archive.org/web/20170516175305/https://design.google.com), [AngularJS Material](https://material.angularjs.org/latest/), [Google 开发者](https://developer.chrome.com/) 等站点
- 依赖尽可能少的前端工具库
- 基于嵌入式数据库 [NeDB](https://github.com/louischatriot/nedb), 即插即用
- 根据真实客户端 IP 限制访客的有效请求次数
### 使用方式
#### 1. 准备
- 全局安装 [PM2](https://www.npmjs.com/package/pm2)
- nginx 关键配置:
```nginx
http {
server {
location / {
# 反向代理至 koa 服务
proxy_pass http://localhost:4000;
# 提供 koa 真实的客户端 IP, 而不是反向代理的
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
}
}
```
#### 2. 部署
- fork 此仓库
- 在 `config.js` 按需配置站点信息
- 克隆至远端服务器
- `npm run deploy`
- 在远端 `backend/secret.json` 配置管理员账户和 koa 秘钥
- `pm2 start backend/server/index.js`
### 二次开发
- fork 此仓库
- 克隆至本地
- 全局安装 [nodemon](https://www.npmjs.com/package/nodemon)
- `npm run setup`
- `npm run server` 启动后端
- `npm run dev` 启动前端开发环境
### What is Rhaego?
**Rhaego (雷戈)** 是小说冰与火之歌中丹妮莉丝·坦格利安与卓戈卡奥之子的名字.
> 「至于卓戈之子雷戈,骑着世界的骏马,我也要送他一件礼物。我要送他那张他母亲的父亲坐过的铁椅子,我要送他七大王国。我,卓戈,卡奥,要做这件事。我要带着我的卡拉萨向西走到世界尽头,骑着木马横渡黑色咸水,做出古往今来其他卡奥都从来没有做过的事。我要杀死穿铁衣服的人,拆了他们的石头房子。我要强奸他们的女人,抓他们的小孩来做奴隶,把他们无用的神像带回维斯·多斯拉克,向圣母山行礼。我,拔尔勃之子卓戈在此发誓,在圣母山前发誓,以天上群星为证。」
>
> _《冰与火之歌 · 卷一 · 权力的游戏》_
> "And to Rhaego son of Drogo, the stallion who will mount the world, to him I also pledge a gift. To him I will give this iron chair his mother's father sat in. I will give him Seven Kingdoms. I, Drogo, khal, will do this thing. I will take my khalasar west to where the world ends, and ride the wooden horses across the black salt water as no khal has done before. I will kill the men in the iron suits and tear down their stone houses. I will rape their women, take their children as slaves, and bring their broken gods back to Vaes Dothrak to bow down before the Mother of Mountains, as the stars look down to witness."
>
> _A Game of Thrones, 1996_
### 截图
#### 笔记列表
![](https://youknowznm.github.io/demos/images/rhaego/1-articles.png)
#### 笔记详情
![](https://youknowznm.github.io/demos/images/rhaego/2-article.png)
#### 代码仓库列表
![](https://youknowznm.github.io/demos/images/rhaego/3-repos.png)
#### 编辑笔记
![](https://youknowznm.github.io/demos/images/rhaego/4-edit.png)
#### 笔记评论
![](https://youknowznm.github.io/demos/images/rhaego/5-comment.png)
没有合适的资源?快使用搜索试试~ 我知道了~
基于 react + koa, 开箱即用的 Material Design 风格博客系统..详细文档+全部资料+高分项目+源码....
共75个文件
js:36个
scss:22个
svg:5个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 180 浏览量
2024-12-23
08:40:41
上传
评论
收藏 275KB ZIP 举报
温馨提示
【资源说明】 基于 react + koa, 开箱即用的 Material Design 风格博客系统. 基于嵌入式数据库 NeDB, 部署简单. 未使用任何组件库 样式库 动画库. 功能包括 markdown 解析, 直接上传剪贴板图片, 无需访客注册的点赞评论, 展示 github 和简历等.详细文档+全部资料+高分项目+源码.zip 【备注】 1、该项目是个人高分项目源码,已获导师指导认可通过,答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的在校学生、老师或者企业员工下载使用,也可作为毕业设计、课程设计、作业、项目初期立项演示等,当然也适合小白学习进阶。 4、如果基础还行,可以在此代码基础上进行修改,以实现其他功能,也可直接用于毕设、课设、作业等。 欢迎下载,沟通交流,互相学习,共同进步!
资源推荐
资源详情
资源评论
收起资源包目录
基于 react + koa, 开箱即用的 Material Design 风格博客系统. 基于嵌入式数据库 NeDB, 部署简单. 未使用任何组件库 样式库 动画库. 功能包括 markdown 解析, 直接上传剪贴板图片, 无需访客注册的点赞评论, 展示 github 和简历等.详细文档+全部资料+高分项目+源码.zip (75个子文件)
rhaego-master
backend
secret.json.example 119B
data
resume.md.example 14B
index.js 10KB
api
index.js 983B
utils
index.js 2KB
server
routes.js 7KB
index.js 3KB
frontend
webpack.config.js 4KB
assets
svg
index.js 3KB
style
normalize.scss 6KB
mobile.scss 2KB
reset.scss 244B
main.scss 3KB
highlight.scss 1KB
markdown.scss 3KB
images
wechat.jpeg 130KB
icon-github.svg 2KB
identicon.png 358B
icon-wechat.svg 2KB
icon-email.svg 282B
loading.svg 636B
icon-zhihu.svg 2KB
modules
Header
index.js 973B
Repos
index.js 3KB
repos.scss 397B
Context
index.js 2KB
Admin
admin.scss 2KB
index.js 6KB
Comments
comments.scss 2KB
index.js 6KB
Container
container.scss 218B
index.js 320B
Footer
footer.scss 3KB
index.js 3KB
Articles
articles.scss 392B
index.js 5KB
Article
article.scss 3KB
index.js 10KB
Editor
editor.scss 1012B
index.js 6KB
main.js 398B
utils
url.js 1KB
dom.js 2KB
getFingerprint.js 419B
date.js 1KB
ajax.js 2KB
storage.js 446B
like-lodash.js 957B
general.js 3KB
index.js 172B
components
Button
button.scss 3KB
index.js 4KB
Header
header.scss 4KB
themes.scss 2KB
index.js 8KB
Dialog
dialog.scss 1KB
index.js 4KB
TextField
text-field.scss 3KB
index.js 3KB
Toast
toast.scss 692B
index.js 2KB
Card
card.scss 2KB
index.js 1KB
Loading
loading.scss 498B
index.js 2KB
routes
index.js 2KB
index.html 443B
package.json 2KB
package-lock.json 327KB
config.js 982B
.gitignore 173B
README.md 4KB
scripts
deploy.sh 691B
setup.sh 645B
CSDN
软件
项目授权码.txt 268B
共 75 条
- 1
资源评论
Yuki-^_^
- 粉丝: 3101
- 资源: 3262
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 毕业设计-基于Web的图书推荐系统展示平台全部资料+详细文档+高分项目+源码.zip
- 毕业设计-基于Vue的电影在线预订与管理系统-后台java代码(ssm)全部资料+详细文档+高分项目+源码.zip
- 毕业设计-基于安卓Android房屋租赁系统app全部资料+详细文档+高分项目+源码.zip
- 毕业设计-基于改进神经网络的风电功率预测系统全部资料+详细文档+高分项目+源码.zip
- 毕业设计-基于机器学习的商品评论分析系统全部资料+详细文档+高分项目+源码.zip
- 毕业设计-基于安卓的汽车售票系统全部资料+详细文档+高分项目+源码.zip
- 毕业设计-基于监督学习的web入侵检测系统(0day收集器)全部资料+详细文档+高分项目+源码.zip
- 毕业设计-基于人脸识别的智能家居控制系统全部资料+详细文档+高分项目+源码.zip
- 毕业设计-基于区块链的医疗记录存储系统研究与开发全部资料+详细文档+高分项目+源码.zip
- 毕业设计-基于事理图谱的事件推理系统全部资料+详细文档+高分项目+源码.zip
- C#编写modbus tcp客户端读取modbus tcp服务器数据
- qaxbrowser-1.1.32574.52.exe (奇安信浏览器windows安装包)
- dnspy的win64安装包
- 漏扫神器Goby的漏洞库2024年最新最全收录2352个
- 梅名豪课设设计2220214087.docx
- 毕业设计-基于深度学习的电动自行车头盔佩戴检测系统全部资料+详细文档+高分项目+源码.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功