V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
tukon479
V2EX  ›  程序员

开源了自用的个人站点,安排了一个演示站,欢迎大家来体验。

  •  6
     
  •   tukon479 ·
    innei · 2022-05-26 00:02:07 +08:00 · 7215 次点击
    这是一个创建于 663 天前的主题,其中的信息可能已经有所发展或是发生改变。

    自用个人站点,功能比传统博客多一点,已经迭代也很久了。大家一起来玩玩看。

    可以直接访问 demo 站。

    管理后台:https://mx-demo.shizuri.net/proxy/qaqdmin 密码:demo

    主站:https://mx-demo.shizuri.net/

    仓库在:https://github.com/mx-space?type=source

    第 1 条附言  ·  2022-05-26 10:20:59 +08:00
    关于风格:

    主站的风格是我个人的偏好,毕竟每个人的喜欢的风格都不一样。不过对于个人没有必要去维护和开发其他的风格,看上去极客圈都喜欢极简的风格,因为有 js-sdk 所以迁移一个风格应该还是比较快的。我之前迁移了云游君的 yun ,大概只需要 2-3 天的时间。(接入实时通知的话,会耗点时间)。
    87 条回复    2022-09-21 09:31:06 +08:00
    iamzuoxinyu
        1
    iamzuoxinyu  
       2022-05-26 00:04:39 +08:00   ❤️ 18
    花里胡哨.jpg
    kylix
        2
    kylix  
       2022-05-26 00:09:30 +08:00
    支持分享,顶下!
    ajaxgoldfish
        3
    ajaxgoldfish  
       2022-05-26 01:18:20 +08:00 via Android
    支持分享,顶下!
    lanlanye
        4
    lanlanye  
       2022-05-26 01:49:51 +08:00
    还没看代码……蛮好看的不过背景会影响阅读吧?
    liufish
        5
    liufish  
       2022-05-26 08:12:14 +08:00
    抱歉啦, 页面走丢了
    https://mx-demo.shizuri.net/about
    dufu1991
        6
    dufu1991  
       2022-05-26 08:17:49 +08:00
    @lanlanye 我觉得确实影响了。
    golangLover
        7
    golangLover  
       2022-05-26 08:36:48 +08:00 via Android
    这项目从以前到现在一直都在关注。虽然不知道为什么以前创建文章的时候总是提示 mongo object key 的问题。现在重构了有空再试谢谢
    heylogo
        8
    heylogo  
       2022-05-26 08:38:58 +08:00
    去掉花里胡哨的背景和配色,还行
    kujio
        9
    kujio  
       2022-05-26 08:42:08 +08:00
    感觉好棒,要是内容背景能随文字一起动就更好了,现在这样透明的,有点非主流
    yl20181003
        10
    yl20181003  
       2022-05-26 08:46:56 +08:00
    真好看
    villivateur
        11
    villivateur  
       2022-05-26 08:50:51 +08:00 via Android   ❤️ 2
    我觉得挺好看的啊,一楼为啥这么多感谢
    particlec
        12
    particlec  
       2022-05-26 08:53:56 +08:00
    好看
    xiaoke0718
        13
    xiaoke0718  
       2022-05-26 09:00:58 +08:00
    后台管理好人性化
    istevenshen
        14
    istevenshen  
       2022-05-26 09:01:17 +08:00
    点个赞,虽然不是我想要的风格
    RickyC
        15
    RickyC  
       2022-05-26 09:13:38 +08:00
    我们喜欢的,是未登录的百度首页那种界面。
    jtping
        16
    jtping  
       2022-05-26 09:21:33 +08:00
    考虑接入 java 的服务端吗 我可以提供帮助
    ragnaroks
        17
    ragnaroks  
       2022-05-26 09:23:15 +08:00
    能直接打开 youtube 的专线转不完你的网站
    ragnaroks
        18
    ragnaroks  
       2022-05-26 09:27:22 +08:00
    99 个请求
    已传输 2.3 MB
    3.4 MB 项资源
    完成用时:4.1 分钟
    DOMContentLoade

    放弃加载了,看了下是低级托欧行,真没见过这么卡的
    debuginn
        19
    debuginn  
       2022-05-26 09:53:50 +08:00
    支持下
    molvqingtai
        20
    molvqingtai  
       2022-05-26 10:00:49 +08:00
    萌备 20220520 号
    phony2r
        21
    phony2r  
       2022-05-26 10:03:23 +08:00
    个人站点搞这么复杂
    迟早没有经历维护
    还是简单点好
    hellodigua
        22
    hellodigua  
       2022-05-26 10:09:50 +08:00
    换个好点的服务器[doge]
    orzz
        23
    orzz  
       2022-05-26 10:10:46 +08:00
    真.花里糊梢 +1 话说速度能优化优化么
    tukon479
        24
    tukon479  
    OP
       2022-05-26 10:11:00 +08:00
    @ragnaroks 我这挺快的,可能 do 的机子网不太行
    tukon479
        25
    tukon479  
    OP
       2022-05-26 10:11:45 +08:00
    @orzz 首页 Lighthouse performance 跑 90.之前测的
    tukon479
        26
    tukon479  
    OP
       2022-05-26 10:12:44 +08:00
    @jtping 不考虑,目前全是 node 技术栈
    duzhuo
        27
    duzhuo  
       2022-05-26 10:15:48 +08:00
    好酷炫
    zooeymango
        28
    zooeymango  
       2022-05-26 10:17:23 +08:00
    我打开还挺快的呀,做的很好看,收藏了,很系统很科学
    ciki
        29
    ciki  
       2022-05-26 10:18:41 +08:00
    妹纸风格
    xiaochong0302
        30
    xiaochong0302  
       2022-05-26 10:21:42 +08:00
    这什么玩意呀,就看到一个图标,其它的就不加载了,尴尬.png
    tukon479
        31
    tukon479  
    OP
       2022-05-26 10:47:16 +08:00
    @xiaochong0302 digitalocean 机器在新加坡,网可能不是很好。可以访问我的主站 <https://innei.ren> 部署在国内
    Clarke
        32
    Clarke  
       2022-05-26 10:51:56 +08:00
    卡,半天加载不出来
    gscsnm
        33
    gscsnm  
       2022-05-26 10:59:49 +08:00
    支持,网站感觉很好
    tukon479
        34
    tukon479  
    OP
       2022-05-26 11:05:22 +08:00
    @xiaoke0718 感谢,其实后台的代码是最多的。。
    chenmobuys
        35
    chenmobuys  
       2022-05-26 11:12:44 +08:00   ❤️ 1
    背景的横线看的眼花
    sheeta
        36
    sheeta  
       2022-05-26 11:14:19 +08:00
    143 requests
    7.2 MB transferred
    8.8 MB resources
    Finish: 5.68 s
    DOMContentLoaded: 432 ms
    Load: 4.65 s
    sheeta
        37
    sheeta  
       2022-05-26 11:14:35 +08:00
    @sheeta 首页太大了
    abersheeran
        38
    abersheeran  
       2022-05-26 11:17:14 +08:00
    后台好看是真的好看。
    UIXX
        39
    UIXX  
       2022-05-26 11:41:56 +08:00   ❤️ 2
    我看了 Mix Space ,也看了保罗的小窝,有一些结合了个人经验的看法。

    我没做过完整的前端 UI 方案,但做过 Discuz 的插件跟局部 UI 修改,恰好 Mix Space 这种板块布局风格非常像以前的 Discuz 二次元主题,我想可以说些什么。

    由于主题叫 Kami ,加上 demo 标题,这应当是一套偏日式风格的 UI ,但我感觉到一些违和:

    1. Helvetica 极其平淡,使用日式风格字体更好,比如一些黑体、细长体与细圆体。

    2. 白天模式下的背景白对比过于强烈,造成阅读不适,可以换成温和的大色块。夜晚模式要好一些,但背景的横线仍让我不禁想起 QQ 空间中的“信纸”,有一种廉价感。

    3. 透明底的控件不好。博客要设计得有层次感,一是突出内容的类属,比如正文、回复框与评论,降低读者的“负担”,二是反衬出背景,不致于文字与图像无序杂糅。

    4. 减少色彩的使用。这个就不多说了。

    5. 论坛式的板块布局不适合直接用于文章陈列。弊端很多:
    - 无法从有限的板块宽度中提取完整的文章标题;
    - 文章配图局限大;
    - 横向空间利用率低;
    - 整体有效信息密度低

    就信息密度低多展开一下。无论是博客系统还是论坛系统,重要的还是有效信息,风格再强烈,该传达给读者的还是要传达的。所以除了纯炫技的飞机稿,非主要的图片元素喧宾夺主是打造主题时很忌讳的一件事。

    希望 LZ 的项目能越做越好。
    tukon479
        40
    tukon479  
    OP
       2022-05-26 11:51:25 +08:00
    @UIXX 感谢指点
    learningman
        41
    learningman  
       2022-05-26 11:55:40 +08:00
    我超,二次元
    veve
        42
    veve  
       2022-05-26 11:59:51 +08:00
    二次元风格浓郁
    hawei
        43
    hawei  
       2022-05-26 12:34:14 +08:00
    老二次元了
    lym5241
        44
    lym5241  
       2022-05-26 13:07:30 +08:00
    网站太好看了,顶一下
    cat9life
        45
    cat9life  
       2022-05-26 13:36:35 +08:00   ❤️ 1
    暴露年龄,我感觉像 QQ 空间
    IslandOwnerHuang
        46
    IslandOwnerHuang  
       2022-05-26 14:13:57 +08:00
    对 Safari 兼容性不佳呀......点开一个页面后再返回上一个页面就加载不出来了😢
    tukon479
        47
    tukon479  
    OP
       2022-05-26 14:17:40 +08:00
    @IslandOwnerHuang 主站没做 ployfill ,只兼容到支持最新特征的浏览器。
    IslandOwnerHuang
        48
    IslandOwnerHuang  
       2022-05-26 14:19:02 +08:00
    @tukon479 我电脑运行的是最新的 macOS12.4 呀,Safari 也是最新的稳定版(版本 15.5 )
    tukon479
        49
    tukon479  
    OP
       2022-05-26 14:24:39 +08:00
    @IslandOwnerHuang 不知道哦,看了下 safari 的行为很诡异
    IslandOwnerHuang
        50
    IslandOwnerHuang  
       2022-05-26 14:26:57 +08:00
    @tukon479 苹果用户真的要哭了,新的 M1 芯片的 MacBook 用 Chrome 还好,老的 Intel 芯片的 MacBook 用 Chrome 真的是又烫又吵😭只能被逼用 Safari ,虽然兼容性不佳但至少安静些。
    tukon479
        51
    tukon479  
    OP
       2022-05-26 14:57:45 +08:00
    @IslandOwnerHuang 虽然的确是这样。。但也至于这样吧。。我也是 Intel 的 mbp ,19 年 mbp 16
    Zy143L
        52
    Zy143L  
       2022-05-26 15:23:55 +08:00
    适合个人展示..不适合博文阅读
    610915518
        53
    610915518  
       2022-05-26 15:41:28 +08:00
    比较小而精致,但是看起来比较乱

    打开比较慢,浏览器看了一下请求,各种资源引用的域名都不太一样,有的在国内域名,有的在国外域名。。。不如都放到自己的域名下
    2NUT
        54
    2NUT  
       2022-05-26 15:52:04 +08:00
    加载过慢...

    建议优化
    2NUT
        55
    2NUT  
       2022-05-26 15:54:11 +08:00
    还是不够萌

    给你推荐个 可爱字体

    https://www.fonts.net.cn/font-34569394773.html
    sprite82
        56
    sprite82  
       2022-05-26 15:56:37 +08:00
    好看是真好看,但不适合我这种 90 后老人,比较适合年轻人😂
    tukon479
        57
    tukon479  
    OP
       2022-05-26 16:17:49 +08:00
    @610915518 目前只有字体加载在第三方域名,其他都是本域名吧。。
    KaGaMiKun
        58
    KaGaMiKun  
       2022-05-26 16:31:48 +08:00
    稍微逛了下网站真不错

    如果文章列表查看是打开新标签或者能右键打开新标签就更好了
    不然页面一刷,都不知道去到哪了
    IslandOwnerHuang
        59
    IslandOwnerHuang  
       2022-05-26 16:46:26 +08:00
    @tukon479 我的也是 19 年的 mbp16 ,有 Touch Bar 和无刘海确实好看,但是这个发热和续航对比新款确实差了点意思
    suyuyu
        60
    suyuyu  
       2022-05-26 16:51:24 +08:00
    卡出翔..看不了
    tukon479
        61
    tukon479  
    OP
       2022-05-26 16:54:09 +08:00
    @sprite82 适合 00 后😂
    wonderfulcxm
        62
    wonderfulcxm  
       2022-05-26 16:57:04 +08:00 via iPhone
    这风格对小学生显得过于幼稚,对大学生来说刚刚好。开玩笑的,学习学习
    Michael94
        63
    Michael94  
       2022-05-26 17:02:30 +08:00
    3 分钟了还没打开...[二哈]
    tukon479
        64
    tukon479  
    OP
       2022-05-26 17:06:33 +08:00
    @Michael94 建议挂上梯子访问哈,或者访问部署在国内的站 <innei.ren>
    ChopMoun
        65
    ChopMoun  
       2022-05-26 17:13:23 +08:00
    萝卜青菜各有所爱,适应不了这种二次元风格
    shankun
        66
    shankun  
       2022-05-26 17:26:39 +08:00
    攻击开始,大批量的,哈哈
    shankun
        67
    shankun  
       2022-05-26 17:28:23 +08:00
    你是 GG 还是 MM ,做的也太花了。
    id7368
        68
    id7368  
       2022-05-26 17:30:04 +08:00 via iPhone
    太棒了,晚上发文帮忙宣传一波
    bbbbright
        69
    bbbbright  
       2022-05-26 17:57:58 +08:00
    我血糖高 这个怕是用不了....
    hanlin85
        70
    hanlin85  
       2022-05-26 18:06:05 +08:00
    太耗资源了 = =!
    另外眼睛已经花了。。
    后台挺好的 up
    hqweay
        71
    hqweay  
       2022-05-26 19:26:05 +08:00
    点个赞,逛过这个博客好些次~
    litesoar
        72
    litesoar  
       2022-05-26 22:32:02 +08:00
    好像打不开。
    zololiu
        73
    zololiu  
       2022-05-27 00:21:49 +08:00
    看惯了千篇一律的博客主题,看到这个眼前一亮,很好看。
    cnrting
        74
    cnrting  
       2022-05-27 00:41:38 +08:00 via iPhone
    safari12 打开就不动了
    bearykx
        75
    bearykx  
       2022-05-27 00:52:59 +08:00 via iPhone
    要做出这样的网站连同上线需要多久的学习时间?
    DreamSaddle
        76
    DreamSaddle  
       2022-05-27 08:06:23 +08:00
    设计得还是不错。
    不过我这简简单单的也好,https://taohan.xyz/ 😁
    onevcat
        77
    onevcat  
       2022-05-27 08:44:26 +08:00
    这就是青春的感觉么 😂
    tsuad
        78
    tsuad  
       2022-05-27 09:04:20 +08:00
    可爱的站点.
    debuggeeker
        79
    debuggeeker  
       2022-05-27 09:13:36 +08:00
    好看哦,挺可爱的。就是背景有点花了。哈哈。
    kanari
        80
    kanari  
       2022-05-27 10:30:04 +08:00
    喜欢,等配置好了网络搭搭看🤣
    mengdodo
        81
    mengdodo  
       2022-05-27 11:09:19 +08:00
    花丝蕾边哈哈哈
    tukon479
        82
    tukon479  
    OP
       2022-05-27 12:19:56 +08:00
    @bearykx 我当时学了一年
    tukon479
        83
    tukon479  
    OP
       2022-05-27 16:56:13 +08:00
    @IslandOwnerHuang 我又发现了 GPU process 飙到了 50+, 但是在 safari 和 firefox 都没有这个问题,目前只有 chromium 的内核这样。不知道为什么。
    Ciallo
        84
    Ciallo  
       2022-05-27 18:10:32 +08:00
    我挺喜欢的
    tukon479
        85
    tukon479  
    OP
       2022-05-27 20:42:56 +08:00   ❤️ 1
    @IslandOwnerHuang 原因查明了,是一直循环的 CSS 动画导致 GPU process 一直处在高位,不知道为什么 chrome 是怎么优化 CSS 动画的。
    tukon479
        86
    tukon479  
    OP
       2022-05-27 22:33:19 +08:00
    @IslandOwnerHuang chrome 对 linear 动画曲线的优化不佳导致的,根据 vscode 的解决方案是限制 fps 。https://github.com/microsoft/vscode/issues/96094 ![IAZvgaA]( )
    lyhiving
        87
    lyhiving  
       2022-09-21 09:31:06 +08:00
    年轻就是好。
    可以再优化一下显示效果,不要太花
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5255 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 03:50 · PVG 11:50 · LAX 20:50 · JFK 23:50
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.