Hugo免费搭建个人博客

Hugo + hugo-theme-stack + Cloudflare 免费搭建个人博客

所需工具:Git账号、Cloudflare、域名

依赖环境:Go、Git

理清思路依次执行

  1. 使用Hugo创建站点,安装主题(先本地跑起来)
  2. 免费部署到Cloudflare
  3. 配置自定义域名

因为hugo是Go语言编写,而Go语言安装依赖大多从GitHub拉取,所以必须有Go及Git环境

以下操作基于Windows系统

创建站点

使用Hugo + hugo-theme-stack(Hugo主题)。

方式很多,此处给出个人认为windows系统最简方法。

  • 下载 Hugo(带extended扩展的那个):

    1
    
    找到 Assets 点击 Show all,下载 hugo_extended_0.127.0_windows-amd64.zip 
    

    你下载时不一定时0.127.0这个版本,下载最新即可。注意下载extended这个。解压后只需要一个hugo.exe

    1
    
    hugo version  # 此命令可查看版本
    
  • 下载 hugo-theme-stack-starter :

    1
    
    直接点 Code 下的 Download ZIP 来下载
    

    下载后解压,得到 hugo-theme-stack-starter-master 此文件夹随便改名

  • 本地运行

    1
    2
    
    cd C:/hugo-theme-stack-starter-master
    hugo server
    

    别忘了把hugo.exe放入hugo-theme-stack-starter-master

    打开CMD窗口,进入hugo-theme-stack-starter-master目录,输入hugo server就可运行,运行后输出内容中包含本地访问地址:http://localhost:1313/

如果GitHub访问不了,可参考 gitclone 进行配置


部署到Cloudflare

官方文档

  • 上传本地代码到GitHub(省略…)

  • 部署到Cloudflare Pages(大部分省略…)

    img

    注意:Cloudflare 部署时默认hugo版本不一定是最新的,需要添加变量,手动指定使用版本

    部署后默认分配的域名可能国内无法访问,但不意味着部署失败

Cloudflare绑定自定义域名

网上例子众多,省略…

直接使用hugo-theme-stack-starter。是因为需要其现成的配置文件,方便参照及修改。

附上参照资料链接:

GitHub无法访问

Hugo(GitHub)

Hugo 文档

Hugo主题:hugo-theme-stack(GitHub)

Hugo主题:hugo-theme-stack 文档

Cloudflare部署Hugo

腾讯域名修改DNS

阅读量Loading