mirror of
https://github.com/imfing/hextra.git
synced 2025-07-05 13:37:17 -04:00
Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 6727ef01aa | |||
| 0a0202657a | |||
| cc099724a0 | |||
| a1f2859944 | |||
| 259b050dfb | |||
| 5cf72e9764 |
11
README.md
11
README.md
@ -1,7 +1,14 @@
|
|||||||
<p align="center">
|
<div align="center">
|
||||||
<h1 align="center">Hextra</h1>
|
<h1 align="center">Hextra</h1>
|
||||||
<p align="center">Modern, responsive, batteries-included Hugo theme for creating beautiful static websites.</p>
|
<p align="center">Modern, responsive, batteries-included Hugo theme for creating beautiful static websites.</p>
|
||||||
</p>
|
|
||||||
|
Demo → [imfing.github.io/hextra](https://imfing.github.io/hextra/)
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<picture>
|
||||||
|
<source media="(prefers-color-scheme: dark)" srcset="https://user-images.githubusercontent.com/5097752/263550533-c18343ca-3848-4230-b5c0-ee989d7916da.png">
|
||||||
|
<img alt="Hextra" src="https://user-images.githubusercontent.com/5097752/263550528-663599f9-17a1-4686-b5c4-3da233b5034d.png">
|
||||||
|
</picture>
|
||||||
|
|
||||||
## Features
|
## Features
|
||||||
|
|
||||||
|
|||||||
@ -5,6 +5,8 @@ title: Hextraへようこそ
|
|||||||
|
|
||||||
👋 こんにちは！Hextraドキュメンテーションへようこそ！
|
👋 こんにちは！Hextraドキュメンテーションへようこそ！
|
||||||
|
|
||||||
|
<!--more-->
|
||||||
|
|
||||||
## Hextraとは？
|
## Hextraとは？
|
||||||
|
|
||||||
Hextraは、[Hugo][hugo]テーマの一つで、[Tailwind CSS][tailwind-css]を使用して作られた、現代的で高速なバッテリー内蔵のテーマです。
|
Hextraは、[Hugo][hugo]テーマの一つで、[Tailwind CSS][tailwind-css]を使用して作られた、現代的で高速なバッテリー内蔵のテーマです。
|
||||||
|
|||||||
@ -5,6 +5,8 @@ title: Introduction
|
|||||||
|
|
||||||
👋 Hello! Welcome to the Hextra documentation!
|
👋 Hello! Welcome to the Hextra documentation!
|
||||||
|
|
||||||
|
<!--more-->
|
||||||
|
|
||||||
## What is Hextra?
|
## What is Hextra?
|
||||||
|
|
||||||
Hextra is a modern, fast and batteries-included [Hugo][hugo] theme built with [Tailwind CSS][tailwind-css].
|
Hextra is a modern, fast and batteries-included [Hugo][hugo] theme built with [Tailwind CSS][tailwind-css].
|
||||||
|
|||||||
@ -8,6 +8,8 @@ sidebar:
|
|||||||
|
|
||||||
Explore the following sections to learn to compose content using Hextra:
|
Explore the following sections to learn to compose content using Hextra:
|
||||||
|
|
||||||
|
<!--more-->
|
||||||
|
|
||||||
{{< cards >}}
|
{{< cards >}}
|
||||||
{{< card link="organize-files" title="Organize Files" icon="document-duplicate" >}}
|
{{< card link="organize-files" title="Organize Files" icon="document-duplicate" >}}
|
||||||
{{< card link="configuration" title="Configuration" icon="adjustments" >}}
|
{{< card link="configuration" title="Configuration" icon="adjustments" >}}
|
||||||
|
|||||||
@ -7,6 +7,8 @@ Hugo reads its configuration from `hugo.yaml` in the root of your Hugo site.
|
|||||||
The config file is where you can configure all aspects of your site.
|
The config file is where you can configure all aspects of your site.
|
||||||
You can find the config file for this site in `exampleSite/hugo.yaml` as a good starting point.
|
You can find the config file for this site in `exampleSite/hugo.yaml` as a good starting point.
|
||||||
|
|
||||||
|
<!--more-->
|
||||||
|
|
||||||
## Navigation
|
## Navigation
|
||||||
|
|
||||||
### Menu
|
### Menu
|
||||||
|
|||||||
@ -6,6 +6,8 @@ math: true
|
|||||||
|
|
||||||
$\KaTeX$ is used for rendering LaTeX math expressions. It can be enabled per page by setting `math` to `true` in the page front matter.
|
$\KaTeX$ is used for rendering LaTeX math expressions. It can be enabled per page by setting `math` to `true` in the page front matter.
|
||||||
|
|
||||||
|
<!--more-->
|
||||||
|
|
||||||
```yaml {filename="Markdown"}
|
```yaml {filename="Markdown"}
|
||||||
---
|
---
|
||||||
title: "My Page with LaTeX"
|
title: "My Page with LaTeX"
|
||||||
|
|||||||
@ -8,6 +8,8 @@ weight: 1
|
|||||||
By default, Hugo searches for Markdown files in the `content` directory, and the structure of the directory determines the final output structure of your website.
|
By default, Hugo searches for Markdown files in the `content` directory, and the structure of the directory determines the final output structure of your website.
|
||||||
Take the example site as an example:
|
Take the example site as an example:
|
||||||
|
|
||||||
|
<!--more-->
|
||||||
|
|
||||||
{{< filetree/container >}}
|
{{< filetree/container >}}
|
||||||
{{< filetree/folder name="content" >}}
|
{{< filetree/folder name="content" >}}
|
||||||
{{< filetree/file name="_index.md" >}}
|
{{< filetree/file name="_index.md" >}}
|
||||||
|
|||||||
@ -6,6 +6,8 @@ weight: 3
|
|||||||
Hugo uses [Chroma](https://github.com/alecthomas/chroma), a general purpose syntax highlighter in pure Go, for syntax highlighting.
|
Hugo uses [Chroma](https://github.com/alecthomas/chroma), a general purpose syntax highlighter in pure Go, for syntax highlighting.
|
||||||
It is recommended to use backticks for code blocks in Markdown content. For example:
|
It is recommended to use backticks for code blocks in Markdown content. For example:
|
||||||
|
|
||||||
|
<!--more-->
|
||||||
|
|
||||||
````markdown {filename="Markdown"}
|
````markdown {filename="Markdown"}
|
||||||
```python
|
```python
|
||||||
def say_hello():
|
def say_hello():
|
||||||
|
|||||||
@ -66,18 +66,23 @@ menu:
|
|||||||
icon: github
|
icon: github
|
||||||
|
|
||||||
sidebar:
|
sidebar:
|
||||||
- name: More
|
- identifier: more
|
||||||
|
name: More
|
||||||
params:
|
params:
|
||||||
type: separator
|
type: separator
|
||||||
weight: 1
|
weight: 1
|
||||||
- name: "About"
|
- identifier: about
|
||||||
|
name: "About"
|
||||||
pageRef: "/about"
|
pageRef: "/about"
|
||||||
weight: 2
|
weight: 2
|
||||||
- name: "Hugo Docs ↗"
|
- identifier: hugoDocs
|
||||||
|
name: "Hugo Docs ↗"
|
||||||
url: "https://gohugo.io/documentation/"
|
url: "https://gohugo.io/documentation/"
|
||||||
weight: 3
|
weight: 3
|
||||||
|
|
||||||
params:
|
params:
|
||||||
|
description: Modern, responsive, batteries-included Hugo theme for creating beautiful static websites.
|
||||||
|
|
||||||
navbar:
|
navbar:
|
||||||
displayTitle: true
|
displayTitle: true
|
||||||
displayLogo: true
|
displayLogo: true
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html lang="{{ .Site.Language.Lang }}">
|
||||||
{{- partial "head.html" . -}}
|
{{- partial "head.html" . -}}
|
||||||
<body dir="ltr">
|
<body dir="ltr">
|
||||||
{{- partial "navbar.html" . -}}
|
{{- partial "navbar.html" . -}}
|
||||||
|
|||||||
@ -112,7 +112,7 @@
|
|||||||
<p class="text-gray-500 text-sm leading-6">{{ $subtitle | markdownify }}</p>
|
<p class="text-gray-500 text-sm leading-6">{{ $subtitle | markdownify }}</p>
|
||||||
</div>
|
</div>
|
||||||
{{- with $image -}}
|
{{- with $image -}}
|
||||||
<img src="{{ . }}" class="absolute max-w-none {{ $imageClass }}" />
|
<img src="{{ . }}" class="absolute max-w-none {{ $imageClass }}" alt="{{ $title }}" />
|
||||||
{{- end -}}
|
{{- end -}}
|
||||||
</div>
|
</div>
|
||||||
{{- end -}}
|
{{- end -}}
|
||||||
|
|||||||
@ -1,11 +1,11 @@
|
|||||||
{{ with .Description | plainify -}}
|
{{ with .Description | plainify -}}
|
||||||
{{ . -}}
|
{{ . -}}
|
||||||
{{ else -}}
|
{{ else -}}
|
||||||
{{ if .IsPage -}}
|
{{ if .IsHome -}}
|
||||||
{{ .Summary | plainify | chomp -}}
|
|
||||||
{{ else -}}
|
|
||||||
{{ with .Site.Params.description | plainify -}}
|
{{ with .Site.Params.description | plainify -}}
|
||||||
{{ . -}}
|
{{ . -}}
|
||||||
{{ end -}}
|
{{ end -}}
|
||||||
|
{{ else -}}
|
||||||
|
{{ .Summary | plainify | chomp -}}
|
||||||
{{ end -}}
|
{{ end -}}
|
||||||
{{ end -}}
|
{{ end -}}
|
||||||
|
|||||||
@ -1,14 +1,15 @@
|
|||||||
{
|
{
|
||||||
"name": "Hextra",
|
"name": "Hextra",
|
||||||
"short_name": "Hextra",
|
"short_name": "Hextra",
|
||||||
|
"start_url": "index.html",
|
||||||
"icons": [
|
"icons": [
|
||||||
{
|
{
|
||||||
"src": "/android-chrome-192x192.png",
|
"src": "android-chrome-192x192.png",
|
||||||
"sizes": "192x192",
|
"sizes": "192x192",
|
||||||
"type": "image/png"
|
"type": "image/png"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"src": "/android-chrome-512x512.png",
|
"src": "android-chrome-512x512.png",
|
||||||
"sizes": "512x512",
|
"sizes": "512x512",
|
||||||
"type": "image/png"
|
"type": "image/png"
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user