Skip to content

Table of contents

Open Table of contents

简介

我创建这个网站主要是为了提升我的网页开发技能。我想要增加我对使用框架进行现代网页开发的知识,经过研究各种选项后,我决定使用Astro框架。我选择Astro的其中一个原因是因为它是用JavaScript和TypeScript构建的,我还希望将这个项目作为学习更多关于TypeScript的机会。最终,我的目标是构建一个高质量的网站,并在此过程中学习TypeScript。

Astro.build

https://astro.build/ Astro框架是一个相对较新的网页开发框架,旨在创建加载速度快的高性能网站。Astro的一个关键特点是其使用服务器端渲染(SSR),这使得框架可以在将大部分网站内容发送到客户端之前在服务器上进行预渲染。这意味着网站可以加载得更快,因为客户端不必等待服务器在显示内容之前生成内容。

到目前为止,我一直在享受使用Astro框架工作,因为即使对我这样的初学者来说,它也非常容易使用。几年前,我有同样的想法去创建一个网站,并尝试使用Hugo框架。然而,Hugo是基于Go语言的,这使得与之一起工作更具挑战性,特别是因为我当时对Go语言没有任何经验。由于我对学习JavaScript很感兴趣,我发现Astro对我来说是一个更好的选择。这是一种在构建我的网站时学习语言的绝佳方式。

现在怎么办?

我已经成功地使我的网站基本功能正常运作。最初,我使用了astro-paper网站模板,这非常有帮助。然而,在我为网站工作了大约一周后,Astro框架发布了2.0版本,其中包含了一些很酷的新功能,我想要加入进来。我对模板进行了一些更改以包含新功能,但我并没有完全理解所有东西是如何工作的。因此,我有意将其中大部分功能破坏掉,然后从头开始重新构建博客部分。虽然博客现在是可以使用的,但仍然有一些破损的功能我需要修复。尽管面临这些挑战,但我发现通过这个过程我学到了很多,这很棒。

待办事项清单

在我完全满意网站之前,还有一些事情我需要做来改进它。我希望我能够迅速完成这些任务,以便我可以继续进行其他项目,不仅仅是构建一个简单的网站。

  • 修复网站首页。
  • 在关于我页面中添加内容。
  • 修复博客文章搜索功能。
  • 移除所有关于“标签”的提及。
  • 添加“分类云”功能。
  • 创建一个合适的分类页面。
  • 添加对多种语言的支持。
  • 改进CSS样式。
  • 增强整体网站内容。