开源了自用的个人站点,安排了一个演示站,欢迎大家来体验。 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
tukon479
V2EX    程序员

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

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

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

可以直接访问 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
支持分享,顶下!
ih8es9OIzne0959p
    3
ih8es9OIzne0959p  
   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
我超,二次元
yxImV3pM44xmT9qe
    42
yxImV3pM44xmT9qe  
   2022-05-26 11:59:51 +08:00
二次元风格浓郁
hawei
    43
hawei  
   2022-05-26 12:34:14 +08:00
老二次元了
FallenLeaves233
    44
FallenLeaves233  
   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  
PRO
   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     Solana     5490 人在线   最高记录 6679       Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 34ms UTC 08:32 PVG 16:32 LAX 01:32 JFK 04:32
Do have faith in what you're doing.
ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86