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 中
不会添加环境变量的 来这里:
3. 通过 VScode 打开项目
先把VSCode 设置管理员模式打开
找到 拉取的 hugo-clarity 项目 用 VSCode打开
4. 运行项目
先通过终端进入 hugo-clarity/exampleSite/ 目录
输入 hugo server --themesDir ../.. 启动服务
点击 clrt + 连接
示例博客网站成功打开