【亲测免费】 Tachiyomi 官方网站搭建指南

项目基础介绍及主要编程语言

Tachiyomi 的官方网站是一个开源项目，托管在 GitHub 上，地址为 https://github.com/tachiyomiorg/website.git。这个项目主要用于提供 Tachiyomi 这款流行的开源 Android 漫画阅读器的相关信息和服务。项目采用 Vue.js 作为主要前端框架，辅以 TypeScript 提升代码的质量和可维护性，同时也利用了 VitePress 或类似的技术来构建文档和静态页面。

关键技术和框架

• Vue.js: 一个用于构建用户界面的渐进式JavaScript框架。
• TypeScript: Microsoft 开发的强类型脚本语言，它是 JavaScript 的超集，增加了可选的静态类型。
• VitePress（或类似）: 用于生成静态文档站点的基于Vue的静态站点生成器。
• Stylus: CSS 预处理器，简化 CSS 编写。
• Markdown: 文档编写语言，用于撰写易于阅读的内容。

准备工作和详细安装步骤

环境要求

• Node.js (建议最新稳定版)
• npm 或 yarn（包管理工具）
• Git （用于克隆仓库）

安装步骤

步骤 1: 安装Git

确保你的系统已安装Git，如果未安装，从官方站点下载并安装。

步骤 2: 克隆项目

打开终端或命令提示符，执行以下命令以克隆项目到本地：

git clone https://github.com/tachiyomiorg/website.git
cd website

步骤 3: 安装依赖

在项目根目录下，运行以下命令来安装所有必要的依赖包：

npm install # 或者使用 yarn

步骤 4: 运行开发服务器

安装完成后，启动开发服务器查看和测试网站：

npm run serve # 或者使用 yarn serve

这会启动一个热重载的本地开发服务器，通常默认端口是8080，在浏览器中访问 http://localhost:8080 即可看到项目的实时预览。

步骤 5: 构建生产环境版本

如果你需要生成生产环境下的静态文件，可以使用以下命令：

npm run build # 或者使用 yarn build

构建后的内容通常会在 dist 目录下，可用于部署到生产环境服务器上。

配置说明

配置通常位于特定的配置文件内，如 .env 文件（如果有提供），或者是项目文档中特别指出的地方。对于 Vue.js 和 VitePress 项目，配置可能分散在 vue.config.js, .vitepress/config.js 等文件中。首次使用时，请查阅项目中的 README.md 文件或官方文档，了解是否有特定的配置需求或环境变量设置。

至此，您已经成功地搭建并运行了 Tachiyomi 的官方网站项目，接下来可以根据自己的需求进行定制或贡献代码。记得在修改前理解项目的贡献指南，并遵守其许可协议（MPL-2.0）。