Hugo 主题
Hugo Now
Jekyll Now 的 Hugo 移植版。Hugo 的实现灵感来自 Hemingway。
截图
首页
文章
项目
目录
功能
Bootstrap V4
从 Bootstrap 3 更新到 4
Font Awesome
最新的 Font Awesome 图标
渐进增强
禁用 Javascript 应该保持相同的体验。
强大的样式
使用 SASS 的强大功能来支持我们的构建管道。所有主要的依赖项都具有 .scss 支持。
现代构建管道
如果没有 Jekyll 的资源管道，Hugo 主题需要构建系统。我选择了 gulp.js表情符号 :sunglasses
此处找到的表情符号支持：表情符号速查表可用于
:white_check_mark: 标签
:white_check_mark: 标题
:white_check_mark: 文章 / .Content
语法高亮
我没有使用像 hightlight.js 这样的 JS 库，而是选择使用 Pygments 进行服务器端渲染，以保持与渐进增强的一致性。这是 Hugo 对此事的看法
我认为网站的可用性/稳健性远远超过构建时间。服务器端的优势在于它不依赖于 JavaScript 库，因此在从 RSS 源读取时效果很好。
Google Analytics
使用 `GoogleAnalytics` 配置 Google Analytics目录
标题被解析为一个可设置样式的目录
在您的 front matter 中通过 toc 启用
toc: true
- true = 显示目录
- false = 隐藏目录
安装
Hugo 模块 - 首选
将 Hugo Now 添加为模块
# pygments
PygmentsCodeFences = true
PygmentsStyle = "pygments"
[module]
[[module.imports]]
path = "github.com/mikeblum/hugo-now"
更新到最新版本
hugo mod get -u github.com/mikeblum/hugo-now
Git 子模块
将 Hugo Now 添加为子模块
git submodule add git@github.com:mikeblum/hugo-now.git themes/hugo-now
您的 .gitmodules 现在应包含
[submodule "themes/hugo-now"]
path = themes/hugo-now
url = git@github.com:mikeblum/hugo-now.git
记住要提交您的 .gitmodules
配置
config.toml
baseurl = "http://example.org/"
languageCode = "en-us"
title = "My New Hugo Site"
# use latest
[module]
[[module.imports]]
path = "github.com/mikeblum/hugo-now"
# or use local fork at themes/hugo-now
[module]
replacements = "github.com/mikeblum/hugo-now -> ../.."
[[module.imports]]
path = "github.com/mikeblum/hugo-now"
# analytics
# deprecated
GoogleAnalytics = "UA-XXXXXX"
UmamiAnalytics = "XXXX-XXXX-XXXX"
[taxonomies]
category = "categories"
tag = "tags"
[params]
description = "Hugo port of Jekyll Now"
author = "Hugo Now"
keywords = ["hugo-now", "hugo"]
avatar = "/images/hugo.png"
displayauthor = false
# pygments
PygmentsUseClasses = true
PygmentsCodeFences = true
# pagination
paginate = 10
paginatePath = "page"
内容
使用 SVG 而不是 PNG / JPG- 它们样式更好，并且占用更少的带宽
Pygments 样式使用 SASS- 通过更改
sass/style.scss来配置 PygmentsStyle - 默认为
defaultPygments 样式 - 请参阅 Pygments 样式
- 通过更改
构建
Hugo
hugo server
您可以转到 localhost:1313，应该会看到此主题。
SASS
通过下载 Dart SASS 构建 SASS 更新
开发
sass sass/style.scss static/css/style.css
生产
sass sass/style.scss static/css/style.css --style compressed
将 HUGO_ENV 变量设置为 production 以使用缩小的 CSS。
许可证
Hugo Now 根据 MIT 许可证获得许可。
作者
Michael Blum