快来玩!!
一些碎碎念
终于差不多完事了😭😭😭
这个网站我可是从今年 5 月就开始捣鼓了,现在终于弄得像模像样了!!
诶诶诶 up 那你做这个网站是干什么的叻?
(深度思考中…)
不知道。可能为了好玩吧——你不觉得拥有一个自己的域名、自己的网站,是一件很酷的事情吗?!(doge)
这个网站,为何存在?
Hmm… 一开始我其实只是想做个个人网站兼工具站,取代我原本在剪视频的时候用的那堆乱七八糟的网页工具(以及我用 InDesign 仅花半分钟???排版出的一个可交互的音高 PDF)。但是做着做着功能就越来越多了,最后就变成了一个个人网站兼工具站兼博客站兼频道监测站兼周深我爱你站兼……(?)
嗯对就是这样。
网站都有啥?
通用功能
- 🌍双语支持!!国际化这一块./
- 📱响应式设计也专门给手机做优化了哦~
- 🌓亮暗模式默认跟随系统,也可以在右下角手动切换!
- 🔤超绝字体:顶级审美2挑选 BEAUTIFUL 的字体,还算赏心悦目~
主站
- 🌟我的简介、联系方式,以及我的成长历程;
- 📺各个频道的实时数据(Bilibili、YouTube、小红书);
- 🛠️几个有用的小工具(音阶构成、音频分析仪、在线钢琴);
- ✨周!深!!
博客站
- 🎵同频时刻(依旧周!深!)、乐评(?这估计半辈子写不了一篇罢)、乐理知识
- 🎬视频创作和频道运营;
- 📝随笔、吐槽、杂谈;
- 🏆成就、回顾;
- 🔍站内搜索功能:中文专门适配!
- 🏷️分类筛选系统;
- ❤️点赞系统——喜欢的话可以点个赞支持一下哦~
技术支持…?
🤔这个…别说你们了,我自己都不知道我究竟用了啥…AI 还是太好用了(DeepSeek 🐂🍺!!梁圣3的恩情还不完✋😭🤚)
还是去技术与版权页面看看吧~
有趣又奇奇怪怪的坑
搞这个网站踩了不少坑啊…摔死我了(不是
Charlie 页面的大字设计
我至今仍然认为这是天才的设计。。。
这个大字我调试至少花了断断续续半天时间。想做「照片嵌字里+白色内描边」的效果,一开始直接用的 text-stroke 描边,结果发现它只能中心描边,而且由于用的是可变字体,每个笔画的轮廓都被描了一遍(OH NO! I’M ANGRY!!!)。问遍了各大 AI,兜兜转转最后改成 SVG 了:先把字形的 Alpha 向内「腐蚀」1px,再用原图减掉「腐蚀」后的部分,就只剩一条贴住字形内缘的干净白线,粗细还能调😋
甜菜!
中文没有真·斜体
话说咱们中文没有真·斜体,所以中文的斜体我是用宋体来代替的,又配了一个衬线斜体——就像这样 just like this——其实还不错…总比伪斜体要好!!当然英文版是真斜体哈~
那为啥要用宋体代替斜体呢?超绝不经意发现(bro 的注意力惊人),联合国的文件里,中文主体都用宋体排版,对应英文的正体衬线体;而英文的斜体衬线体呢,联合国中文文件对应使用了楷体。但是楷体在网页中显示得实在是太👎👎了,况且 Google Fonts 里的楷体质量参差不齐,和我们亲爱的思源家族格格不入,还不如用思源宋体呐~
Pagefind 中文支持差劲!
站内搜索用的 Pagefind,但它默认按英文单词切词,对中文基本抓瞎——鬼知道它默认怎么分的词,搜个关键词它可能啥都搜不出来。就比如说,我搜个「阿拉」,它确实能把「阿拉伯」搜出来;但我反手搜「阿拉伯」,它又搜不出来了;我搜个「中国」,它能搜出「中日文」,然后顺便把「一中」也带出来,就是不见「中国」俩字。
思来想去那个 DeepSeek 寻思了个歪招:建索引之前在每两个 CJK 字符之间加个零宽空格,骗它把每个字都当成一个 token 处理,再在用户搜索的时候自动处理为精确短语——这不就好了嘛!
DeepSeek 这家伙最精了。
这个网站,因你存在
怎么样,还不错吧?
反正我自己是还算满意哒~当然后续可能还会有一些小更新啦
也感谢大家让我有机会在这个网站上分享我的想法!!
爱你们!!