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

[tukon479]

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

可以直接访问 demo 站。

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

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

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

关于风格：

主站的风格是我个人的偏好，毕竟每个人的喜欢的风格都不一样。不过对于个人没有必要去维护和开发其他的风格，看上去极客圈都喜欢极简的风格，因为有 js-sdk 所以迁移一个风格应该还是比较快的。我之前迁移了云游君的 yun ，大概只需要 2-3 天的时间。（接入实时通知的话，会耗点时间）。

[iamzuoxinyu]

花里胡哨.jpg

[kylix]

支持分享，顶下！

[ajaxgoldfish]

支持分享，顶下！

[lanlanye]

还没看代码……蛮好看的不过背景会影响阅读吧？

[liufish]

抱歉啦, 页面走丢了
https://mx-demo.shizuri.net/about

[dufu1991]

@lanlanye 我觉得确实影响了。

[golangLover]

这项目从以前到现在一直都在关注。虽然不知道为什么以前创建文章的时候总是提示 mongo object key 的问题。现在重构了有空再试谢谢

[heylogo]

去掉花里胡哨的背景和配色，还行

[kujio]

感觉好棒,要是内容背景能随文字一起动就更好了,现在这样透明的,有点非主流

[yl20181003]

真好看

[villivateur]

我觉得挺好看的啊，一楼为啥这么多感谢

[particlec]

好看

[xiaoke0718]

后台管理好人性化

[istevenshen]

点个赞，虽然不是我想要的风格

[RickyC]

我们喜欢的，是未登录的百度首页那种界面。

[jtping]

考虑接入 java 的服务端吗 我可以提供帮助

[ragnaroks]

能直接打开 youtube 的专线转不完你的网站

[ragnaroks]

99 个请求
已传输 2.3 MB
3.4 MB 项资源
完成用时：4.1 分钟
DOMContentLoade

放弃加载了，看了下是低级托欧行，真没见过这么卡的

[debuginn]

支持下

[molvqingtai]

萌备 20220520 号

[phony2r]

个人站点搞这么复杂
迟早没有经历维护
还是简单点好

[hellodigua]

换个好点的服务器[doge]

[orzz]

真.花里糊梢 +1 话说速度能优化优化么

[tukon479]

@ragnaroks 我这挺快的，可能 do 的机子网不太行

[tukon479]

@orzz 首页 Lighthouse performance 跑 90.之前测的

[tukon479]

@jtping 不考虑，目前全是 node 技术栈

[duzhuo]

好酷炫

[zooeymango]

我打开还挺快的呀，做的很好看，收藏了，很系统很科学

[ciki]

妹纸风格

[xiaochong0302]

这什么玩意呀，就看到一个图标，其它的就不加载了，尴尬.png

[tukon479]

@xiaochong0302 digitalocean 机器在新加坡，网可能不是很好。可以访问我的主站 <https://innei.ren> 部署在国内

[Clarke]

卡，半天加载不出来

[gscsnm]

支持，网站感觉很好

[tukon479]

@xiaoke0718 感谢，其实后台的代码是最多的。。

[chenmobuys]

背景的横线看的眼花

[sheeta]

143 requests
7.2 MB transferred
8.8 MB resources
Finish: 5.68 s
DOMContentLoaded: 432 ms
Load: 4.65 s

[sheeta]

@sheeta 首页太大了

[abersheeran]

后台好看是真的好看。

[UIXX]

我看了 Mix Space ，也看了保罗的小窝，有一些结合了个人经验的看法。

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

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

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

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

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

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

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

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

希望 LZ 的项目能越做越好。

[tukon479]

@UIXX 感谢指点

[learningman]

我超，二次元

[veve]

二次元风格浓郁

[hawei]

老二次元了

[lym5241]

网站太好看了，顶一下

[cat9life]

暴露年龄，我感觉像 QQ 空间

[IslandOwnerHuang]

对 Safari 兼容性不佳呀......点开一个页面后再返回上一个页面就加载不出来了😢

[tukon479]

@IslandOwnerHuang 主站没做 ployfill ，只兼容到支持最新特征的浏览器。

[IslandOwnerHuang]

@tukon479 我电脑运行的是最新的 macOS12.4 呀，Safari 也是最新的稳定版（版本 15.5 ）

[tukon479]

@IslandOwnerHuang 不知道哦，看了下 safari 的行为很诡异

[IslandOwnerHuang]

@tukon479 苹果用户真的要哭了，新的 M1 芯片的 MacBook 用 Chrome 还好，老的 Intel 芯片的 MacBook 用 Chrome 真的是又烫又吵😭只能被逼用 Safari ，虽然兼容性不佳但至少安静些。

[tukon479]

@IslandOwnerHuang 虽然的确是这样。。但也至于这样吧。。我也是 Intel 的 mbp ，19 年 mbp 16

[Zy143L]

适合个人展示..不适合博文阅读

[610915518]

比较小而精致，但是看起来比较乱

打开比较慢，浏览器看了一下请求，各种资源引用的域名都不太一样，有的在国内域名，有的在国外域名。。。不如都放到自己的域名下

[2NUT]

加载过慢...

建议优化

[2NUT]

还是不够萌

给你推荐个 可爱字体

https://www.fonts.net.cn/font-34569394773.html

[sprite82]

好看是真好看，但不适合我这种 90 后老人，比较适合年轻人😂

[tukon479]

@610915518 目前只有字体加载在第三方域名，其他都是本域名吧。。

[KaGaMiKun]

稍微逛了下网站真不错

如果文章列表查看是打开新标签或者能右键打开新标签就更好了
不然页面一刷，都不知道去到哪了

[IslandOwnerHuang]

@tukon479 我的也是 19 年的 mbp16 ，有 Touch Bar 和无刘海确实好看，但是这个发热和续航对比新款确实差了点意思

[suyuyu]

卡出翔..看不了

[tukon479]

@sprite82 适合 00 后😂

[wonderfulcxm]

这风格对小学生显得过于幼稚，对大学生来说刚刚好。开玩笑的，学习学习

[Michael94]

3 分钟了还没打开...[二哈]

[tukon479]

@Michael94 建议挂上梯子访问哈，或者访问部署在国内的站 <innei.ren>

[ChopMoun]

萝卜青菜各有所爱，适应不了这种二次元风格

[shankun]

攻击开始，大批量的，哈哈

[shankun]

你是 GG 还是 MM ，做的也太花了。

[id7368]

太棒了，晚上发文帮忙宣传一波

[bbbbright]

我血糖高 这个怕是用不了....

[hanlin85]

太耗资源了 = =！
另外眼睛已经花了。。
后台挺好的 up

[hqweay]

点个赞，逛过这个博客好些次～

[litesoar]

好像打不开。

[zololiu]

看惯了千篇一律的博客主题，看到这个眼前一亮，很好看。

[cnrting]

safari12 打开就不动了

[bearykx]

要做出这样的网站连同上线需要多久的学习时间？

[DreamSaddle]

设计得还是不错。
不过我这简简单单的也好，https://taohan.xyz/ 😁

[onevcat]

这就是青春的感觉么 😂

[tsuad]

可爱的站点.

[debuggeeker]

好看哦，挺可爱的。就是背景有点花了。哈哈。

[kanari]

喜欢，等配置好了网络搭搭看🤣

[mengdodo]

花丝蕾边哈哈哈

[tukon479]

@bearykx 我当时学了一年

[tukon479]

@IslandOwnerHuang 我又发现了 GPU process 飙到了 50+, 但是在 safari 和 firefox 都没有这个问题，目前只有 chromium 的内核这样。不知道为什么。

[Ciallo]

我挺喜欢的

[tukon479]

@IslandOwnerHuang 原因查明了，是一直循环的 CSS 动画导致 GPU process 一直处在高位，不知道为什么 chrome 是怎么优化 CSS 动画的。

[tukon479]

@IslandOwnerHuang chrome 对 linear 动画曲线的优化不佳导致的，根据 vscode 的解决方案是限制 fps 。https://github.com/microsoft/vscode/issues/96094