Hugo 主题

上一个/下一个： 所有主题

cyberscape

一个活泼有趣的 Hugo 主题，用于创建个人网站 🌐

下载
cyberscape

Cyberscape

一个活泼有趣的 Hugo 主题，用于创建个人网站 🌐

Screenshot

💻 演示站点

🔨 演示站点仓库

概述

Cyberscape 被设计为一个充满活力和引人入胜的主题，非常适合那些喜欢构建个人网站的人。

安装

要开始使用 Cyberscape，请使用以下命令

git submodule add https://github.com/isaksolheim/cyberscape themes/cyberscape

然后，打开 config.toml 并添加以下内容

theme = "cyberscape"

# Enable this for tailwind in markdown files
[markup.goldmark.renderer]
unsafe=true

# Add menu links to things from /content/ here (eg. markdown.md)
[[menu.main]]
name = "markdown"
url = "/markdown/"
weight = 1

导航到 themes 目录并安装依赖项

cd themes/cyberscape
npm i

关于 Tailwind 的说明

Cyberscape 使用 Tailwind CSS 进行样式设置。要确保在开发过程中样式保持最新，请从 themes 目录运行以下命令

npm run watch

此命令将在您进行更改时编译您的 Tailwind CSS，从而保持您的开发过程顺畅和简化。

tailwind.config.js 的配置如下

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["content/**/*.md", "layouts/**/*.html", "../../content/**/*.md"],
  theme: {
    extend: {},
  },
  plugins: [],
};

如果您希望在任何其他目录中编写 Tailwind，请将它们相对于配置文件中的路径添加到 content 字段。

贡献

欢迎贡献！

许可证

MIT

另请参阅