Circle 主题介绍

Circle 是一个漂亮简洁的主题，它提供了很多强大的功能和自定义选项。它的设计风格基于圆形元素，包括菜单、头像、分页和按钮等，让整个网站看起来更加平衡和流畅。以下是 Circle 主题的一些特点：

特点

• 完全自定义选项，包括颜色、字体、头像等；
• 响应式设计，适合各种大小的屏幕设备；
• 内置博客支持，让你轻松编写、发布和管理博客文章；
• 简单易用的页面定制功能；
• 集成FontAwesome图标集，方便添加各种图标。

安装

你可以通过以下命令来安装 Circle 主题：

$ hugo new site mysite
$ cd mysite
$ git clone https://github.com/circle/circle-theme.git themes/circle

然后修改 config.toml 配置文件中的主题参数为 circle 即可：

theme = "circle"

使用

Circle 主题提供了以下目录结构：

├── archetypes
│   └── default.md
├── content
│   ├── about.md
│   ├── blog
│   │   └── _index.md
│   └── index.md
├── data
├── static
├── themes
│   └── circle
├── config.toml
└── README.md

你可以使用 hugo new 命令来创建新的页面或文章，例如：

$ hugo new about.md
$ hugo new blog/my-first-post.md

然后在 Markdown 文件中添加前端 Matter 部分以及正文部分即可：

---
title: About
---

This is the **about** page. You can modify its content in `content/about.md`.

---
title: My first post
date: 2022-01-01T12:00:00+08:00
---

This is my first post. Welcome to my blog!

自定义

Circle 主题提供了配置文件来实现自定义功能，你可以在 config.toml 中添加你自己的配置参数。以下是一些常用的自定义选项：

# 基本设置
baseurl = "https://example.com/"
title = "My website"
languageCode = "en-us"
defaultContentLanguage = "en"

# 图片设置
useOpenGraph = true
useTwitterCard = true
cover = "/images/cover.png"
favicon = "/images/favicon.png"

# 静态文件
[params.static]
favicon = "/images/favicon.png"
customCSS = "/css/custom.css"

# 页面设置
[params.page]
about = true
archives = true
categories = true
tags = true
search = true

# 个人资料
[params.author]
name = "John Smith"
bio = "Web developer, open source enthusiast."
avatar = "/images/avatar.png"

# 社交媒体
[params.social]
twitter = "https://twitter.com/johnsmith"
github = "https://github.com/johnsmith"

总结

Circle 主题是一个功能强大、设计美观的 Hugo 主题，可以让你轻松地分享你的想法和惊人的创意。它的自定义选项丰富多样，可以帮助你打造一个独特的博客或网站。