使用 Jigsaw 扩展包基于 Laravel Blade 模板构建静态站点 —— 站点部署篇

1、美化URL

默认情况下，所有非 index.blade.php 文件都会被生成为对应子目录下的 index.html ，例如如果你在 source 目录下有一个 about-us.blade.php ：

└─ source
  ├─ _layouts
    ├─ about-us.blade.php
    └─ index.blade.php

最终将会生成 build_local/about-us/index.html ：

└─ build_local
  ├─ about-us
  │  └─ index.html
  └─ index.html

这意味着，关于我们页面的URL是 http://example.com/about-us/ ，而不是 http://example.com/about-us.html 。

注：你可以在构建站点时通过 --pretty=false 选项来关闭这一默认设置。

2、站点部署

由于Jigsaw只是静态HTML和JavaScript，部署起来非常简单，也非常廉价。

使用Github Pages

Github Pages 免费为Github提供的静态站点提供托管主机，开始之前，先查看其文档理解其工作原理。

我们部署Jigsaw站点到Github Pages的方式是这样的：

1）为生成环境构建站点：

gulp && jigsaw build production

2）提交 build_production 目录到仓库：

git add build_production && git commit -m "Build for deploy"

3）使用 git subtree push 只推送 build_production 目录到 gh-pages 分支：

git subtree push --prefix build_production origin gh-pages

手动部署

如果你已经有了一个服务器（如阿里云ECS）可以为Jigsaw站点提供托管主机，所有需要做的只是在web根目录下获取 build_production 的内容，并且在web服务器（如nginx）中将站点URL指向这里。

本系列教程：

• 使用 Jigsaw 扩展包基于 Laravel Blade 模板构建静态站点 —— 安装预览篇
• 使用 Jigsaw 扩展包基于 Laravel Blade 模板构建静态站点 —— 环境变量篇
• 使用 Jigsaw 扩展包基于 Laravel Blade 模板构建静态站点 —— 视图布局篇
• 使用 Jigsaw 扩展包基于 Laravel Blade 模板构建静态站点 —— 前端编译篇
• 使用 Jigsaw扩展包基于Laravel Blade 模板构建静态站点 —— 站点部署篇