跳过正文

Hugo

在 Hugo 中使用 Shiki
·1050 字·3 分钟
代码 Hugo-Syntax-Highlight-Shiki Hugo Highlight Shiki 高亮
本文介绍了如何在 Hugo 中使用 Shiki 代码语法高亮器。Shiki 是一款美观而强大的代码语法高亮器,基于 TextMate 的语法和主题,并能为几乎所有主流编程语言提供准确且快速的语法高亮。与其他代码语法高亮器不同,Shiki 是纯静态的,无需引入庞大的 JS 资源。文章详细介绍了在 Hugo 项目中安装和配置 Shiki 的步骤,包括安装相关插件、设置 Hugo 配置文件以及创建.rehyperc 文件来配置高亮主题等。此外,还提供了适配暗黑模式和生成 Shiki 所需命令行操作等内容。最后还介绍了如何在 GitHub Actions 中使用 Shiki 进行部署,并给出了相应的工作流程示例。
Hugo 外部链接跳转提示页面
·1522 字·4 分钟
代码 Hugo-Redirect-Landing-Page Hugo 博客 跳转 折腾
文章介绍了作者为了合规和自我审查,在博客中迁移评论系统并清理链接,通过跳转页面实现外部链接的跳转。作者使用 Hugo 内置模板_render-link.html_进行 base64 编码,并提供了代码示例。同时,作者还介绍了如何创建一个中转页面模板_go.html_以及相关样式和脚本的设置。最后,文章指出这种方法只适用于渲染 Markdown 内容文档,并对自定义 HTML 链接做了说明。
自部署 GitHub 风格的 Reactions 点赞功能
·864 字·2 分钟
代码 Self-Hosted-Github-Flavored-Reactions Hugo Blog Reactions
文章介绍了如何自部署 GitHub 风格的点赞功能。作者提到了各种实现方式,包括博客系统、评论系统、API 和第三方服务等。然后介绍了一个名为 emaction 的项目,提供了前端和后端代码,并给出了部署步骤。首先需要在 Cloudflare 上创建数据库,然后克隆代码并安装依赖包。接着修改配置文件中的数据库 ID,并登录 Wrangle 授权访问数据库并创建数据表。最后将项目部署到 Cloudflare Worker,并在前端使用时引入 JS 模块即可实现点赞功能。
图床 CDN CNAME 接入 Cloudflare SaaS 实现分流
·3521 字·8 分钟
代码 Cdn-Cname-Cloudflare Hugo Blog Cname Cloudflare
本文介绍了如何实现图床 CDN 域名国内境外分流。作者首先提出了实现分流的目的,即削减成本、提高性能。然后说明了实现思路,即国内域名 CNAME 指向 Cloudflare 作为回源,再通过 Cloudflare Worker 访问 R2 或 B2 存储。作者列出了各服务的免费限额,以小网站为例说明国内外分流的具体配置步骤,包括 R2 绑定域名、Cloudflare for SaaS 接入、添加 CNAME 记录、创建 Worker 等。文末总结了实现分流的关键步骤。
博客 AI 摘要及优化
·1643 字·4 分钟
代码 Ai-Summary Hugo Blog AI Summary
这篇文章介绍了作者如何使用 AI 摘要插件来优化博客阅读体验。他通过多种方式获取 AI 摘要,并将其保存在本地的 JSON 文件中。然后,他修改了博客模板文件,将 AI 摘要渲染到每篇文章的开头。最后,他还添加了打字机效果和样式来增强显示效果。通过这些优化措施,作者提高了博客阅读的效率和质量。
豆瓣同步到 Notion 和 Neodb
·781 字·2 分钟
代码 Douban-Sync Hugo 豆瓣 NeoDB Notion
本文介绍了如何将豆瓣标记同步到 Notion 和 NeoDB 的方法。作者通过 GitHub Actions 实现了将豆瓣标记的 RSS 同步到 Notion 和 NeoDB,并分享了注意事项。文章还提到,由于豆瓣图片防盗链策略升级,之前引用豆瓣图片的服务都无法使用。作者决定将观影记录迁移到 NeoDB,并对该平台进行捐款和贡献代码。在改造过程中,作者发现了一篇已经有人做好的教程《豆瓣标记导出到 Notion 并同步》,因此放弃自己造轮子,在该教程基础上完成了操作。最后,作者分享了两个坑以及对 Notion Integration 升级后的修改方法。
NeoDB API 创建观影页面
·2857 字·6 分钟
代码 Neodb Hugo Blog NeoDB Movie
这篇文章介绍了如何使用 NeoDB API 创建观影页面。文章中包含了注册 NeoDB 账号、生成 NeoDB Token、标记影音、下载 NeoDB 数据、新建 HTML 模板等步骤。作者提到他选择将数据下载到本地进行静态化处理,以提高性能。他还提到了注册 Mastodon 和 NeoDB 的过程,并简要介绍了 Shell Script 脚本的使用。最后文章提供了一些必要的 CSS 和 JS 代码来修改页面样式和处理数据。
NeoDB 获取 Access Token
·719 字·2 分钟
代码 Neodb_token Hugo Blog NeoDB Token
这篇文章介绍了如何获取 NeoDB 的 Access Token。首先需要注册 NeoDB 和 Mastodon 账号,并登录 NeoDB。然后进入 NeoDB 的开发者中心,创建一个应用并获取 AUTH_CODE。最后,通过发送请求,可以获取到有效期为 1 年的 Access Token。
Artalk 无评论随机显示诗词
·595 字·2 分钟
代码 Artalk-No-Comment-Text Hugo Blog Artalk 评论
这篇文章介绍了作者如何在Artalk的管理后台中实现了一个功能,即在无评论时随机显示诗词。作者在前端配置中插入了今日诗词的API代码,并选择了适合不同背景颜色的文字颜色。作者表示这种低代码实现方式无需侵入网页的JS,也无需单独编写兼容CSS,这个功能在作者参与的多个网页或应用中都嵌入了今日诗词的API。
Hugo .GitInfo 的替代方案
·569 字·2 分钟
代码 Githash Hugo GitInfo Git
这篇文章介绍了替代Hugo .GitInfo的方法。对于一些CI/CD中使用–depth=1选项的情况,可能会导致在构建过程中丢失content目录中.md文件的.GitInfo。作者通过使用一个替代的字符串来解决这个问题,该字符串可以在模板文件githash.html中进行替换。作者希望有更好的方法可以与大家分享。
启用 Waline
·972 字·2 分钟
日志 Waline Hugo Blog Waline Comment 评论
这篇文章介绍了作者决定启用 Waline 评论系统的过程和原因。作者列举了不推荐和推荐的评论系统,并介绍了 Waline 的特性和数据迁移助手。对于部署在 LeanCloud 上,作者解释了没有流控的设计理念。作者还回答了一些关于免费额度是否够用以及是否算软文的问题,并推荐了一些其他好东西。
静态博客评论系统的选择
·1799 字·4 分钟
代码 Comments Hugo Blog 博客 评论
这篇文章介绍了选择静态博客评论系统的经验。静态博客没有自带评论系统,需要依赖第三方评论系统。文章提到了三种常见的第三方评论系统:Disqus、基于GitHub的评论系统和Valine。作者评价了每个评论系统的使用感受,并推荐了Utterances作为GitHub类评论系统的首选。同时,文章也提到了Valine的流行和问题,以及一些Valine的衍生产品。
爱丽丝梦游仙境症 偶发
·553 字·2 分钟
日志 Aiws-Again Hugo Blog
今天回乡下过 月半 去了。晚上开车回家,几十里山路没有遇上什么车,可能是因为精神过于集中,而实际上身体和心态却比较疲劳,竟然 爱丽丝梦游仙境症 (aiws) 又犯了,虽然小时候经常犯,但现在已经三年多没有犯过了,因为我上一次犯的时候我专门查了一下这个症状,也记了一篇 博客 。
月半
·347 字·1 分钟
日志 Yueban2020 Hugo Blog 月半 中元节 鬼节
这篇文章介绍了作者回老家过中元节的经历和对节日氛围的感受。作者提到,中元节是每年农历七月十二日,主要是用来祭祀祖先的日子。作者称这是他长大后第一次在家乡过完夏天,也是第一次感受到中元节的气息。作者还提到现在人们对节日氛围越来越重视,可能与生活水平提高有关。
Typecho 迁移到 Hugo
·832 字·2 分钟
代码 Typecho-to-Hugo Hugo Blog Typecho 博客
这篇文章介绍了作者将Typecho博客迁移到Hugo的过程。其中包括导出Typecho文章、配置Hugo、导入评论等步骤。文章主要关注于URL的迁移和将评论导入Disqus的过程。作者使用了一个修改过的PHP脚本来导出文章,并在Markdown博文的Front matter中添加了slug值以便后续设置。作者选择了Disqus作为博客评论解决方案,并使用了DisqusJS API。最终,作者通过WordPress中转的方式将评论导入到Disqus。
博客迁移到 Hugo
·595 字·2 分钟
代码 Hugo Hugo Blog
这篇文章介绍了博客从Typecho迁移到Hugo的过程。作者认为维护LNMP类型的博客越来越费精力,决定迁移到静态博客。在Hexo和Hugo之间徘徊,最终选择了Hugo,因为其性能更好。文章解释了作者选择Hugo的原因以及迁移过程中遇到的问题。最终,作者感谢了一位博主的主题并使用了它。现在,作者的博客部署在阿里云的OSS上,并实现了“Serverless”。