apollo html bootstrap
Apollo Initial Release
Apollo 是一个干净且最小的响应式 Bootstrap 5 管理模板。
查看演示 |下载压缩包
如果您不打算使用模板源代码（这意味着您不会编译它或运行 Webpack 开发服务器），则无需安装任何内容。您只需导航到 dist 文件夹并开始编辑文件即可。
大多数开发人员将编辑源代码，并且还将运行 Webpack 来重新编译模板文件。如果是这种情况，请确保您已安装 Node.js。您可以从这里下载
git clone https://github.com/PixelRocket-Shop/apollo-html-bootstrap.gitnpm install 。npm start启动 Webpack devserver。npm run build 该模板由以下页面组成：
以及以下小部件：
为了将代码重复降至最低，我们使用 Handlebars.js 作为模板引擎和部分来快速将相同的代码添加到不同的页面。我们还使用 JSON 数据的 Handlebars 插件 - 这允许我们使用循环并输出单个 HTML 代码块，而不是重复相同的 HTML。
演示网址
请注意，这只是一个 HTML 模板。它不连接到数据库，并且不会自动在内容管理系统（Wordpress 等）中工作。您需要将我们的代码合并到您的应用程序中。
？ dist - 模板的生成版本。如果您不想使用模板源代码，请转到此处。但请注意：如果您直接自定义此文件夹中的任何内容，然后使用 webpack 重新编译模板，除非您将 dist 文件夹移出模板，否则您的更改将被覆盖。
？ node_modules - NPM 安装依赖项的目录。在完成模板安装之前，您将看不到此文件夹。您不需要创建此文件夹。
？ src - 模板源代码。转到此处自定义您的模板。
？ src/assets - 模板资源，例如 CSS、JS、图像等。
？ src/data - 模板 JSON 数据文件。我们使用这些 JSON 文件使您能够更轻松地将内容插入到模板中。
？ src/html - 模板页面。转到此处编辑现有页面或添加新页面。
？ src/partials - 车把部分模板。
Handlebars 是一个模板引擎，它允许我们保持模板源代码尽可能有组织和干净。它减少了代码重复，并通过使用辅助函数，允许模板开发人员以最少的代码非常快速地输出大量数据。您可以在这里阅读更多相关信息。
在我们的模板中打开以下文件：src/html/index.html。
在第 21 行左右，您将看到以下代码：
{{> content/breadcrumbs }}
这是车把部分。该代码告诉 Handlebars 查看名为 content 的文件夹（位于partials 文件夹中），然后查找名为 breadcrumbs 的文件，并在编译时将其插入到 index.html 文件中。
关于我们使用 Handlebars 部分的一些重要注意事项：
我们使用的 Webpack Handlebars 插件附带了一个非常方便的实用程序，它允许我们传入 JSON 文件作为模板数据。
请导航至：src/data。这是我们的模板数据 JSON 文件所在的位置。您可以编辑、删除或添加您自己的文件夹到此文件夹中。
模板的所有源 CSS/SASS 文件都保存在模板的 asset 文件夹中。导航到 src/assets/scss。使用编辑器打开 theme.scss。
这是所有其他 SASS/CSS 文件的主要入口点。
要创建新页面，请在代码编辑器中导航至：src/html。为了更容易地获得正确的 HTML，请克隆现有页面。将新创建的文件重命名为您需要的任何 URL。就是这样。现在，您可以使用代码编辑器打开新页面，进行更改，然后保存文件。退出 Webpack devserver 并重新启动以显示页面。
Bootstrap 已经拥有一个全面的文档站点，它将指导您设置和使用所有默认的 Bootstrap 功能。 Bootstrap 5 完全集成到我们模板的源代码中。请首先参阅 Bootstrap 的文档站点，了解任何默认的 Bootstrap 功能：访问 Bootstrap 的文档站点
引导程序
图表.js
未飞溅
像素
皮克斯
Simplebar.js
您可以在此处找到我们的网站，也可以发送电子邮件至 support@pixelrocket.store
