Hugo Quick start

Create a site

hugo new site quickstart
cd quickstart
git init
git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke
echo "theme = 'ananke'" >> hugo.toml
hugo server

Add content

hugo new content posts/my-first-post.md

Publish the site

# 启动Hugo的开发服务器来查看站点,包含草稿内容
hugo server -D
# 启动Hugo的开发服务器来查看站点,不包含草稿内容
hugo server 
# 发布网站,不希望包含草稿、未来或过期的内容
hugo

tranquilpeak主题说明

主题演示

前置事项说明

  • disqusIdentifier: 定义一个唯一字符串,用于在 Disqus 系统中查找页面的线程。
  • keywords: 为搜索引擎定义关键字。也可以在hugo配置文件中定义全局关键字。
  • clearReading: 隐藏所有文章页面的边栏,让文章占满整个页面以提高阅读效率,并欣赏宽幅图和 封面图片。如果 params.sidebarBehavior 等于 3 或 4 则无用(true:启用,false:禁用)。 默认行为:主题配置文件中的 params.clearReading 值。
  • autoThumbnailImage: 如果没有缩略图,则自动选择封面图片或文章图库中的第一张照片作为缩略图。 autoThumbnailImage 会覆盖主题配置文件中的 autoThumbnailImage 设置。
  • thumbnailImage: 索引视图中显示的图像。
  • thumbnailImagePosition: 在索引页面标题右侧(右侧、左侧或底部)显示缩略图。 该设置会覆盖主题配置文件中的 thumbnailImagePosition 设置。
  • metaAlignment: 元(标题、日期和类别)对齐方式(右对齐、左对齐或居中对齐)。默认行为:左对齐
  • coverImage: 在帖子视图中以全尺寸显示在帖子顶部的图片。如果未配置缩略图,封面图片也将用作缩略图。
  • coverSize: 部分:封面图像占屏幕高度的一部分(60%),完整:封面图像占整个屏幕高度。
  • coverCaption: 在封面图片下添加标题
  • coverMeta: in:在封面图片上显示帖子元(标题、日期和类别), out:像往常一样在封面图片下显示元(标题、日期和类别)。默认行为:in
  • gallery: 图片显示在帖子末尾的图片库(带花式框)中。如果未配置缩略图和封面图片,则使用第一张照片作为缩略图
  • comments: true:显示帖子的评论。
  • showDate: true:为真时显示日期(默认值)
  • showTags: true:显示此页面的标签。
  • showPagination: true:显示分页。
  • showSocial: true:显示社交按钮,如分享到 Twitter、Facebook…
  • showMeta: true:显示帖子元(日期、类别)。
  • showActions: true:显示帖子操作(导航、分享链接)。
  • summary: 在主页上显示自定义摘录文本。
  • link: 覆盖指定文章/页面的默认 URL/链接。