Hugo 主题

上一个/下一个： 所有主题

Blonde

Blonde，一个使用 Tailwind CSS 的简单主题

下载
Blonde

Blonde

Blonde，一个使用 Tailwind CSS 的简单主题。

演示可以在这里看到：https://blonde.pages.dev

功能

  • 响应式
  • 深色/浅色模式
  • Google Analytics
  • Google AdSense
  • Yandex.Metrica
  • 小部件
  • 分页
  • 语法高亮
  • RSS 源
  • 支持标签、分类和存档
  • Disqus
  • 100/100 Google Lighthouse 速度评分

安装

方法 1

在您的 Hugo 站点文件夹中运行

$ git clone https://github.com/opera7133/Blonde themes/Blonde

更新主题

$ cd themes/Blonde
$ git pull

方法 2

在您的 Hugo 站点文件夹中运行

$ git submodule add https://github.com/opera7133/Blonde.git themes/Blonde

更新主题

$ git submodule update --remote --merge

安装依赖项

至少将以下文件从 themes/Blonde/exampleSite 复制到您站点的根文件夹。

  • package.json
  • tailwind.config.js
  • postcss.config.js

之后，运行此命令。

$ npm install

有关更多信息，请阅读 Hugo 的官方设置指南。

入门

成功安装主题后，还需要几个步骤才能使您的站点运行。

更新配置文件

将 exampleSite 中的 config.toml 复制到 Hugo 站点的根目录。根据需要更改字符串。

检查您的站点

为了查看您的站点实际运行效果，请运行 Hugo 的内置本地服务器。

$ npm run start

现在在您的浏览器地址栏中输入 localhost:1313。

构建您的站点 

$ npm run build

贡献

如果您发现错误或有功能想法，请随时提出问题或进行 PR。

许可证

此主题是在 MIT 许可证下发布的。

另请参阅