这份文档记录了我在深度定制和优化我的个人网站 www.futuremedia.work 过程中的点点滴滴。这是一个不断学习、踩坑、最终解决问题的真实记录。
今天,拓展自动化发布到微信公众号,调试自动化转发到X,Linkedin, Facebook。
今天,我们为网站的自动化和SEO能力完成了最后一块拼图。
搜索引擎自动推送: 在解决了所有权限和配置问题后,我的网站现在已经实现了全自动化的URL推送。每当我发布或修改文章,GitHub Actions工作流都会自动将最新的链接提交给 Google, Bing, 和 Baidu 的API接口。这极大地加快了新内容的收录速度,是我SEO策略中至关重要的一环。
Pagefind 全文搜索: 之前遇到的 npm 403 Forbidden 网络问题也已解决。通过在工作流中切换npm镜像源,Pagefind现在可以稳定地为我的全站内容创建索引,提供了远比标签过滤更强大的全文搜索功能。
这是充满挑战的一天,但也取得了突破性的进展。
定时发布功能修复: 我发现之前设置了未来发布时间的文章会提前出现在首页。经过深度排查,我们定位并修复了 Gmeek.py 脚本中的核心逻辑缺陷。现在,定时发布功能已经完全按照预期工作,我终于可以安心地提前规划我的内容发布日程了。
TOC目录功能恢复: 在之前的修改中,我不慎破坏了网站自带的TOC(文章目录)插件。今天,我们通过精准地恢复 post.html 模板中的关键HTML结构,成功让TOC功能恢复了正常。
布局问题修正: 同样,之前导致网站页面无法居中显示的布局问题也得到了彻底解决。我们恢复了 base.html 模板中正确的CSS样式,让网站的视觉呈现回到了正轨。
在网站基础功能稳定后,我决定开始实施一系列深度SEO优化,以提升网站的专业度和搜索引擎表现。
自定义文章Banner (ogImage): 我为 Gmeek.py 脚本增加了新功能,现在我可以在每篇文章的末尾通过 ##{"ogImage": "/images/my-banner.png"} 来为其指定一张专属的、独一无二的Banner图。这让我的文章在社交媒体上的分享预览更具吸引力。
新增 meta keywords 功能: 同样通过升级 Gmeek.py 和 post.html,我为网站添加了自定义关键词的功能。现在,我可以通过 ##{"keywords": "关键词1, 关键词2"} 为每篇文章设置独立的 meta keywords,进一步提升页面SEO的精准度。
图片SEO (alt 文本): 我优化了 post.html 和 plist.html 模板,现在所有Banner图片的alt文本都会自动设置为文章或网站的标题,对图片搜索更加友好。
评论系统升级: 我将网站的评论系统从默认的 Utterances 迁移到了功能更强大的 Giscus。新的评论系统基于 GitHub Discussions,提供了更丰富的互动体验。
自定义页面探索: 我尝试创建一个带有复杂交互功能的 link.html 导航页。在这个过程中,我深入学习了 Gmeek 的 ##{...} 配置机制及其限制,最终为了稳定性和可靠性,选择了纯静态的实现方案。
目前,网站的所有核心功能均已稳定运行,自动化流程也已部署完毕。接下来的重心将完全回归到最高价值的工作上:持续创作高质量的内容。