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

github-pages

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.htm…

使用 Jigsaw 扩展包基于 Laravel Blade 模板构建静态站点 —— 前端编译篇

markdown-build

1、Markdown 有些页面你更想使用Markdown而不是Blade?在Jigsaw中使用Markdown很简单,只需要创建以.markdown或.md为文件扩展名的文件即可,并且以YAML front matter的方式指定细节。 例如,假设你有这样的布局并且想要以Markdown文本填充content部分: <html> <head>…</hea…

使用 Jigsaw 扩展包基于 Laravel Blade 模板构建静态站点 —— 视图布局篇

layouts-directory

使用模板语言最大的好处之一就是可以创建可复用的整体布局和局部视图。 1、定义整体布局 布局本身只是包含一个或对个@yield调用(用于渲染子视图内容)的基本Blade模板。 一个基本的布局文件内容如下: <!DOCTYPE html> <html> <head> <title>The Amazing Web</title> &l…

使用 Jigsaw 扩展包基于 Laravel Blade 模板构建静态站点 ——  环境变量篇

jigsaw-variable

1、站点变量 任意添加到config.php数组中的变量都会在模板中生效。例如,我们这样配置config.php: <?php return [     ‘site_name’ => ‘Laravel学院’, ]; 然后修改source/index.blade.php内容如下: @extends(‘_layouts.master’) @section(‘body’)     …

使用 Jigsaw 扩展包基于 Laravel Blade 模板构建静态站点 —— 安装预览篇

jigsaw

1、简介 Jigsaw 是一个基于 Laravel Blade 语法生成静态站点的扩展包。安装之前,确保系统已经安装 PHP 5.5+,如果要使用Elixir 编译 CSS 和 JavaScript 的话还需要安装 Node.js 和 NPM。 2、安装 全局安装 我们可以通过Composer全局安装Jigsaw: composer global require tightenco/ji…