检测到论坛CSS可能没有正确加载,如出现排版混乱请刷新重试。

We detected that the CSS might not be loaded correctly. If the website displays abnormally, Please refresh and try again.

在里世界预告很久了。丢图跑


(GIF 有问题,速度没这么慢)
那么,预计几天或者暑假推出(大概率暑假)。

QJS Studio 王琳芳 Blog,简体中文为博客。到这里应该能解答您的疑问了,然后您可以细品一下这个 UI 的特点,到时候我会细讲的[tieba=huaji]

12 天 后


一切明日揭晓。

发布之前,先写个介绍吧。

1. 这是啥?

首先,这当然是个博客。我将在这上面发一些个人的文章之类的,不过别担心,这不会让我抛弃论坛(((
至于这个博客的外观,您应该已经注意到它与其它博客的不同之处了,那么下面让我们一起看一下。

1.1 架构

这个博客的框架是 Bloggie。不知道 Bloggie 是啥子?


索尼大法好!(不是[tieba=huaji]

实际上这是我新写的一个框架。尽可能灵活、可扩展。专为 Blog 而生(虽然理论上它做别的事也是可以的)。
特点?
DaleZ 的第一个完全自主开发项目;
DaleZ 的第一个完全使用记事本开发的项目;
DaleZ 的第一个可以投入实际使用的大项目;
……算了,上面的这些话吹得我自己都难受,还是说正事吧。
必要的框架和内容由它生成,所以初始的 HTML 结构异常干净。同时你可以通过它内置的 json 文件插件化管理你的 js,并通过自写函数来达到自定义。内部也有一些我自己封装的简单函数供使用。
这样,管理和维护变得相对方便一些,且界面形态也是可高度自定义的(限于设备原因我没办法展示默认版本,不过真的非常简陋)。虽然它不如一众有名的博客框架容易配置,但只要有足够的耐心和技术,你就能得到一个与众不同的博客,彰显你的个性。另外,它也是纯前端的,这就意味着哪怕是 GitHub Pages 也完全🆗

1.2 UI

我的设计原则是:尽可能贴近 Windows 11 设计原则。
之前的概念图有没有让你感觉是原生应用?这正是我所追求的。这样减弱了 Web 应用天生自带的割裂感,我们(没错,包括我)就可以更加放松地专注于内容上了。
仿真度已经高到偶尔我也觉得这是原生应用了😆

1.3 PWA

既然更原生,PWA 绝对可以给我们鼎力支持。我已经适配了各平台的 PWA(仅在 Windows 与 iOS 平台测试),支持Window Overlays Control,让我们向原生应用更进一步!
(注:为了隐藏窗口控件,需要 Chrome/Edge 桌面版版本105或 Opera 桌面版版本91及以上版本。)

1.4 当前状况

当前尚处于预览阶段,因此当然有未完善之处:

  • Service Worker 仅作为占位,尚不工作;
  • 部分界面未完善;
  • 部分功能仅占位。

还有不足:严重依赖 JavaScript,因此没了 JavaScript 就废了,某些阅读器也会因此废掉。
暑假期间将进一步完善。下一步开发路线:

  • 多写点文章;
  • 完善界面;
  • 加些对博客而言很重要以及与博客八杆子打不着关系的功能。

至于什么样的浏览器能够兼容,我不太清楚。2018年以后的主流浏览器应该可以较好地兼容。如果想要最佳体验,那当然是最新主流浏览器优先啦~

2. 其它

等明天开放吧。我也十分迫不及待地想与大家分享这一成果,因此让我们等待。
如果有 Bug 或者要提出意见,在此帖下面或者在博客的评论区里面提都是欢迎的☺

    DaleZ DaleZ 的第一个完全使用记事本开发的项目;

    草 真开发倒不如用WebStorm VSCode也🉑

    DaleZ 还有不足:严重依赖 JavaScript,因此没了 JavaScript 就废了,某些阅读器也会因此废掉。

    如果是直接渲染md确实有这样的问题…除非就是预渲染(Hexo/Hugo那种完全静态html)

    顺便提一点点建议

    • i18n化(目前看到中文字符串是写死的)
    • 文件名大小写优化(用Linux的时候就不太喜欢那些文件名开头带大写字母的 毕竟大小写敏感 代码倒没事)

      綾瀬桃桃 中文字符串是写死的

      Core.js?懒得改......等啥时候有人想要我开源再处理吧。

      綾瀬桃桃 用Linux的时候就不太喜欢那些文件名开头带大写字母的

      好吧,可惜我是 Windows 用户[tieba=huaji]
      不过真的因为大小写在昨天试运行的时候被坑到过


      想看看Windows Overlays Control在其它系统上的表现,尤其是 Windows7/8.1,有人帮我截个图嘛[tieba=huaji]

        顺带一提,今天是我期末前最后一次活动了。从明天开始,备战期末考(不想也得想)😓

        真的感觉就是Native App欸

        不过好像离线就差些了


        如果有PWA评选,我觉得这个会得奖


          移动端视图也还可以,不过……Navi快占据1/3屏幕了

            ThinkBou 好像离线就差些了

            离线还没写……但这玩意是真的麻烦,我已经快不想写了……
            Core.json 用同步 xhr Service Worker 打死 fetch 不到,Web Storage 作替代直接半路被 xhr 的错误打死,改用异步更是死得没处收尸,等待技术大神救援😵……

            ThinkBou Navi快占据1/3屏幕了

            我看只有1/5。不过占空间是没错,到时候会适配移动端布局的

            17 天 后

            太赞了,真的就是完全的 WinUI 味道[tieba=huaji]

              PWA情况下加返回按钮可否?

                DaleZ 想看看Windows Overlays Control在其它系统上的表现,尤其是 Windows7/8.1,有人帮我截个图嘛

                Win8.1上效果很棒,不过没有截图。

                ThinkBou 算了。

                1. 浏览器自己的导航按钮在我这个 Blog 上都 Bug 多多(试过就知道),所以自带的 API 用不了;
                2. 我的 Blog 的层级也不像 M$ 的设置迷宫那么深,完全可以多走几步不迷路;
                3. 最后就是我懒。

                综上所述,毫无必要(

                1 个月 后

                我去挺厉害的
                css和js功底深厚啊, 我到现在都不会设计网页UI, 在做的个人网站都还是二十世纪的的风格


                我也想过一个博客框架项目, 把文章目录和内容单独放在txt文件里面, 然后用js读取, 这样就不用大费周章地去改html了
                但是没有成行

                  © 2025 wvbCommunity 管理团队

                  删封申诉 | 知乎专栏 | 状态监控 | 用户协议(EULA) | 隐私政策

                  本站文章除其作者特殊声明外,一律采用CC BY-NC-SA 4.0许可协议进行授权,进行转载或二次创作时务必以相同协议进行共享,严禁用于商业用途。