.video-container {
position: relative;
width: 100%;
padding-top: 56.25%; /* 16:9 aspect ratio (height/width = 9/16 * 100%) */
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
构建属于自己的数字花园：从零开始的技术博弈在信息爆炸的今天，碎片化的社交媒体记录往往转瞬即逝，而深度思考和沉淀后的技术笔记，才是个人价值最持久的体现。搭建个人博客，不仅仅是为了拥有一个域名，更是为了构建一个能够自由掌控、随心调配的“数字花园”。
一、 为什么我们要坚持技术写作？很多开发者问我：“GitHub 上的代码已经够多了，为什么还要花时间写博客？”
我认为，写作是思考的延伸。 当你试图用文字清晰地描述一个复杂的架构逻辑或者一个棘手的 Bug 排查过程时，你的逻辑思维能 ...
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
Quick StartCreate a new post1$ hexo new "My New Post"
More info: Writing
Run server1$ hexo server
More info: Server
Generate static files1$ hexo generate
More info: Generating
Deploy to remote sites1$ hexo deploy
More info: Deployment
从零构建：我的 Hexo 博客与自动化部署实践在数字化时代，拥有一个属于自己的“精神角落”是每一位技术人员的浪漫。今天，我想分享一下我如何从零开始，通过 Hexo + GitHub + Cloudflare 搭建起这套高效的博客系统。
为什么要坚持写博客？在技术领域，学习的路径往往是**“输入 -> 实践 -> 输出”**。
复盘成长：将零碎的知识点总结为文章，是加深理解的最好方式。
构建个人品牌：博客是我在互联网上的名片，记录了我的技术足迹。
解决问题：很多时候，我写下的解决方案正是为了半年后的自己。
技术栈选择与架构设计我的这套博客系统并没有选择复杂的 CMS，而是选择了轻量级的静态站点方案：
框架：Hexo —— 快速、简洁且高效的 Node.js 静态博客框架。
托管：GitHub Pages —— 作为源代码仓库与原始托管地。
加速：Cloudflare Pages —— 利用其全球 CDN 优势，解决了国内访问慢、HTTPS 配置繁琐的痛点。
图床：自建图床服务 —— 将资源分离，减小博客仓库体积，实现图片秒加载。
核心实践：自动化部署的魔法最让我满意 ...
