Astro搭建网站

前言

最近我在更新 WebStorm的时候发现它支持Astro,好奇心的驱使下搜索了一下这个Astro,一看发现是个好东西🤭,于是就有了这篇文章,本文不会教入门教程，后续会写一篇专门的入门到入狱教程

优点

• 速度快
• SEO友好
• 响应式
• 支持多种框架 React、Preact、Svelte、Vue、Solid、Lit等

先决条件

最基础的你需要有 NodeJS,如果你没有的话，可以去NodeJS官网下载安装
需要有一定的编码基础，如果你没有的话，可以去菜鸟教程学习
如果学过一些前端的框架，Astro会更加容易上手

搭建博客

Astro框架它是支持Markdown解析，所以搭建的博客本质上和Hexo没有太大差别
可以参考官方教程搭建博客
使用官方提供的主题模版enblog

我也仿了一个博客，博客原参考友链中的西瓜撞地球 大概花了1个小时😢

效果

本质上和西瓜撞地球的博客差别不大,分页有点区别(主要是我不想写了🫣) 和 评论系统有点区别（twikoo）

代码其实很少,主要就是把每个界面进行拆分，全部组件化，组件化之后使用套娃术

首页

归档

朋友圈

友链

文章页

关于

关于页本质上就是一个MD文件,只是通过构建成了一个页面