英文原文正文为项目原始 README（英文），本站后续会翻译为中文，当前仅剔除图片与无关章节并统一排版。

💻 LiveTerm - 几分钟内构建终端风格的网站！

高度可定制、易于使用且简约的终端风格网站模板，由 Next.js 提供支持。

使用 LiveTerm 构建一个简单的网站只需 几分钟，并且您只需操作 一个 文件：config.json。克隆此仓库后，只需运行 yarn install && yarn dev，然后开始编辑 config.json 来构建您的网站！

LiveTerm 可用于构建各种类型的网站：

• 个人网站
• 浏览器起始页
• 项目页面
• 或者只是一个很酷的浏览器音乐播放器……发挥创意吧！

随意试玩上面的网页演示！

📸 展示

带有不同主题的 LiveTerm

我的个人网站

🚀 在不到5分钟内发布你的LiveTerm网站

LiveTerm 需要 yarn 包管理器。您可以在 这里 安装 yarn。

只需在您的终端中运行以下命令：

sh -c "$(curl -fsSL https://raw.github.com/Cveinnt/LiveTerm/main/install/install.sh)"

这将把 LiveTerm 安装到当前目录。你可以使用以下方式开始构建你的网站：

cd LiveTerm && yarn dev

开始编辑 config.json 并尝试保存以查看更新的更改！

或者，你可以将此仓库克隆到你选择的位置

git clone https://github.com/Cveinnt/LiveTerm.git && cd LiveTerm

然后安装依赖并在那里开始开发：

yarn install && yarn dev

Docker 使用

首先，克隆项目并按您的喜好编辑 config.json。然后运行以下命令以在后台启动容器：

docker-compose up -d

如果你知道自己在做什么，你也可以尝试更改 Dockerfile 和 docker-compose.yml！在这里了解更多关于 Docker 的信息 here。

📄 配置

基本配置

LiveTerm 90%的配置都是通过 config.json 文件完成的。

{
  "readmeUrl": // create a Github README and link it here!
  "title": // title of the website
  "name": // your name, included in 'about' command
  "ascii": // ascii art to display
  "social": {
    "github": // your handle
    "linkedin": // your handle
  },
  "email": // your email
  "ps1_hostname": "liveterm" // hostname in prompt
  "ps1_username": "visitor", // username in prompt
  "resume_url": "../resume.pdf", // path to your resume
  "non_terminal_url": "W",
  "colors": {
    "light": {
      ...
    },
    "dark": {
      ... // you can use existing templates in themes.json or use your own!
    }
  }
}

随意根据您的需要进行更改！

主题

您可以在 themes.json 中找到多个预配置的主题，并且可以在 config.json 中将颜色替换为您喜欢的主题颜色！这些主题基于 此网站 上的主题。

为了更好地预览主题，请查看 demo 文件夹中的图片。

网站图标

网站图标位于 public/ 文件夹中，以及您可能希望上传到网站的其他文件。我使用了这个 网站 来生成网站图标。

横幅

您可能还想更改 banner 命令的输出。为此，只需将生成的横幅粘贴到 src/utils/bin/commands.ts 文件中。我使用了这个 网站 来生成我的横幅。

高级配置

如果您想进一步自定义页面，可以随意更改源代码！

🌐 在Vercel上部署

部署 Next.js 应用程序最简单的方法是使用 Next.js 创建者提供的 Vercel 平台。

您可以安装 vercel 命令行工具，并按照 这里 的说明进行操作。

您还可以将您的 GitHub 账号连接到 Vercel，让 Vercel 自动为您部署 GitHub 仓库。

致谢

基于 M4TT72 超棒的 Terminal。