长安的个人博客

项目背景 这是一个基于 Hugo 搭建的长安的个人博客项目，主要用于记录技术学习和生活感悟。 技术栈 静态站点生成器: Hugo 主题: 自定义主题 部署: GitHub Pages 功能特点 响应式设计，支持移动端 多种布局样式切换 深色/浅色主题切换 文章搜索功能 友链展示 未来计划 添加评论系统 添加文章目录 添加阅读统计 优化 SEO

欢迎来到我的博客 这是我使用 Hugo 创建的第一篇文章。 Hugo 是什么？ Hugo 是一个用 Go 语言编写的静态网站生成器，具有以下特点： 快速：构建速度极快 灵活：支持多种内容格式 简单：易于安装和使用 代码示例 def hello_world(): print("Hello, Hugo!") if __name__ == "__main__": hello_world() 引用 一级引用：作是思考的最好方式。通过文字，我们可以整理思绪，记录灵感。

什么是Flexbox Flexbox是CSS3中引入的一种新的布局模式，它提供了一种更加有效的方式来对容器中的子项进行排列、对齐和分配空间。 基本概念 容器和项目 使用Flexbox布局的元素称为Flex容器（flex container），它的所有子元素自动成为容器成员，称为Flex项目（flex item）。

异步编程概述 JavaScript是单线程语言，但它通过异步编程机制来处理耗时操作，如网络请求、文件读写等。 回调函数 最原始的异步编程方式： function fetchData(callback) { setTimeout(() => { callback('数据'); }, 1000); } fetchData(function(data) { console.log(data); }); 回调地狱问题：