Статьи

GrazeWP7: создание статического сайта с помощью Razor

Декабрь 14, 2018

Graze — простой генератор статических сайтов. Он берет шаблон и файл конфигурации и генерирует статический веб-сайт. Созданный сайт представляет собой чистый HTML / CSS / JavaScript и может быть размещен на любом веб-сервере. Шаблоны Graze создаются с использованием синтаксиса Razor.

Начиная

  1. Скачайте и распакуйте Graze. Это идет с примером.
  2. Запустите graze.exe.

Статический сайт (index.html) создается в папке «output».

Пасти шаблоны

Шаблоны Graze создаются с помощью Razor.

<html>
<head>
    <title>@Model.Title</title>
</head>
<body>
    <h1>@Model.Description</h1>
</body>
</html>

Конфигурация пасти

Конфигурация для Graze выполняется в XML.

<?xml version="1.0" encoding="utf-8" ?>
<site>
  <Title>Graze</Title>
  <Description>Graze: Static site generator using Razor</Description>
</site>

Файл конфигурации представляет данные, которые вводятся в сгенерированный статический сайт.

Генерация статического сайта

Как только шаблон Graze и файл конфигурации будут созданы, можно создать статический сайт, запустив graze.exe. Статический сайт выводится в выходную папку.

GrazeWP7

GrazeWP7 использует Graze для создания маркетинговых сайтов для приложений Windows Phone 7.

screenshot_small

GrazeWP7 — это генератор маркетинговых сайтов для приложений для Windows Phone 7. Он использует
 движок шаблонов Graze с
 Twitter Bootstrap для создания статических веб-сайтов.

GrazeWP7 использует простой файл конфигурации для создания статического веб-сайта для вашего приложения. Сгенерированный сайт является чистым HTML / CSS / JavaScript и может быть размещен на любом веб-сервере.

Подробнее

Более подробную информацию о WP7Graze, включая быстрый старт, можно получить из дома проекта .

Характеристики

Списки

Списки могут быть созданы в XML и доступны в шаблоне Graze. Пример XML:

<Features>
  <Feature>Layouts defined using Razor syntax.</Feature>
  <Feature>Dynamic data models created in XML.</Feature>
  <Feature>Supports complex data models and arrays.</Feature>
  <Feature>Fast static site generation.</Feature>
  <Feature>Pure HTML / CSS / Javascript output. Host in Apache, IIS etc.</Feature>
</Features>

Пример шаблона для доступа к списку:

<h2>Features:</h2>
<ul>
    @foreach (var feature in Model.Features)
    {
        <li>@feature</li>
    }
</ul>

Сложные типы

По умолчанию все данные в XML имеют тип string при доступе из шаблона. Но сложные типы могут быть созданы также:

<Link Url="https://github.com/mikoskinen/graze">Source code hosted in GitHub</Link>

 

<a href="@Model.Link.Url">@Model.Link.Link</a>

Чувствительный к регистру

Конфигурация чувствительна к регистру.

Структура папок

Graze ожидает следующую структуру папок:

graze.exe
--template/
----configuration.xml
----index.cshtml
----assets

Папка ресурсов полностью копируется в выходную папку. Папка assets может содержать файлы CSS / JSS / image, требуемые шаблоном.

Лицензия

Graze доступен с MIT-лицензией. Он использует RazorEngine для генерации вывода.

Исходный код

Graze размещается на GitHub .

Источник: http://mikaelkoskinen.net/post/Graze-Static-site-generator-using-Razor.aspx

37
Share: