Публикации по теме 'eleventy'
Scheduled Eleventy основывается на Vercel с действиями GitHub, запускаемыми cron
Стремясь уйти от Javascript на стороне клиента и использовать Eleventy таким, какой он есть (генератор статических сайтов), я отключил свой экземпляр social-utils и отображение воспроизводимого трека на моей домашней странице, которая все еще полагался на это.
Для обновления своих фидов ( feed.xml и follow.xml ) и страницы сейчас я использовал @11ty/eleventy-fetch и обычные сборки в Vercel , которые запускаются Github Actions , которые использовать cron для планирования...
Прогуляйтесь с сайтом Eleventy, прежде чем вы сможете бежать.
Руководство по началу работы с минимумом
Каждый раз, когда я открываю сайт с документацией Eleventy , меня охватывает желание расплакаться или сменить работу! Поэтому я решил создать небольшой веб-сайт, на котором нет абсолютно ничего, кроме самого минимума, и оставить его в качестве справочного материала, чтобы в следующий раз, когда я буду рассматривать Eleventy, мне не нужно было проходить через их ценные — но болезненные — начинайте!
Финальный проект на StackBlitz
План..
Как иметь действительные файлы шаблонов JavaScript для Eleventy
Если вступительные данные не являются допустимым синтаксисом в JavaScript, наши инструменты могут работать с ошибками и, следовательно, не могут помочь нам в написании кода… К счастью для нас, есть способ это исправить!
Когда я начал комбинировать веб-компоненты с Eleventy в качестве доказательства концепции, я быстро понял, что мне нужно будет генерировать файлы JavaScript из файла шаблона того же языка , например преобразование файла *.js.njk в файл *.js .
Поначалу это..
Создание пользовательского фильтра Eleventy
Хорошо, я хотел сделать эту статью немного больше, но столкнулся с препятствием при попытке использовать фильтры в Eleventy.
Поэтому я решил посвятить эту статью демонстрации того, как фильтры могут работать в Eleventy.
Фильтр — это, по сути, функция, которую мы можем расширить в нашем интерфейсе, вызвав разделитель канала | , за которым следует функция.
{
{
someVar | uppercase;
}
}
Затем uppercase считается нашим фильтром.
Одиннадцать типов фильтров
На самом деле..
Вопросы по теме 'eleventy'
Показать определенные значения JSON в шаблоне нунджака
Попытка отфильтровать значения из JSON-файла и показать их в шаблоне nunjuck. Это JSON-файл:
{"rows":
[
{"value":
{
"name":"'s Gravenwezel",
"zip":"2970"
}
},
{
"value":
{
"name":"'s Herenelderen",...
42 просмотров
schedule
18.07.2022
Как сохранить страницы с суффиксом .html в одиннадцатом (статическом генерации сайта) выводе?
У меня есть старый статический сайт на чистом HTML, который я хочу модернизировать с помощью SSG, и я выбрал одиннадцать.
Структура сайта такова:
+ index.html
+ somepage.html
+ otherpage.html
Как описано на...
202 просмотров
schedule
08.11.2022
Eleventy (11ty) разбиение на страницы данных - заголовок из данных
Попытка настроить разбиение на страницы с данными, где {{ title }} в <head><title>{{ title }}</title></head> - это заголовок текущей страницы, как определено в projects.json
Предполагалось, что это можно сделать:...
865 просмотров
schedule
17.05.2022
Как мне заставить мой шаблон Eleventy не кодировать HTML-теги?
У меня есть файл .md, который перебирает набор тегов:
---
title: The First Page
date: Created
tags:
- home
- flashcards
- info
- other
---
## {{ title }}
**Publish Date:** {{ page.date }}
This is the index page now....
121 просмотров
schedule
21.04.2024
Как указать макет по умолчанию для всех страниц из одиннадцати?
Похоже, вы должны иметь возможность указать резервный макет для всех страниц на сайте 11ty, используя глобальные данные файлы и каскад данных , но я не могу понять, как .
Я пробовал следующий JSON в нескольких местах:
{
"layout":...
390 просмотров
schedule
27.05.2022
Почему мой сервисный работник кэширует страницы, даже если я его отключу?
Я разрабатываю статический веб-сайт francoscarpa.com , используя одиннадцать . Этот веб-сайт использует сервисного работника для предоставления пользователю автономных возможностей. Все мои страницы отображаются с помощью этого шаблона:...
35 просмотров
schedule
18.08.2022
Как я могу использовать 11ty для создания одной страницы для каждого файла json в подпапках _data?
Я пытаюсь использовать 11ty для создания страниц сайта с обзорами фильмов. Структура моей папки _data следующая.
_data
movies
2017
title1.json
title2.json
2018
2019
Я надеюсь на такой результат.
_site
movies...
732 просмотров
schedule
30.03.2023
Как лучше всего выполнять небольшой клиентский JavaScript в Eleventy?
Проблема
Я хотел бы добавить немного клиентского JavaScript на свой сайт Eleventy. Кажется, я не могу получить доступ к document. с помощью Eleventy, что означает, что я не могу получить доступ к элементам и прослушивать их на предмет событий....
248 просмотров
schedule
03.05.2024
Невозможно перебрать массив при использовании «одиннадцати кеш-ресурсов»
В Eleventy я использую утилиту 'eleventy-cache-assets' для извлечения данных API из TMDB и помещения их в кеш. JSON успешно извлечен и сохранен в кеше. Я также могу использовать фильтр дампа Nunjucks, чтобы выгрузить полный JSON на страницу. Однако...
72 просмотров
schedule
09.08.2023
Eleventy, Nunjucks, Tailwindcss, функция переключения JavaScript для скрытия и отображения контента
У меня есть статический сайт, использующий одиннадцать, попутный ветер и нанджаки. это мой первый раз, и в целом он мне очень нравится, но я все еще нахожу макет немного запутанным.
Я хотел бы создать страницу повторно используемых компонентов,...
51 просмотров
schedule
15.01.2023
Как организовать данные в Nunjucks при работе с 11ty?
Я разрабатываю статический сайт, используя 11ty с Nunjucks. Это для компании, которая проводит обучение для сдачи сертификационных экзаменов (AWS и т. Д.), И у них есть ~ 25 сертификационных учебных курсов, каждый со своими данными.
Я заставил это...
77 просмотров
schedule
13.07.2022
Eleventy / njk - коллекция на основе динамического тега
новичок в одиннадцатом, я пытаюсь создать страницу индекса коллекции на основе тега, определенного в родительском (передний вопрос)
Например, Город:
---
name: New York
tags: ['cities']
restaurant_tag: USNYNY
---
И ресторан в Нью-Йорке:...
45 просмотров
schedule
21.02.2023
пользовательский темный режим в генераторе статических сайтов 11ty
Я хочу добавить кнопку темного режима на свой статически сгенерированный сайт с eleventy . Код для темного режима взят с этого сайта Но я не знаю, где разместить js файл / функцию. Кнопка должна находиться в заголовке, доступном для всех...
70 просмотров
schedule
09.01.2023
