V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
zhngnmng
V2EX  ›  分享创造

一个部署超简单的 Material Design 博客系统

  •  
  •   zhngnmng ·
    youknowznm · 2021-05-08 16:56:03 +08:00 · 3500 次点击
    这是一个创建于 1296 天前的主题,其中的信息可能已经有所发展或是发生改变。

    首先祝各位五一快乐

    几年前写了个同类项目, 现在看来欠考虑的东西太多了, 近期重写了一个, 功能如下:

    • 单页应用, 响应式布局
    • Material Design 风格
    • 访客无需注册即可对文章点赞和评论
    • 编辑文章时, 粘贴上传剪贴板的图片内容
    • 编辑文章时, 实时预览 markdown
    • 按文章的类别标签筛选展示
    • 阅读文章时展示索引
    • 根据配置展示 GitHub 仓库, 社交资料和个人简历
    • 部署非常简单

    技术上:

    仓库在这里, 欢迎大佬们点评, 试用, 拍砖, 加星

    已用于个人站点

    另外近期在考虑换工作, 有合适的北京前端岗欢迎交流


    来几张截图:

    笔记列表

    笔记详情

    代码仓库列表

    编辑笔记

    笔记评论

    第 1 条附言  ·  2021-05-08 18:05:48 +08:00
    基于 react + koa
    22 条回复    2021-05-16 22:06:49 +08:00
    kasusa
        1
    kasusa  
       2021-05-08 18:51:20 +08:00 via Android   ❤️ 1
    不好看 浏览界面
    yafoo
        2
    yafoo  
       2021-05-08 20:36:33 +08:00 via Android   ❤️ 1
    收藏了,学习下你是怎么粘贴上传图片的
    SenLief
        3
    SenLief  
       2021-05-08 21:54:59 +08:00   ❤️ 1
    能不能让他不规则悬浮。
    learningman
        4
    learningman  
       2021-05-09 01:12:40 +08:00 via Android   ❤️ 1
    material 哭了
    elone
        5
    elone  
       2021-05-09 01:31:46 +08:00   ❤️ 1
    不是很 material 啊
    hsfzxjy
        6
    hsfzxjy  
       2021-05-09 02:14:56 +08:00 via Android   ❤️ 1
    感觉配色有点奇怪
    zhngnmng
        7
    zhngnmng  
    OP
       2021-05-09 21:28:56 +08:00
    @yafoo 监听 paste 时间取到 clipboardData.files[0] 就可以了
    zhngnmng
        8
    zhngnmng  
    OP
       2021-05-09 21:30:37 +08:00
    @hsfzxjy 😂 是从官方的配色列表选的主色, 可能是我搭配上有问题
    zhngnmng
        9
    zhngnmng  
    OP
       2021-05-09 21:31:06 +08:00
    @SenLief 抱歉 没明白
    fliu2476
        10
    fliu2476  
       2021-05-10 17:27:54 +08:00   ❤️ 1
    这个。。。不太像一个正经前端做出来的东西(请允许我实话实说)
    zhngnmng
        11
    zhngnmng  
    OP
       2021-05-10 19:54:21 +08:00 via iPhone
    @fliu2476 可以具体说说么
    Donahue
        12
    Donahue  
       2021-05-11 10:26:40 +08:00   ❤️ 1
    @zhngnmng 没有美感可言
    zhngnmng
        13
    zhngnmng  
    OP
       2021-05-11 10:50:47 +08:00
    @kasusa
    @learningman
    @elone
    @hsfzxjy
    @fliu2476
    @Donahue

    感谢各位的回复, 大家觉得 https://web.archive.org/web/20170515193926/https://design.google.com/ 有美感么? 我主要是仿照这个设计的

    (非抬杠, 真诚求问, 如果是我设计方面的审美不够, 回头就不搞这类东西了😂)
    learningman
        14
    learningman  
       2021-05-11 10:55:37 +08:00
    @zhngnmng #13 你看看人家的阴影,hover 动画,配色
    人家是大图加 title 啊,你这黑压压的一片字是啥?你这没抄明白啊
    zhngnmng
        15
    zhngnmng  
    OP
       2021-05-11 12:36:07 +08:00 via iPhone
    @learningman 我除了没有大图(不会画也没考虑为文章配图)其它都是一致的,谢谢你的时间
    hsfzxjy
        16
    hsfzxjy  
       2021-05-11 13:09:04 +08:00 via Android   ❤️ 1
    没有背景图,用大块高饱和度的色块就会很奇怪,喧宾夺主,还不如统一的浅色色块
    zhngnmng
        17
    zhngnmng  
    OP
       2021-05-11 13:19:37 +08:00 via iPhone
    @hsfzxjy 感谢
    phony2r
        18
    phony2r  
       2021-05-11 14:10:15 +08:00
    只有我一个人觉得很丑吗?
    zhngnmng
        19
    zhngnmng  
    OP
       2021-05-11 14:20:00 +08:00 via iPhone
    @phony2r 上面没有说好看的,所以你不是一个人
    Pore
        20
    Pore  
       2021-05-11 17:56:18 +08:00   ❤️ 1
    感觉像缺少一点美感的 Google Keep,哈哈哈。
    主要是太整齐,颜色选取差了一点。
    zhngnmng
        21
    zhngnmng  
    OP
       2021-05-11 18:06:56 +08:00 via iPhone
    @Pore 有道理~
    kasusa
        22
    kasusa  
       2021-05-16 22:06:49 +08:00 via Android
    它原版是有的,因为是图片
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2985 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 13:23 · PVG 21:23 · LAX 05:23 · JFK 08:23
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.