Hugo 主题

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

Hugo 卡片

一个基于 webjeda-cards 的 Bootstrap 最小化 Hugo 主题

下载
Hugo Cards

Hugo 卡片

一个从 Webjeda-cards 移植过来的 Hugo 主题

Screenshot

特性

基于 Bootstrap 构建的响应式主题。非常适合展示带有特色图像的内容。

轻松添加 Disqus、Google Analytics、社交链接和 Facebook 点赞框。

个人资料侧边栏

您可以将默认侧边栏（最近文章）更改为个人资料侧边栏。这仅适用于卡片帖子，不会影响普通页面（例如，关于、联系方式）。

[params.post.sidebar]
  type = "profile"
  title = "Profile"

title:  "Welcome to Hugox!"
date:   2016-06-13 10:51:47 +0530
img: "image-1.png"
categories: [one, two]
author: "Hugo Aguirre"
profile:
  attrs:
    - key: Name
      val: Stuart
    - key: Likes
      val: Playing guitar

桌面布局

profile-sidebar-desktop

移动布局

在移动设备上，个人资料侧边栏将显示在顶部。

profile-sidebar-mobile

隐藏帖子元数据 

[params.post.meta]
  isHidden = true

自定义

图像

要更改帖子的特色图像，您必须在帖子前置内容中提供一个 img 参数。此主题现在支持页面资源，因此您的特色图像应与您的 index.md 帖子文件位于同一目录中。

如果您不包含一个，将使用默认图像。您还可以通过更改主题配置中的 defaultImage 参数来自定义此默认图像。请注意，此默认图像应位于您的 static/images 目录中

CSS

包含一个 custom.css 文件，您可以在其中编写和覆盖所需的任何样式。如果您需要其他文件，可以将它们的相对链接添加到主题配置中的 custom_css 参数中。

配置

请参阅示例 config.toml。

Facebook

指向您的 Facebook 个人资料或页面的链接。这将显示在页脚中。

Quora

指向您的 Quora 个人资料的链接。这将显示在页脚中。

Twitter

指向您的 Twitter 个人资料的链接。这将显示在页脚中。

GitHub

指向您的 GitHub 个人资料的链接。这将显示在页脚中。

电子邮件

您的电子邮件地址。这将显示在页脚中，并将作为 mailto: 打开。

Facebook 点赞框

fbLikeBox

您是否要显示 Facebook 点赞框。接受的值为 yes 或 no。留空则默认为 no

fbAppId

您从 Facebook 开发者页面获取的应用 ID。

fbPageUrl

将显示在“赞”框中的 Facebook 页面或个人资料的链接。

fbPageTitle

“赞”框的标题。此文本将在框加载时显示。

跟踪和评论

分析

支持 Universal Analytics 和 GA4 的 Google Analytics 跟踪 ID。 默认情况下将使用 Universal Analytics，除非将params.analytics.type设置为GA4。

disqus

disqus_thread ID

另请参阅