Hugo 主题

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

Pickles

Pickles 是一个现代、简洁且美观的 Hugo 主题

下载
Pickles

Pickles GitHub 工作流状态 GitHub Standard - JavaScript Style Guide

Pickles 是一个现代、简洁且美观的 Hugo 主题。

screenshot

概述

  • 现代、简洁且美观的设计
  • Medium 的图片缩放功能（zooming)
  • 社交链接（Twitter, Facebook, Instagram, Google+, GitHub, GitLab, npm, Codepen, Dribbble, 500px, Flickr, Pinterest, Tumblr, Vimeo, YouTube, Linkedin）
  • 支持相关内容
  • 支持标签
  • 使用 Google Analytics 进行分析
  • 响应式设计
  • SVG 雪碧图

有一个自定义的图片缩放简码。你可以像这样使用它

{{< zoom-img src="/images/default.jpg" >}}

特性

  • gulp
  • webpack
  • Sass
  • Babel
  • SVG 雪碧图
  • Standard

安装

在您的 Hugo 站点目录中，运行

$ mkdir themes
$ cd themes
$ git clone -b release https://github.com/mismith0227/hugo_theme_pickles

或者从发布分支下载

发布

用法

使用 Hugo 的 -t hugo_theme_pickles 或 --theme=hugo_theme_pickles option 命令。例如

$ hugo server -t hugo_theme_pickles -w -D

配置

您可以在站点的 config.toml 中指定以下选项，以使用此主题的功能。

要开始使用 Pickles，请将 Pickles 存储库中 exampleSite 目录下的 config.toml 文件复制到您的站点存储库。

$ cp themes/hugo_theme_pickles/exampleSite/config.toml .

现在，您可以开始编辑此文件并添加自己的信息！

自定义

要隐藏帖子中的日期，请在 front matter 中设置 hideDate 参数

---
hideDate: true
---

您可以使用 hideWordCount 和 headReadingTime 来隐藏帖子和帖子列表中的字数和阅读时间。

---
hideWordCount: true
hideReadingTime: true
---

贡献

欢迎提交拉取请求、错误修复和新功能！

请从 develop 创建功能分支，并为任何更改提交 PR。

开发

  1. 安装 Node 模块
yarn
  1. 运行 gulp。你不需要全局安装 gulp。
// Development
yarn run dev
// On another tab
yarn run hugo

// Production (compress)
yarn run prod
// On another tab
yarn run hugo

// Build
yarn run build

许可证

在 MIT 许可证下开源。

另请参阅