(1) Verwenden Sie Hugo, um ein persönliches Blog-Tutorial auf Nanny-Ebene zu erstellen (Teil 2)

Fügen Sie hier eine Bildbeschreibung ein

Eine Einführung in die Blog-Erstellung finden Sie im vorherigen Artikel
(Teil 1). Mit Hugo ein persönliches Blog erstellen, Tutorial auf Nanny-Ebene (Teil 1).

(1) Hugo-Installation

Hugo-Installation unter mehreren Betriebssystemen

Vorbereitung

Golang installieren
- Installieren Sie vor der Installation von Hugo zunächst Golang. Es wird empfohlen, die neueste Version zu installieren.

Windows- Benutzern wird dringend empfohlen, die Scoop-Installation zu verwenden (Informationen zur Scoop-Installation und -Nutzung finden Sie unter Scoop-Installation und -Nutzung), das Windows-Terminal aufrufen und den Befehl ausführen

scoop install hugo

Wenn Mac- Benutzer das HomeBrew- Tool installiert haben, kann es mit einer Befehlszeile abgeschlossen werden

brew install hugo

Linux-Benutzer und andere Installationsmethoden können sich auf die offizielle Hugo-Installationsanleitung beziehen . Hier verwende ich CentOS 7.6 als Beispiel, um Hugo im Quellcode zu installieren. Vor der Installation müssen Sie gitFolgendes installieren go编译器:

1.1 Git-Installation und -Konfiguration

# 安装git
yum install git

# 配置git
git config --global user.name "your_user_name"
git config --global user.email "your_mail"

# 查看配置是否生效
git config --list

# 生成本地ssh key添加到github
ssh-keygen -t rsa -C "your_mail"

# 查看公钥
cat /root/.ssh/id_rsa.pub

# 进入github的settings设置，添加公钥即可

1.2 Go-Compiler

# 下载go
wget - https://go.dev/dl/go1.17.5.linux-amd64.tar.gz 
tar -xzvf go1.17.5.linux-amd64.tar.gz 
mv go /usr/bin

# 更改环境变量
export PATH=$PATH:/usr/local/go/bin
source ~/.bash_profile

# 验证安装
go version
# go version go1.17.5 linux/amd64

1.3 Hugo-Installation

# 方式一：官方源码安装
mkdir $HOME/src
cd $HOME/src
git clone https://github.com/gohugoio/hugo.git
cd hugo
go install --tags extended  # 我到这一步经常卡住

# 方式二：更推荐
cd /etc/yum.repos.d
wget https://copr.fedorainfracloud.org/coprs/daftaupe/hugo/repo/epel-7/daftaupe-hugo-epel-7.repo -O hugo.repo
yum update
yum install hugo

hugo version
# 出现hugo v0.91.1 linux/amd64 BuildDate=2021-12-22T16:48:53Z

(2) Aufbau des Hugo-Blogs

2.1 Erstellen Sie eine neue Site

Öffnen Sie das Terminal, geben Sie den Pfad des Ordners ein, den Sie erstellen möchten, und geben Sie ihn im Terminal ein

hugo new site hugoblog

Die Terminal-Eingabeaufforderung lautet wie folgt:

Die folgenden Dateien werden im Hugoblog-Ordner angezeigt

2.2 Theme herunterladen

Gehen Sie gemäß den Eingabeaufforderungen des Terminals zur offiziellen Website des Hugo-Themas , um das gewünschte Thema zu finden, und klicken Sie dann auf „Herunterladen“, um zum Github des Themas zu springen.

Passen Sie den Terminalpfad an das Themes-Verzeichnis des Blog-Ordners an und geben Sie ein:

git clone https://github.com/adityatelange/hugo-PaperMod.git

Mein Theme ist beispielsweise PaperMod
PaperMod-Thema
und das folgende Dateiverzeichnis wird im Themes-Ordner angezeigt:

Um dieses Thema zu verwenden, geben Sie den Namen des Themas in die Konfigurationsdatei im Site-Ordner ein:

theme: PaperMod # 主题名字，和themes文件夹下的一致

Kopieren Sie dann einige statische Dateien und Konfigurationsdateien im Themenordner in das Site-Verzeichnis. Der Zweck besteht darin, den Stil des Blogs anzupassen, ohne den Stil im Themenordner zu ändern. Auf diese Weise kann das Thema aktualisiert werden, wenn es aktualisiert werden muss direkt im Theme aktualisiert werden. Einfach git pull in das Verzeichnis. Änderungen am Site-Verzeichnis geben dem Überschreiben der Konfiguration im Theme Vorrang, sodass reibungslose Aktualisierungen erreicht werden können.

2.3 Konfigurationsdatei

Öffnen Sie im Stammverzeichnis des Hugo-Website-Ordners mit Visual Studio Code die Datei config.toml.

Wenn Sie Visual Studio Code noch nicht verwendet haben, wird empfohlen, es herunterzuladen und zu installieren. Es handelt sich um einen sehr benutzerfreundlichen Open-Source-Texteditor, der die Betriebssysteme Windows, Linux und macOS unterstützt.

Sehen Sie sich die Konfigurationsanweisungen des ausgewählten Hugo-Themes an und bearbeiten Sie die Datei config.toml.

Hinweis: Das Theme-Konfigurationselement bezieht sich auf den Namen des ausgewählten Themes, der mit dem Namen des Verzeichnisses übereinstimmen muss, in das das ausgewählte Theme geklont wird. In diesem Fall theme = „PaperMod“.

Die Konfigurationsdatei dieser Site lautet wie folgt und wird später in das entsprechende Gitee-Warehouse hochgeladen.

baseURL: 'https://www.scutzch.com/'
languageCode: zh-cn