#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)
下载拓展版还可以直接使用指令下载,在预先准备好的文件夹
shift + 右键
打开Windows power shell
输入
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
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 的开发服务器以查看站点。您可以运行以下任一命令来包含草稿内容。
hugo server --buildDrafts
hugo server -D
2、站点配置
使用编辑器,打开项目根目录中的站点配置文件 ()。
hugo.toml
baseURL = 'https://example.org/'
languageCode = 'en-us'
title = 'My New Hugo Site'
theme = 'ananke'
进行以下更改:
-
为您的生产站点设置。此值必须以协议开头,以斜杠结尾,如上所示。
baseURL
-
将 设置为您的语言和区域。
languageCode
-
为您的生产站点设置。
title
启动 Hugo 的开发服务器以查看您的更改,请记住包含草稿内容
hugo server -D
大多数主题作者都提供配置指南和选项。请务必访问主题的存储库或文档站点以获取详细信息。
下面你会得到
在浏览器打开 http://localhost:1313/ 就可以访问我们的建设成果啦!!!!!!!!!!!!