Hugo本地化部署搭建

最新推荐文章于 2024-05-17 09:55:42 发布

mine-dear

最新推荐文章于 2024-05-17 09:55:42 发布

阅读量1k

点赞数 21

分类专栏： hego博客搭建文章标签： go github 前端

本文链接：https://blog.csdn.net/lifesmilett/article/details/136140668

版权

hego博客搭建专栏收录该内容

2 篇文章 0 订阅

订阅专栏

#hugo

#localhost:1313

在研究了很久利用GitHub page搭建个人博客无法成功后

曲线救国，试试在本地化部署能不能成功

果然

千淘万漉虽辛苦，吹尽狂沙始到金

终于成了！！！！哈哈哈哈哈哈！！！！！1

1、下载Git

Git下载可以参照上面一篇幅，因为上面也用到了！很有用的一个App!

在下载的过程中需要选好存储路径，同时需要搭配环境变量

下载完成后修改Git文件的权限（在部分电脑的防火墙或者安全情况下会出现权限不够的情况，以防万一，直接修改）

在安装Gitd的文件夹右键-属性-安全-编辑将权限改为完全控制

下一步，配置Git的环境变量

右键此电脑-高级系统设置-环境变量-Path 在Path里面添加 GIT/bin的绝对路径就可以了

例如：R:\Git\bin

这三个都出现了就成功了，加油！

2、下载Hugo

这里可以一并把环境变量配置了

假设：

使用C：\Hugo\sites 作为项目的根目录
使用C：\Hugo\bin 作为存放Hugo的目录

下载hugo是真的慢，这里提供两个链接，根据自己的需要下载（Windows版本）

hugo标准版（windows amd 64）

hugo推展版

下载拓展版还可以直接使用指令下载，在预先准备好的文件夹

shift + 右键

打开Windows power shell

输入

Windows 系统

choco install hugo-extended

scoop install hugo-extended

winget install Hugo.Hugo.Extended

以上三选一都可以下载Hugo的拓展版本，下载常规版则是

choco install hugo

scoop install hugo

winget install Hugo

但是我比较推荐还是从官网下载适配版本的Hugo，除非出现了报错需要使用拓展版本再下载拓展版本

下载完成后将压缩文件解压缩到hugo\bin文件夹中

将C:\Hugo\bin 添加到环境变量

Windows +R 输入cmd打开终端

输入

hugo help

验证是不是添加成功

成功显示如下

hugo is the main command, used to build your Hugo site.

Hugo is a Fast and Flexible Static Site Generator
built with love by spf13 and friends in Go.

Complete documentation is available at https://gohugo.io/.

【

或者

hugo version

显示了指定版本那么就安装成功了

】

这样就可以在任何位置访问调用hugol

3、hugo本地化部署

hugo的本地化部署的先决条件是

成功安装了hugo

输入

hugo version

看看你的hugo是不是正常安装并且成功运行，如果不能你就需要看看上面的步骤了，找找哪里出现了error

Hugo的本地化部署和再GitHub page上的部署十分类似

在准备好的Hugo文件夹，右键，打开 Windows power shell窗口

新建一个存储Hugo本地化文件的文件夹(若：文件夹名字为 blog)

hugo new site blog

cd blog

初始化当前根目录中的空Git存储库

git init

下面需要将主题克隆/下载到我们的库中了，选择什么主题可以参阅Hugo主题库

提供了300+丰富的主题供使用

比如我使用的主题是blowfish，点击download进入GitHub仓库中，下滑到

复制GitHub库的下载链接，继续在窗口中输入

git submodule add -b main https://github.com/nunocoracao/blowfish.git themes/blowfish

这样你就成功的将仓库下载到了本地

但是不要忘记再站点配置文件中添加一行

echo "theme = 'browfish'" >> hugo.toml

将主题指向我们使用的主题，因为这将关系到我们是否可以成功的打开我们下载使用的主题，很重要！！！！！！！！！

不然你会得到的

page no find

这很关键，你也可以打开你的hugo配置文件查看

## Hugo主题的简单操作

1、向网站添加新页面

hugo new content posts/my-first-post.md

你将在content文件夹中找到它

Hugo 在目录中创建了该文件。使用编辑器打开文件

content/posts

是这样的格式

+++

title = 'My First Post'

date = 2024-01-14T07:07:07+01:00

draft = true

+++

如果希望他正确显示你需要改动

draft = false

在帖子正文中添加一些 markdown，但不要更改值。

draft

它的显示内容应该是这样的+++

title = 'My First Post'

date = 2024-01-14T07:07:07+01:00

draft = true

+++

## Introduction This is **bold** text, and this is *emphasized* text.

Visit the [Hugo](https://gohugo.io) website!

保存文件，然后启动 Hugo 的开发服务器以查看站点。您可以运行以下任一命令来包含草稿内容。