主页
文章
分类
标签
关于
私人博客搭建
发布于: 2024-1-23   更新于: 2024-1-23   收录于: liunx
文章字数: 335   阅读时间: 1 分钟   阅读量:

使用cloudflare+github 搭建hugo博客

安装hugo

参考 hugo文档

winget install Hugo.Hugo.Extended

github新建项目

image-20240122112328306

本地创建项目

hugo new site my-hugo-site
cd my-hugo-site
git init

hugo主题网站 找到自己喜欢的主题,复制主题的github路径如下

git submodule add https://github.com/panr/hugo-theme-terminal.git themes/terminal

每个主题的使用方式不同,这里不做介绍

推送至github

git remote add origin https://github.com/<your-gh-username>/<repository-name>
git branch -M main
git push -u origin main

Cloudflare Pages

选择进入Workers & Pages > Create application > Pages > Connect to Git.

构建方式选择hugo

注意:命令只能使用hugo,不能自行使用hugo server 获取其他命令,否则无法启动服务。

如果是npm项目可以使用npm install && hugo 修改命令。

此时等待服务构建完成,Cloudflare 会提供一个域名访问你的博客

如果需要修改域名

image-20240122113220280

在custom domains绑定你的站点域名,切记域名需要使用cloudflare进行管理才行