使用Hugo和Netlify建立静态博客,并托管在Github上

本文详细介绍了如何使用Hugo快速建立静态网站的过程,包括安装Hugo、创建站点、选择主题、配置服务器及日常维护等内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用Hugo建立静态博客


  1. sudo apt install hugo

  2. hugo new site blog

  3. cd blog/

  4. git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke

    git submodule add https://github.com/olOwOlo/hugo-theme-even themes/even

  5. echo 'theme = "ananke"' >> config.toml

    echo 'theme = "even"' >> config.toml

  6. hugo new post/my-first-post.md

    • 注意:直接这样生成的页面头,是带有 draft: true 标记的,要想正式发布需要去掉该标记。
    • PS:建议从第5步开始,就直接将theme里exampleSite里的文件拷出来,作为初始文件,后续在其上改动、新增,即可。
  7. hugo server

  8. 接下来就可以随便玩一会儿,反正都是用markdown写作的

  9. 还可以研究研究配置文件config.toml,以及主题theme的配置

上传至Github


  1. git add .
  2. git commit -a
  3. git push

使用Netlify进行配置和管理博客


  1. 按照官方教程选择Github的项目
  2. 自动部署
  3. 设置域名CNAME解析
  4. 配置域名DNS
  5. 启用SSL证书
  6. 启用IPV6
  7. 使用高版本hugo时,需要在netlify的deploy上配置hugo版本号:HUGO_VERSION,0.68.3

日常写作


  1. 使用hugo new post/xxx.md生成新页面之后(注意改掉页面头的 draft: true 标记),使用 hugo 在public文件夹里生成静态页面
  2. 使用git上传代码
  3. Netlify自动部署,更新网站


后记

尝试使用 NetlifyCms 的 one-click-hugo-cms ,但修改原始模板就要花费大量时间,并且 NetlifyCms 的后台功能并不像 WordPress 那样强大和方便,更像只是个用来写文章的网页编辑器。。。那我还不如用 Markdown 呢。。。

所以,现在还是换回了这个直接用 Hugo 生成的博客,毕竟我要的只是个可以方便快捷写一些技术博客的地方。

当然,或许以后可能会尝试通过加admin.html的方法来添加 NetlifyCms 后台吧~~



2020.05.11后记

在把原pdf简历改成markdown格式时,发现ananke主题的about页面默认是居中对齐的,且该主题基本找不到修改对齐方式的地方(起码不像even主题那样有$$方式可以随处设置)。。。

所以,我就把主题换成了even。

然而,even主题不支持低版本hugo。我的树莓派只能手动从GitHub上下载安装。然而,我的部署网站Netlify竟然又编译失败。。。折腾了一天才发现,对于高版本的hugo,需要在netlify的deploy上配置hugo版本号:HUGO_VERSION,0.68.3才行。

本文由博客群发一文多发等运营工具平台 OpenWrite 发布

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

zhangsheng377

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值