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

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

  •  6
     
  •   tukon479 ·
    innei · 187 天前 · 6615 次点击
    这是一个创建于 187 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    可以直接访问 demo 站。

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

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

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

    第 1 条附言  ·  187 天前
    关于风格:

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

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

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

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

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

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

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

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

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

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

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

    打开比较慢,浏览器看了一下请求,各种资源引用的域名都不太一样,有的在国内域名,有的在国外域名。。。不如都放到自己的域名下
    2NUT
        54
    2NUT  
       187 天前
    加载过慢...

    建议优化
    2NUT
        55
    2NUT  
       187 天前
    还是不够萌

    给你推荐个 可爱字体

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

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