Hugo 主题
Jughead
Jughead 是一个为 Hugo 打造的投资组合和博客主题。Jughead 的理念是保持简单、实用和快速。Jughead 具有响应式设计,并在所有设备上快速加载。
Jughead - Hugo 的投资组合和博客主题
Jughead 是一个为 Hugo 打造的简单而强大的投资组合和博客主题。它具有响应式设计,并在所有设备上快速加载。它支持评论、图表和数学公式。
演示
在此处查看演示站点:https://ananthb.github.io/jughead。演示站点的源代码位于 https://github.com/ananthb/jughead/tree/main/exampleSite。
屏幕截图
功能
- 由 giscus 驱动的评论。
- MermaidJS 图表。
- KaTeX 用于渲染数学公式。
- 阅读时间指示器。
安装
将 jughead 添加到模块部分的 Hugo 配置文件中。
[module]
[[module.imports]]
path = 'github.com/ananthb/jughead'
有关更多信息,请阅读官方设置指南。
撰写文章
在 content/posts 文件夹中创建一个新的 .md
文件
---
title: Title of the post
description:
date:
tldr: (optional)
draft: true/false (optional)
tags: [tag names] (optional)
---
在文章的前置信息中切换 MermaidJS 和 KaTeX 支持。将 mermaid
设置为 true
以启用 MermaidJS 支持,将 katex
设置为 true
以启用 KaTeX 支持。
---
title: Diagrams & Equations
mermaid: true
katex: true
---
示例配置文件
baseURL = "https://ananthb.github.io/jughead/"
languageCode = "en-in"
title = "Jughead"
copyright = "© Your Name Here"
paginate = 10
# Code Highlight
pygmentsstyle = "monokai"
pygmentscodefences = true
pygmentscodefencesguesssyntax = true
[params]
# Add a logo to your site by placing an image in the assets directory
# and setting the path here. Preferably a square png image.
logo = "images/logo.png"
# Choose a colour scheme from one of the Pico CSS colurs.
colourScheme = "blue"
# Add a subtitle on the home page.
subtitle = "Minimal and Clean [blog theme for Hugo](https://github.com/ananthb/jughead)"
# Social Tags
[[params.social]]
name = "GitHub"
icon = "github"
url = "https://github.com/ananthb/jughead"
[[params.social]]
name = "Twitter"
icon = "twitter"
url = "https://twitter.com/your-name-here/"
[[params.social]]
name = "GitLab"
icon = "gitlab"
url = "https://gitlab.com/ananthb/"
# Main menu Items
[[menu.main]]
name = "Blog"
url = "/blog"
weight = 1
许可证
archie 的分支。
Jughead 在 MIT 许可证的条款下可用。