安装 Kitsunebi

你需要安装 Kitsunebi,使用以下命令安装：

curl https://raw.githubusercontent.com/kitsona/kitsunebi/master/scripts/install.sh | sh

或者直接从 Kitsunebi GitHub 仓库 下载并安装。

创建新项目

使用 kitsunebi new 命令创建一个新项目：

kitsunebi new my-site
cd my-site

配置项目

进入项目目录，修改 Cargo.toml 文件，添加你的内容，如果你想创建一个简单的 HTML 页面,可以添加如下内容：

[project]
name = "my-site"
[component]
name = "index"
content = "Hello, Kitsunebi!"

添加组件

你可以使用 kitsunebi add 命令添加组件，添加一个 React 组件：

kitsunebi add components/MyComponent.rs

如果你需要一个 HTML 组件，可以在 Cargo.toml 中手动添加：

[component]
name = "my-component"
html = "<p>这是一个自定义组件</p>"

配置部署

Kitsunebi 提供了多种部署选项，你可以使用 kitsunebi deploy 命令直接部署到 GitHub Pages 或其他平台。

部署到 GitHub Pages：

kitsunebi deploy --host git@github.com:yourusername/yourrepo.git

使用 TravisCI 进行自动化部署

如果你想自动化部署，可以在 GitHub 上设置 TravisCI 做为持续集成,添加如下配置：

on:
  push:
    branches: [ main ]
  pull_request:
    branches: [ main ]
env:
  KITSUNEBI_API_KEY: $KITSUNEBI_API_KEY  # 你的 Kitsunebi API key
script:
  - echo '开始构建...'
  - kitsunebi deploy --token $KITSUNEBI_API_KEY --host git@github.com:yourusername/yourrepo.git

部署到其他平台

Kitsunebi 也支持其他平台如 Netlify、Vercel 等，你可以参考它们的文档,配置自动化部署。

示例项目

以下是一个简单的 Kitsunebi 项目示例,生成一个带有多个页面的静态网站：

[project]
name = "my-site"
[component]
name = "page"
content = "这是一个页面"
[component]
name = "page2"
content = "这是一个第二个页面"
[page]= "我的网站"

运行 kitsunebi build 会生成 out 目录下的静态文件。

使用 CLI 工具

Kitsunebi 提供了一个强大的 CLI 工具，可以帮助你管理项目,你可以使用以下命令：

• 构建项目：kitsunebi build
• 部署项目：kitsunebi deploy
• 添加组件：kitsunebi add
• 初始化项目：kitsunebi new

常用组件库

Kitsunebi 支持许多常用的组件库和工具,如：

• HTML/CSS
• React
• Vue
• Markdown
• 等等

你可以在 Cargo.toml 中添加自定义组件,或者使用现有的组件库。

通过以上方法，你可以轻松配置和部署一个静态网站，Kitsunebi 提供了灵活的配置选项,适合不同项目的需求。