继续折腾astro | 北门清燕

2024年6月13日(已编辑)燕坊清作1253 字6 分钟

hexo用了很长时间了,听说又有了新的基于markdown文档的静态博客:astro。

这篇文章最后修改于 24 年 6 月 20 日 星期四,部分内容可能已经不适用,如有疑问可联系作者。

前言

hexo用了很长时间了,听说又有了新的基于markdown文档的静态博客:astro。

本着尝鲜与折腾的想法,继续了astro的博客之路

模板

博客当然是要选个好看的模板了,挑来挑去相中了这个:Gyoza。

使用 Astro 和 React 构建的简单可爱的静态博客模板。 特性:

魔改

选好模板之后,就是按照自己的喜好和需求,进行大刀阔斧的改造——魔改:

  • 顶部logo去除圆角样式
  • hero模块增加enable配置,默认false
  • 导航菜单显示分类、标签
  • 指定分类增加转载提示,配置在config.json中copyrightCategory字段
  • 分页url以/结尾,以适配原hexo时使用的url
  • 支持http://xxx.com/[id].html的url地址,参考官方文档
  • 调整spec、archive文件,使其适配原hexo时使用的/结尾url
  • rss.xml改为feed.xml,以适配原hexo时使用的url。另:同步修改文章url为/[id].html形式
  • date、lastMod的类型改为string,方法实现参考官方文档
  • 移除提交友情链接内容
  • 增加支付宝收款码,配置在config.json中
  • 分享到增加支持微博、QQ空间
  • 分享此内容修改为扫码阅读
  • 返回顶部模块增加社交账号显示,支持:QQ、GitHub、Telegram、Twitter、Email,配置取自config.json中hero.socials字段
  • 文章授权右侧签名图片替换,手写体svg图片可使用网站 Calligrapher.ai 在线制作
  • 文章底部增加其它发布渠道模块,配置在config.json中followMe字段
  • 集成 elog ,以使用notion管理文章
  • 支持restful api,支持以下接口访问,仅支持get请求,全字段返回。swiper需要的文章在config.json中restful.swipers字段配置,更多需求参考官方文档:
  • 支持各类站长平台网站所有权的txt文件验证,配置在config.json中webMasterTxt字段
  • GitHub actions应用 Tencent COS Action 部署到腾讯COS,并使用脚本刷新cdn缓存
  • 代码自动换行
  • 头部head标签中增加广告位通用代码,支持百度联盟广告
  • 文章底部article标签中最后面增加广告位代码,支持百度联盟广告
  • footer模块按Innei进行调整,支持备案号显示,配置在config.json中site.icp字段
  • 调整Markdown中code、url样式
  • 改动有点多、有点杂乱,不能一一记录

总结

相较于hexo,astro对其有种吊打般的感觉。基本上hexo能有的功能,astro也可以轻松实现,模版的处理也比hexo更容易定制。目前基本上还原了hexo时的博客状态,唯一的遗憾就是添加Google Adsense广告失败,等后续大佬们的分享吧还是。

关于

评论

次后博客关闭评论功能,因为使用率太低、存在感不足、白白浪费资源,有需要的朋友可以直接通过博客提供的联系方式直接联系。

广告

广告只是为了:可以不用,但是不能没有的原则,因此博客中广告推荐屏蔽。

感谢

在此特别感谢astro-gyoza项目的开源分享