一个部署超简单的 Material Design 博客系统
zhngnmng · youknowznm · 2021-05-08 16:56:03 +08:00 · 3487 次点击这是一个创建于 1280 天前的主题，其中的信息可能已经有所发展或是发生改变。
首先祝各位五一快乐
几年前写了个同类项目, 现在看来欠考虑的东西太多了, 近期重写了一个, 功能如下:
- 单页应用, 响应式布局
- Material Design 风格
- 访客无需注册即可对文章点赞和评论
- 编辑文章时, 粘贴上传剪贴板的图片内容
- 编辑文章时, 实时预览 markdown
- 按文章的类别标签筛选展示
- 阅读文章时展示索引
- 根据配置展示 GitHub 仓库, 社交资料和个人简历
- 部署非常简单
技术上:
- 个人设计开发, 未使用任何组件库 / 样式库 / 动画库
- 交互和样式设计参考 Google Design 旧站, AngularJS Material, Google 开发者 等站点
- 依赖尽可能少的前端工具库
- 集成嵌入式数据库 NeDB, 即插即用
仓库在这里, 欢迎大佬们点评, 试用, 拍砖, 加星
已用于个人站点
另外近期在考虑换工作, 有合适的北京前端岗欢迎交流
来几张截图:
笔记列表
笔记详情
代码仓库列表
编辑笔记
笔记评论
第 1 条附言 · 2021-05-08 18:05:48 +08:00
基于 react + koa
 |
1
kasusa 2021-05-08 18:51:20 +08:00 via Android  1
不好看 浏览界面
|
 |
2
yafoo 2021-05-08 20:36:33 +08:00 via Android 1
收藏了，学习下你是怎么粘贴上传图片的
|
 |
3
SenLief 2021-05-08 21:54:59 +08:00 1
能不能让他不规则悬浮。
|
 |
4
learningman 2021-05-09 01:12:40 +08:00 via Android 1
material 哭了
|
 |
5
elone 2021-05-09 01:31:46 +08:00 1
不是很 material 啊
|
 |
6
hsfzxjy 2021-05-09 02:14:56 +08:00 via Android 1
感觉配色有点奇怪
|
 |
10
fliu2476 2021-05-10 17:27:54 +08:00 1
这个。。。不太像一个正经前端做出来的东西（请允许我实话实说）
|
 |
13
zhngnmng OP @kasusa
@learningman @elone @hsfzxjy @fliu2476 @Donahue 感谢各位的回复, 大家觉得 https://web.archive.org/web/20170515193926/https://design.google.com/ 有美感么? 我主要是仿照这个设计的 (非抬杠, 真诚求问, 如果是我设计方面的审美不够, 回头就不搞这类东西了😂) |
|
14
learningman 2021-05-11 10:55:37 +08:00
@zhngnmng #13 你看看人家的阴影，hover 动画，配色
人家是大图加 title 啊，你这黑压压的一片字是啥？你这没抄明白啊 |
|
15
zhngnmng OP @learningman 我除了没有大图（不会画也没考虑为文章配图）其它都是一致的，谢谢你的时间
|
|
16
hsfzxjy 2021-05-11 13:09:04 +08:00 via Android 1
没有背景图，用大块高饱和度的色块就会很奇怪，喧宾夺主，还不如统一的浅色色块
|
 |
18
phony2r 2021-05-11 14:10:15 +08:00
只有我一个人觉得很丑吗?
|
 |
20
Pore 2021-05-11 17:56:18 +08:00 1
感觉像缺少一点美感的 Google Keep，哈哈哈。
主要是太整齐，颜色选取差了一点。 |
|
22
kasusa 2021-05-16 22:06:49 +08:00 via Android
它原版是有的，因为是图片
|
Select Language