从 Hexo 到 Hugo

博客搬到 Hugo 啦

因为 hexo 速度较慢,且受限于 npm 版本,管理起来较为繁琐,所以换到 hugo 啦,也是开源的,而且社区良好!

部署到 CloudFlare Pages

我用的 extended 版本,部署到 cf pages上 时设置 hugo 的版本直接写的版本号,发现会报错:提示需要 extended 版本,那要怎么写呢?

Google 搜索关键词:cloudflare hugo extended,在 这个issue 看到了写法:

需要在版本号前面加 extended_,即 HUGO_VERSION = extended_0.145.0,然后正常部署就行啦。

Umami 统计

Umami 统计优雅好看。

你知道吗?Umami 来自日语,意为 pleasant savory taste,即令人愉悦的鲜味。🍣

Umami 上注册并添加网站可以得到 script 代码。

本站使用的是 Hugo Stack 主题,此主题未自带 umami 配置,如果有的主题有带配置的取配置文件添加即可,未带配置的则需要手动添加代码。

添加文件 /layouts/partials/head/custom.html

<head>
  <script 
    defer 
    src="https://cloud.umami.is/script.js" 
    data-website-id="xxx"
    data-domains="blog.laphel.com"
  ></script>
</head>

参数请替换为自己的,data-domains 用于指定统计特定域名下的,我添加这个是为了不统计 localhost 的数据。

更多配置请参考 官方文档

博客装修美化

缝缝补补啦~

Hugo stack 主题美化


Ref

Quickly Build Blog with Hugo-theme-stack

个人网站的建立过程(二):使用Hugo框架搭建个人网站

https://zhuanlan.zhihu.com/p/688275787

https://tomo.dev/posts/create-hugo-theme-from-scratch/part-two/

重定向旧链接

Redirects · Cloudflare Pages docs

将博客迁移到了 Cloudflare Pages

使用 Umami API 显示文章阅读量

Licensed under CC BY-NC-SA 4.0
comments powered by Disqus

Built with Hugo
Theme Stack designed by Jimmy