GitHubPages + Hugo博客搭建记录(1)

摘要: 今日打开尘封多年的github pages,搭建自己的博客,为了防止重构时忘了怎么搞,故做个笔记。 〇、远程连接仓库 首先创建一个username.github.io的仓库,作为github pages的目录 一、安装Hugo 进入hugo官方仓库,下载最新release:Releases · gohugoio/hugo 我用的windows11,所以下载amd64版本。如果在虚拟机上运行,应当下 …

今日打开尘封多年的github pages,搭建自己的博客,为了防止重构时忘了怎么搞,故做个笔记。

〇、远程连接仓库

首先创建一个username.github.io的仓库,作为github pages的目录

一、安装Hugo

进入hugo官方仓库,下载最新release:Releases · gohugoio/hugo

我用的windows11,所以下载amd64版本。如果在虚拟机上运行,应当下载linux-amd64版本。

hugo的配置很简单,下载下来的压缩包里只有hugo.exe,只需要将其放到任意安装目录即可。

我将hugo安装到E:\ProgramFile\hugo中,并将此目录配置到环境变量path中,当启动powershell,输入hugo有反应时,表明hugo配置成功。

二、初始化网页

切换到工作目录,创建自己的网站:

1
2
cd D:\Workspace
hugo new site MyGitHubPages

接着,进入工作目录:

1
hugo -D

这样便会生成一个发布版的网页,目录为.\MyGitHubPages\public,为了方便使用,我们把这里设为git仓库。

在这之前,清空public中的所有文件,然后

1
2
3
4
git pull remote http://github.com/<MY sites>
git add .
git commit -m "first commit"
git push origin main

三、配置主题

我选择了hyde主题,导入主题需要如此操作:

1
2
cd D:\Workspace\MyGitHubPages\themes
git clone https://github.com/spf13/hyde.git

然后配置hugo.toml

1
code .

修改文件内容为:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
baseURL = 'https://lamaper.github.io/'
languageCode = 'zh-CN'
title = 'lamaper'
theme = 'hyde'

[Menus]
  main = [
      {Name = "Github", URL = "https://github.com/lamaper/"},
      {Name = "博客园", URL = "https://lamaper.cnblogs.com/"}
  ]

[params]
  description = "你好,我是lamaper,BIT信科大一学生,喜欢与计算机相关的所有东西!"

参考文献Hyde主题使用教程 · Hyou

博客由 Hugo 强力驱动,主题采用由 Jimmy 设计的 Stack ,并由 lamaper 个性化修改。