NeoUI 的诞生:一个初中生的前端探索

从第一次接触代码到现在,我一直在尝试用前端技术做出好看又实用的东西。NeoUI 是我最近在做的一个 HTML 伪系统项目,模拟手机系统的界面,虽然还在起步阶段,但每一次迭代都让我学到很多...

NeoUI 前端 开源
阅读全文

关于我的视频创作与猎奇系列

在 B 站做视频是一件很有意思的事情。我的猎奇系列吸引了不少同好,每次打开评论区看到大家的反馈,都觉得坚持更新是值得的。上学期间尽量保持每周一更...

B站 视频 猎奇
阅读全文

搭建这个博客的那些事

从域名申请到页面部署,每一步都充满了小小的惊喜。Cloudflare 的 DNS 配置、Cloudflare Pages + GitHub 部署,终于让 neocn.qzz.io 上线了...

部署 域名 博客
阅读全文

从零构建我的自研操作系统 NEO OS

用 C 和汇编从零构建了一个 32 位操作系统!支持内存管理、文件系统、图形桌面、窗口系统...一个初中生的操作系统开发之路...

C语言 汇编 操作系统
阅读全文
返回

NeoUI 的诞生:一个初中生的前端探索

NeoUI 前端 开源

从第一次接触代码到现在,我一直在尝试用前端技术做出好看又实用的东西。NeoUI 是我最近在做一个 HTML 伪系统,虽然还在起步阶段,但每一次迭代都让我学到很多。

一开始,我只是单纯地喜欢做网页,看到别人做出漂亮的界面就很羡慕。后来慢慢学习 HTML、CSS、JavaScript,开始尝试自己写一些有趣的功能。渐渐地发现,做一个类似操作系统的网页应用好像挺有意思的,于是就有了现在的 NeoUI。

NeoUI 是一个基于 HTML 的伪系统,模拟了手机系统的界面和交互方式。我希望它能够让用户在网页上体验到类似手机系统的感觉,同时也能让新手通过学习它的源码来掌握前端技术。

在开发过程中,我遇到了很多挑战:应用切换、下拉通知栏、锁屏交互、主题切换功能等等。每一个问题的解决都让我对前端有了更深的理解。虽然进度比较慢,但我相信只要坚持做下去,总会越来越好的。

如果你对 NeoUI 感兴趣,欢迎加入我们的 QQ 群 1067851526,一起交流技术,共同成长!

返回

关于我的视频创作与猎奇系列

B站 视频 猎奇

在 B 站做视频是一件很有意思的事情。我的猎奇系列吸引了不少同好,每次打开评论区看到大家的反馈,都觉得坚持更新是值得的。

一开始做视频的初衷很简单,就是想把一些自己觉得有趣的内容分享给大家。猎奇系列是我最喜欢做的类型,因为可以探索很多平时不为人知的事物,这种发现未知的感觉让我很着迷。

虽然学业比较忙,作为一名初中生,我需要在学习和创作之间找到平衡,但我还是会尽量在周末挤出时间来做视频。我的视频几乎不需要什么后期加工,简单剪辑就可以发布,保持最原始的风格...

感谢每一个支持我的朋友,是你们的鼓励让我有动力继续做下去。如果你想催更或者交流,可以在猎奇系列的 QQ 群 1078247710 找到我。

未来我会继续探索更多有趣的内容,也希望能够尝试更多不同风格的视频类型。敬请期待!

返回

搭建这个博客的那些事

部署 域名 博客

从域名申请到页面部署,每一步都充满了小小的惊喜。Cloudflare 的 DNS 配置、Cloudflare Pages + GitHub 部署,终于让 neocn.qzz.io 上线了。

其实这个博客的搭建过程并不复杂,但每一个小步骤都让我学到了新东西。首先是域名的选择,neocn 这个名字既代表了我的昵称首字母,也象征着 "New Era of CN"——中国新生代的力量。

在部署方面,我使用了 GitHub 托管源码,Cloudflare Pages 自动部署。绑定域名后,Cloudflare 会自动配置 HTTPS 证书,整个过程非常简单。

配色是我最满意的部分。低饱和度、自然、耐看,每次看到这套配色,都能让心情变得平静。

整个过程让我学到了很多关于域名解析、持续集成部署的前端以外的知识。也让我意识到,搭建一个网站不仅仅是写代码那么简单,还有很多周边的知识需要了解。

希望这个博客能够成为一个记录我成长的地方,也希望它能帮助到想要搭建自己博客的朋友们。

返回

从零构建我的自研操作系统 NEO OS

C语言 汇编 操作系统

用 C 和汇编从零构建了一个 32 位操作系统!NEO OS 是一个从零构建的 32 位操作系统,运行在 x86 架构上。虽然还有很多不完善的地方,但已经具备了一个现代操作系统的核心要件。

引导与内核基础:引导程序 (boot.asm) 实模式启动,启用 A20 地址线,设置 GDT,切换到 32 位保护模式。内核入口 (kernel.c) 系统初始化总控,GDT/IDT 已建立,CPU 异常和硬件中断均有处理入口。

内存管理:通过 BIOS int 0x15, eax=0xE820 在实模式下获取内存映射。基于位图的 4KB 页框分配器,支持 page_alloc() 和 page_free()。Bump Allocator 实现 kmalloc() 和 kfree(),用于内核动态内存分配。

显示系统:VGA 文本模式早期使用,支持 print()、println()、clear_screen()。VGA 图形模式 0x13:320×200×256 色。视频驱动提供 putpixel()、fill_rect()、draw_char()、draw_string(),支持双缓冲。桌面环境包含深色背景 + 顶部任务栏 + 4 个桌面图标。窗口管理支持创建窗口、拖拽移动、关闭按钮、点击置顶。

输入系统:PS/2 键盘驱动使用轮询方式读取扫描码并转换为 ASCII。PS/2 鼠标驱动轮询方式读取 3 字节数据包,绘制简单光标。

文件系统:虚拟文件系统 (VFS) 抽象了 open()、read()、close()、readdir() 接口。FAT12 实现支持 1.44MB 软盘镜像格式,可读取根目录、遍历 FAT 表、读取文件内容。Shell 命令 ls、cat 已实现。

Shell 与命令:文本模式 Shell 支持命令历史和执行,可用命令包括 help、clear、echo、about、meminfo、time、ls、cat、run 等。

当前进度:已实现稳定的引导、32 位保护模式、VGA 文本/图形输出、内存管理、文件系统、文本 Shell。图形化 Shell 正在开发中,键盘中断稳定性待修复,高分辨率适配未完成。

作为一个初中生,这个项目让我学到了很多底层知识。虽然还有很长的路要走,但我会继续坚持下去!

关于我

大家好,我是芒辰,是一名初中生创作者。从小就對技术和创意充满兴趣,现在主要活跃在 B 站,喜欢做各种有趣的视频内容。

我目前有两个主要的创作方向:一是 NeoUI,这是一个我在开发的 HTML 伪系统,模拟手机系统的界面;二是 猎奇系列 视频,这是我在 B 站的个人创作,分享一些有趣或冷门的内容。

作为一名初中生,我需要在学业和创作之间找到平衡。上学期间我会尽量保持每周一更的节奏,假期可能会有更多时间投入创作。如果你喜欢我的内容,欢迎在 B 站关注我!

我的项目

NEO OS - 用 C 和汇编从零构建的 32 位操作系统,运行在 x86 架构上。支持内存管理、文件系统、图形桌面、窗口系统、VGA 图形模式、PS/2 键盘鼠标输入、FAT12 文件系统、Shell 命令等功能。目前在 QEMU 上稳定运行。

NeoUI - 一个正在开发中的 HTML 伪系统,模拟手机系统的界面和交互方式。包含应用管理、下拉通知栏、锁屏界面、主题切换等功能,可以在网页上体验手机系统的感觉。目前还在早期开发阶段,欢迎有兴趣的朋友加入一起完善。

联系方式

如果你有任何问题或者想交流技术,欢迎通过以下方式联系我:

• NeoUI QQ群:1067851526
• 猎奇系列催更 QQ群:1078247710
• B站:芒辰Official

友情链接