参加了某公司的72小时项目开发比赛，选了语音输入法题目。其实本来有三个时间点可选的，但凌晨两点临时起意拉朋友来搞了，结果第一件事是睡大觉，第二天中午才起床。

发现还有60个小时，于是洗了把脸买了杯咖啡开始建仓库和在腾讯文档里劈里啪啦。这几天在线时间最长的软件很可能是 oopz。

技术选型

最开始想用本地部署的模型，但是 SenseVoice 的中文识别非常抽象，时间紧凑的情况下不是很想搞模型微调，于是决定改用讯飞的语音转写大模型 API。流式识别确实好用，极大提升了用户体验感。

最终敲定的这个小小的窗口 UI，也是因为调查了不少竞品，比如讯飞、豆包、搜狗什么的才得出的。对这种简约风格没有抵抗力，可惜因为时间缘故没办法细细优化手感。

VAD 静音检测

比较骄傲的地方大概就是可供用户 DIY 的 VAD（静音检测）了。其实一开始有想过支持用户自定义语料库和按下开关就切换识别模式——工作状态下更容易识别工作名词，VAD 时间也更长；聊天状态下更偏向口语化，VAD 时间缩短。

但最终只是提供了一个秒单位的输入框让用户自己填。因为各种各样的时间原因没有让所有想法都落地，产品开发真是累人啊~

UI 设计

一开始想做大号窗口，但说实话这和输入法似乎毫无关系，还是希望能做一个很”输入法”的输入法。所以最后的形态是这样的：一个小窗口、一两个按钮、全局唤醒、光标自动输入、始终置顶。也不是很挡视野吧？

配色是在三个换色方案里挑出来的，本来还想多试几个更大胆的风格（比如心心念念的像素风），但因为时间缘故还是作罢了。

感谢

不得不说这样的经历还是蛮少有的，而且很有意思。虽然大部分后端架构都是好朋友 DeepWave 大人设计的，但我也做了不少工作哦——竞品调研、功能需求、交互逻辑、测试用例、UI 设计、前端开发……啊哈哈，好吧我是被深涛大人带的躺赢狗。

总之大概就是这样的事情啦。仓库地址在下面，感兴趣的可以下一个玩，非常感谢你能看到这里，爱你！

VoiceInput - GitHub

什么是 Git

Git 是一个分布式版本控制系统，可以帮你跟踪代码的每一次改动。不管是一个人写项目还是团队协作，Git 都是必备技能。

基本操作

初始化仓库

git init

这会创建一个 .git 文件夹，记录所有版本信息。

添加与提交

git add .
git commit -m "第一次提交"

add 把改动加入暂存区，commit 把暂存区的改动保存为一个快照。

查看状态

git status
git log --oneline

status 看当前改了什么，log 看提交历史。

分支（branch）

分支是 Git 最强大的特性。你可以创建独立的分支来开发新功能，不影响主分支。

git branch feature-login
git checkout feature-login
# 或者合在一起
git checkout -b feature-login

远程仓库

把你的代码推送到 GitHub：

git remote add origin https://github.com/你的用户名/仓库名.git
git push -u origin main

小结

• init 初始化
• add → commit 保存改动
• branch 管理分支
• push / pull 同步远程

刚开始就记住这些，慢慢就会了！

从哪里开始

很多人问我前端怎么学。说实话，我自己也是摸索过来的。分享一下我的路径，希望能帮到你。

第一阶段：三件套

不管学什么框架工具，这三是根基：

• HTML — 页面的骨架
• CSS — 页面的皮肤
• JavaScript — 页面的灵魂

建议按顺序学，不要着急跳框架。花一两个月打好基础，后面的路会好走很多。

第二阶段：工具链

基础打牢后，开始接触开发工具：

1. Git — 版本控制，让你的代码有”后悔药”
2. VS Code — 编辑器，插件生态丰富
3. Node.js / npm — 包管理和构建工具

第三阶段：框架

现代前端离不开框架。我推荐 React 或 Vue 二选一：

• React 生态大、工作机会多
• Vue 上手快、中文文档友好

我自己是先学了 Vue，后来补了 React。两个都会的话就业面更宽。

第四阶段：实战

• 做一两个完整的练手项目
• 把代码 push 到 GitHub
• 写博客记录学习过程（就像现在这样！）

最后

编程很难，但不是不可能。每天进步一点点，时间会给你答案。

这是我的第一篇博客文章。在这里我会分享我的想法、经验和学习心得。

为什么写博客？

写博客是一个很好的方式来：

• 记录学习过程
• 分享知识和经验
• 提高写作能力
• 建立个人品牌

关于这个博客

这个博客是用 Astro 构建的，一个现代化的静态站点生成器，专注于性能和开发者体验。

为什么选择 Astro？

• 极致性能：默认零 JavaScript，按需加载
• 灵活集成：支持多种 UI 框架
• Markdown 支持：原生支持 Markdown 内容
• 现代开发体验：TypeScript、ES Modules 等现代特性

希望你喜欢这个博客！

缘起

想搭一个个人博客很久了，一直拖延。直到遇到了 Astro，发现原来静态站点可以这么简单。

Astro 的特点

零 JavaScript 默认输出

默认情况下，Astro 不会给页面注入任何 JS。只有当我需要交互时才按需加载。这意味着：

• 页面加载飞快
• SEO 友好
• 服务器渲染开箱即用

多框架支持

你可以在同一个项目里混用 React、Vue、Svelte 组件。但我选择纯静态，只用 .astro 文件就足够了。

Markdown 原生支持

写文章就是写 Markdown，自动转成 HTML。语法高亮、Frontmatter 配置都非常自然。

我的搭配

这个博客用的技术栈很简单：

• Astro — 静态站点生成
• Tailwind CSS — 样式方案
• Vercel / GitHub Pages — 部署

给同样想搭博客的你

1. 不用纠结选什么框架，选一个开始就行
2. 内容比技术栈重要
3. 先发布再完善
4. 这个博客就是最好的证明

希望你也拥有自己的小小角落。