mirror of https://github.com/jpanther/congo.git
30 lines
1.4 KiB
Markdown
30 lines
1.4 KiB
Markdown
---
|
||
title: "欢迎使用Congo! :tada:"
|
||
description: "这是一个基于Hugo的主题Congo示例。"
|
||
---
|
||
|
||
{{< lead >}}
|
||
一款基于Tailwindcss的强大且轻量Hugo主题
|
||
{{< /lead >}}
|
||
|
||
这是一个完全使用Congo构建的演示站点。它还包含一个完整的 [主题文档]({{< ref "docs" >}}) 集。Congo是灵活的，非常适合静态基于页面的内容（就像你看到的这个演示）或具有最新文章的传统博客。
|
||
|
||
<div class="flex px-4 py-2 mb-8 text-base rounded-md bg-primary-100 dark:bg-primary-900">
|
||
<span class="flex items-center pe-3 text-primary-400">
|
||
{{< icon "triangle-exclamation" >}}
|
||
</span>
|
||
<span class="flex items-center justify-between grow dark:text-neutral-300">
|
||
<span class="prose dark:prose-invert">这是一个 <code id="layout">page</code> 布局的示例.</span>
|
||
<button
|
||
id="switch-layout-button"
|
||
class="px-4 !text-neutral !no-underline rounded-md bg-primary-600 hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700"
|
||
>
|
||
切换布局 ↻
|
||
</button>
|
||
</span>
|
||
</div>
|
||
|
||
{{< figure src="festivities.svg" class="m-auto mt-6 max-w-prose" >}}
|
||
|
||
探索 [示例页面]({{< ref "samples" >}}) 以感受Congo的强大功能。如果你喜欢该主题，请在 [Github](https://github.com/jpanther/congo) 上查看该项目，或阅读 [安装指南]({{< ref "docs/installation" >}}) 开始使用。
|