ブログ構築の概要については、前の記事
(パート 1) Hugo を使用して個人ブログを構築するナニーレベルのチュートリアル (パート 1)を参照してください。
(1) Hugoのインストール
複数のオペレーティング システムでの Hugo のインストール
準備
- golangをインストールする
- Hugo をインストールする前に、golang をインストールしてください (最新バージョンをインストールすることをお勧めします)。
Windowsユーザーは、Scoop インストールを使用することを強くお勧めします (Scoop のインストールと使用については、Scoop のインストールと使用を参照してください)。Windows ターミナルに入り、コマンドを実行します。
scoop install hugo
MacユーザーがHomeBrewツールをインストールしている場合は、1 行のコマンドで完了できます。
brew install hugo
Linux ユーザーおよびその他のインストール方法は、公式 Hugo インストール ガイドを参照してください。ここでは、ソース コードで Hugo をインストールする例として CentOS 7.6 を使用します。インストールする前に、git
以下をインストールする必要がありますgo编译器
。
1.1 Git のインストールと構成
# 安装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 コンパイラ
# 下载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のインストール
# 方式一:官方源码安装
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)Hugoブログ構築
2.1 新しいサイトを作成する
ターミナルを開き、作成したいフォルダーのパスを入力し、ターミナルに
hugo new site hugoblog
ターミナルのプロンプトは次のとおりです。
以下のファイルがhugoblogフォルダーの下に表示されます。
2.2 テーマのダウンロード
ターミナルのプロンプトに従って、Hugo テーマの公式 Web サイトにアクセスして好みのテーマを見つけ、[ダウンロード] をクリックしてテーマの github に移動します。
ターミナル パスをブログ フォルダーのテーマ ディレクトリに調整し、次のように入力します。
git clone https://github.com/adityatelange/hugo-PaperMod.git
たとえば、私のテーマは PaperMod であり
、次のファイル ディレクトリがテーマ フォルダーの下に表示されます。
このテーマを使用する方法は、サイト フォルダーの下の構成ファイルにテーマの名前を入力することです。
theme: PaperMod # 主题名字,和themes文件夹下的一致
次に、テーマ フォルダー内のいくつかの静的ファイルと構成ファイルをサイト ディレクトリにコピーします。目的は、テーマ フォルダー内のスタイルを変更せずにブログのスタイルをカスタマイズすることです。こうすることで、テーマを更新する必要があるときに、テーマ内で直接更新する場合はディレクトリをgit pullするだけで、サイトディレクトリへの変更はテーマ内の設定を優先して上書きするため、スムーズな更新が可能です。
2.3 設定ファイル
- Hugo Web サイト フォルダーのルート ディレクトリで、Visual Studio Code を使用して config.toml ファイルを開きます。
Visual Studio Code をまだ使用したことがない場合は、Windows、Linux、macOS オペレーティング システムをサポートする非常に使いやすいオープン ソース テキスト エディターである Visual Studio Code をダウンロードしてインストールすることをお勧めします。
- 選択した Hugo テーマの設定手順を参照し、config.toml ファイルを編集します。
注: テーマ設定項目は、選択したテーマの名前を指します。これは、選択したテーマの複製先のディレクトリ名と同じである必要があります。この場合、テーマ = "PaperMod" です。
このサイトの設定ファイルは以下の通りで、後ほど対応する gitee 倉庫にアップロードされます。
baseURL: 'https://www.scutzch.com/'
languageCode: zh-cn