跳到主要内容

添加页面

使用 AIGNE WebSmith 可以轻松扩展您的网站。本指南将说明如何使用 aigne web add-page 命令将新页面无缝集成到您的网站结构中,并自动更新内容和内部链接。

aigne web add-page 命令提供了一种扩展网站的交互式方式。它允许您使用自然语言描述新页面,WebSmith 会处理创建页面、生成内容以及智能地更新现有页面以添加指向新内容的相关链接。

命令用法

要开始添加页面,请导航到您项目的根目录并运行以下命令:

aigne web add-page

sh
aigne web add-page

或者,您可以使用更短的别名 add

aigne web add

sh
aigne web add

流程

当您运行 add-page 命令时,WebSmith 会启动一个全面的自动化工作流。该过程分为以下几个步骤:

1. 添加新页面

该命令首先会打印出当前的站点地图,让您清晰地了解现有页面。然后,系统会提示您描述希望添加的页面,指定其标题和位置(例如,“在主服务页面下添加一个定价页面”)。您可以在单个会话中添加多个页面。每次添加后,工具都会显示更新后的结构并提示您进行下一次操作。要完成页面添加,只需在空提示符下按 Enter 键即可。随后,WebSmith 会根据您项目的源材料为每个新页面生成内容。以下是添加页面的用例:

添加“团队”和“招聘”页面

text
- My SaaS Platform [/home]
  - Features [/features]
  - About Us [/about]

You can add a new page.
  • e.g. 'add an FAQ page under the About Us page'

Press Enter to finish: add a 'Team' page under '/about'
- My SaaS Platform [/home]
  - Features [/features]
  - About Us [/about]
    - Team [/about/team]

You can continue adding pages, or press Enter to finish: add a 'Careers' page under '/about'

2. 审查页面以插入链接

新页面创建后,WebSmith 会分析您的现有内容,以确定在何处插入指向新内容的相关链接。这确保了无缝导航,并帮助用户发现新页面。系统会向您展示一个可以添加链接的页面列表,让您在应用更改前进行审查和确认。以下是审查页面以插入链接的用例:

审查链接建议

text
? Select pages that need new links added (all selected by default, press Enter to confirm, or unselect all to skip):
  ◉ About Us (/about)
  ◯ My SaaS Platform (/home)

Do you want to proceed with these changes? (Y/n)

3. 输出摘要

在结构最终确定并插入链接后,系统会显示一份摘要报告。该报告会列出新创建的页面以及所有用新链接更新过的现有页面。如果您的网站使用多种语言,新页面和更新后的链接会自动包含在翻译工作流中。以下是输出摘要的用例:

最终摘要

text
---
📊 Summary

✨ Newly Generated Pages:
   Total: 2 page(s)

   1. /about/team
      Title: Our Team
      Description: Meet the dedicated team behind our project, driving innovation...

🔗 Pages Updated with New Links:
   Total: 1 page(s)

   1. /about
      Added links to: /about/team

后续步骤