Tag: Astro

新开发的博客站点,SEO 这就 100 分了?

昨天晚上心血来潮,把这个新博客部分重构优化了一下,顺便整了一下 SEO。部署之后想着测试一下性能,就用谷歌浏览器自带的 lighthouse 跑了一遍测试,结果出乎意料地好,请看下图: 右边的显示结果全绿,且分数都挺高的,尤其是 SEO 都满分了。这测试的还是 Mobile 端结果,我还没有优化移动端呢。然后今天我又跑了一遍桌面端测试,结果如下: 嘿嘿,分数更高一点,两个满分了。为此我先小小地嘚瑟了一下,以为是自己写的一手好代码。冷静下来后,我想更多的原因还是得益于 Astro 这个框架的优化,你就正常用这个框架开发网站,性能应该都不会很差。关于选择Astro框架的原因,可以看官方文档的自夸:为什么选择 Astro? 关于SEO优化 SEO 这块我其实不是很了解,目前只做了下面这些优化: 最基础的就是网页头中的<meta> 标签该写上的都写上,且每一篇文章都是独立的数据。做法很简单,我设计网站有一个全局的 Layout 布局组件,渲染文章页时,将文章元数据传递到布局组件,以展示各 meat 标签数据。 生成站点地图,并使用 link 标签引入到网页头,框架提供的方案:@astrojs/sitemap。 生成 robots.txt 文件放置网站根目录,优化搜索引擎爬虫抓取。 可以看到我做的很有限,但是收益还不错,这都得益于框架的优化。后面我会抽时间再做些优化,相信可以将分数再提一提。
 · 3 min read 

使用 Astro 开发一个博客

如你所见,此博客使用 Astro 开发的,整个站点还是比较简陋的,但足够用于发布文章。 在此之前,我折腾过很多博客,从最早的 WordPress 到后来的 Hexo,再到 Typecho 和 Hugo,我以为我会停留在使用 Hugo 上,但最终还是想自己从零开发一个博客。 其实在使用 Astro 开发之前,我已经使用 Nuxt 和 NuxtContent开发过一个静态博客,使用也是一样的,本地编写 md 文件,然后编译成静态文件部署。但不管是在开发中还是部署过程中,体验都不是很好,总感觉像是个半成品,虽然我要做的东西很简单,但体验不好就是不好,所以在短暂停止后,我又用 Astro 开发了这个博客,不得不说,框架真好用,文档也是写得真好,从上手到开发完,也就一天时间,当然成果还是粗糙的,不过我已经满意了,后面可以慢慢优化。 再说说为什么非要自己开发一个博客。最主要原因还是在各种现有博客框架中,选主题选到颓废,到最后啥文章笔记都没有写,全在折腾博客外观了。我承认好看的博客确实很吸引人,也容易让自己更愿意去维护内容,但是往往折腾外观的精力消耗得更多,倒也不说是本末倒置,把折腾外观当成爱好也行,但我又有点不想这样,因为我平时也是会记笔记的,但写到自己博客上的却也不多,因为还在纠结怎么显示效果好呢。也想过在一些主题上修改,但这些主题基本用的模板语法,我看着头痛,懒,不想折腾,也不愿意在别人代码中大肆修改,累。那就尝试自己开发吧,毕竟程序员开发自己的博客,也算是一个项目锻炼了。 关于博客布局样式,我常常纠结。浏览过很多博客,到现在我真是既想全要,又想全不要,大概就是每一种博客布局都有优缺点吧。现在我也想明白了,直接当成笔记列表来开发吧,内容直观,同时对我开发适配也简单,没办法啊,设计能力有限。 较早之前的记录就不搬运了,新博客内容不多,所以先就这样了。有一些想加的功能,会在后期考虑加入。先充实些内容才是重点。