hugo-clarity 本地运行示例

1. 克隆hugo-clarity 项目：

chipzoller/hugo-clarity：Hugo 基于 VMware Clarity 的主题 (github.com)

 

 

2. 本地下载安装 hugo 以及hugo 拓展

在Windows 中安装

首先安装choco 包管理器，需要在管理员权限下运行cmd，执行如下命令，一般情况下，网络没有问题，即可安装成功：

powershell -NoProfile -ExecutionPolicy unrestricted -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))"

# 设置环境变量
SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin

然后使用choco 安装 hugo：

# 墙内安装可能较慢
choco install hugo -confirm

安装 hugo-extended

# 墙内安装可能较慢
choco install hugo-extended

 

在MacOs 中安装

使用brew 命令安装：

brew install hugo

在Linux 中安装

在Linux 中可以使用snap 命令来安装，执行下面命令：

snap install hugo

如果你的Linux 是Ubuntu 版本，也可是使用apt 来安装，但是apt 安装的hugo 可能不是最新版的，这样会对一些hugo 主题的使用有所限制。

这种情况下我们可以到hugo 的github 仓库 中下载安装包来安装hugo，我们可以下载一个deb 包，然后使用如下命令安装：

dpkg -i <package.deb>

Hugo 是否安装成功

不管在哪种系统中安装Hugo，最后我们都可以使用下面命令查看Hugo 是否安装成功：

 hugo version

 

Hugo 环境变量查看

 没有的可以手动添加

查找 hugo 安装位置

 将  C:\ProgramData\chocolatey\bin  路径 添加到 环境变量 path 中

不会添加环境变量的 来这里：

本地环境变量 配置_xhc6666的博客-CSDN博客

 3. 通过 VScode 打开项目

先把VSCode 设置管理员模式打开

 找到 拉取的 hugo-clarity 项目 用 VSCode打开 

 

4. 运行项目

先通过终端进入 hugo-clarity/exampleSite/  目录

 输入 hugo server --themesDir ../.. 启动服务

点击 clrt + 连接 

 示例博客网站成功打开