前言
hexo
用了很长时间了,听说又有了新的基于markdown
文档的静态博客:astro。
本着尝鲜与折腾的想法,继续了astro
的博客之路
模板
博客当然是要选个好看的模板了,挑来挑去相中了这个:Gyoza。
使用 Astro 和 React 构建的简单可爱的静态博客模板。
特性:
- ✅ 有着规范的 URL 和 OpenGraph 信息,对 SEO 友好
- ✅ 支持站点地图
- ✅ 支持 RSS 订阅
- ✅ 支持夜间模式
- ✅ 特殊日期变灰
- ✅ 简单干净的配色和主题
- ✅ 支持评论系统
- ✅ 支持代码高亮
魔改
选好模板之后,就是按照自己的喜好和需求,进行大刀阔斧的改造——魔改:
-
顶部
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
字段配置,更多需求参考官方文档:text/api/posts/[page].json /api/search.json /api/swiper.json /api/articles/[slug].json
-
支持各类站长平台网站所有权的
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项目的开源分享