换了hugo后,再也不需要等待网站加载了

本文档介绍了如何在Fedora系统上通过Docker安装和部署Hugo来创建个人博客。首先,通过官方文档和脚本安装Docker,然后创建并启动Docker容器,拉取Hugo镜像。在创建Hugo文件夹并安装Tale主题后,配置config.toml文件,启动容器,并设置--baseURL参数以正确显示博客内容。最后,学习如何在content文件夹中添加文章并更新站点。
摘要由CSDN通过智能技术生成

部署hugo作为承载blog

点击查看:个人博客

之前的centos系统太卡了,换成fedora进行重新部署;hugo是由go语言写的,主题丰富,静态部署,响应速度更快。

进入控制台更换镜像系统

XAHRqs.png

使用docker安装hugo

安装docker

安装docker
官方文档:https://docs.docker.com/engine/install/fedora/

  • 推荐使用脚本安装
curl -fsSL https://get.docker.com -o get-docker.sh   #获取官方安装脚本
DRY_RUN=1 sh ./get-docker.sh           # 执行安装脚本
  • 创建docker组,将root添加到该组中
sudo groupadd docker   # 创建docker组
sudo usermod -aG docker $USER    # 添加组用户
newgrp docker     # 激活组
  • 启动docker,设置开机自启
systemctl enable docker    # 开机启动
systemctl start docker     # 启动docker
  • 拉取hello-world测试
docker run hello-world

XAqqER.png

docker安装hugo

docker hub 官方教程:https://hub.docker.com/r/klakegg/hugo/

  • 拉取镜像
docker pull klakegg/hugo
  • 创建容器
docker run -it --rm -p 1313:1313 -v $(pwd):/src klakegg/hugo new site hugo  # 创建一个hugo文件夹

XAO7kR.png

  • 查看容器状态
docker ps

XAXtHJ.png

可以发现容器并没有创建出来,只是创建了一个文件夹,因为创建容器是加上了--rm参数,使得容器运行结束后就自动删除。

  • 启动容器
docker run -itd --rm -p 1313:1313 -v $(pwd):/src klakegg/hugo server -D

XAjnKO.png

  • 尝试访问nbdj.xyz:1313
    XAjfZ4.png
    发现是空白页面,因为并没有创建hugo主题,还需要配置一个主题

配置主题

hugo的主题仓库:https://themes.gohugo.io/

  • 安装git指令
    主题都是由 git 进行克隆下来的,所以需要先安装git指令
dnf install git

选择一个主题进行安装,我这边选择Tale进行安装

  • 根据主题内的步骤进行安装
    需要注意的是,在创建的hugo文件夹中运行
git init
git submodule add https://github.com/EmielH/tale-hugo.git themes/tale

XAxcbF.png

  • 修改根config.toml文件
theme = 'tale'   # 添加主题路径
  • 再次启动容器
docker run -itd --rm -p 1313:1313 -v $(pwd):/src klakegg/hugo server -D -t tale
  • 访问站点
    XEk524.png
    可以看到主题已经加载出来了
  • 查看容器状态
docker ps

XEkyKs.png
容器也是正常启动

上传文章

文章在hugo/content文件夹中进行上传

  • 创建第一篇hello文档
cd contenet
vim hello.md

hello.md

# hello hugo!
  • 查看站点
    XEeP1S.png
    可以看见文章内容直接展示在了网页上,但其地址是localhost:1313/hello/
    运行容器时,加上--baseURL='http://nbdj.xyz'参数进行运行
docker run -itd --rm -p 1313:1313 -v $(pwd):/src klakegg/hugo server -D -t tale --baseUrl='http://nbdj.xyz'
  • 再次访问
    XEmP4x.png
  • 个人学习博客:https://nbdj.xyz
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值