开始我的博客之旅

大家好！欢迎来到我的个人博客。这是我的第一篇文章，记录了我搭建这个博客的过程和心得体会。

为什么要写博客？

写博客是一种很好的学习方式。通过将自己学到的知识整理成文章，不仅能加深理解，还能帮助到其他人。同时，博客也是展示自己技术能力的一个窗口。

博客的技术栈

这个博客使用了纯前端技术搭建，包括：

• HTML5 - 页面结构
• CSS3 - 样式和动画
• JavaScript - 交互功能

实现的功能

目前博客已经实现了以下功能：

• 响应式设计，支持手机和电脑访问
• 深色/浅色主题切换
• 文章卡片动画效果
• 联系表单验证
• 导航栏滚动隐藏效果

代码示例

下面是主题切换功能的代码示例：

const themeToggle = document.getElementById('themeToggle');
const body = document.body;

themeToggle.addEventListener('click', () => {
    const currentTheme = body.getAttribute('data-theme');
    const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
    body.setAttribute('data-theme', newTheme);
    localStorage.setItem('theme', newTheme);
});

未来计划

接下来我计划为博客添加更多功能：

• 搜索功能
• 评论系统
• 文章目录导航
• RSS 订阅

感谢你的阅读！如果你有任何建议或问题，欢迎通过联系页面与我交流。