Публикации по теме 'static-site'
Поиск и динамические ярлыки для статического сайта
При переносе моего блога с Heroku на Netlify было несколько динамических аспектов, которые мне пришлось пересмотреть при переходе на полностью статическую платформу хостинга.
Две функции, которые в моем случае тесно связаны, — это поиск и динамические ссылки быстрого доступа. Эти ярлыки означали, что я мог посетить remysharp.com/twitter и перенаправить на последний пост, где слаг содержит «twitter».
Возможно, вы уже догадались, как это работает, поэтому вам можно пропустить то, как..
Как я использую javascript в Pelican, чтобы сделать статический сайт динамичным
И с Google Sheets в качестве базы данных!!
Что такое пеликан
Если вы не знаете об этом или о SSG в целом, я кратко упомяну их. Если вы уже это знаете, просто переходите к динамической части!
По сути, SSG или генераторы статических сайтов — это программы, которые создают веб-сайты на основе контента, при этом человеку, создающему веб-сайт, не нужно писать какой-либо код. Таким образом, вы можете написать несколько постов и статей в уценке или реструктурированном тексте, запустить..
Создайте статический HTML-сайт с помощью Poi
› Обновление: официальная документация по этой функции: https://poi.js.org/plugins/vue-static.html
Poi может волшебным образом превратить ваше одностраничное приложение Vue в статический HTML-сайт, то есть каждая страница вашего сайта предварительно отрисовывается во время сборки.
Приступая к работе с обычным приложением Vue, единственное изменение, которое вам нужно сделать, - это экспортировать имеющийся у вас экземпляр Vue:
📝 index.js:
📝 App.vue
Вот и все! Убедитесь,..
Monbanquet.fr и великий Гэтсби
Monbanquet.fr и великий Гэтсби
Еще в декабре 2018 года Я выступал с докладом (на французском с английскими субтитрами 🇬🇧) на первой конференции JAMstack в Париже. Это не стенограмма, а письменная история отзывов, которые я дал.
Сказка о заставке
В сентябре нашей компании Monbanquet.fr пришлось покинуть наш тогдашний веб-сайт. К этому решению подтолкнули многочисленные потребности. С точки зрения бизнеса, цель заключалась в том, чтобы прояснить предложение сайта и получить..
Как обслуживать изображения из Next.js в 2023 году
Быстрые шаги по показу изображений с помощью Next.js:
Поместите все свои изображения в каталог общедоступной папки. Убедитесь, что имена файлов в вашей общей папке не совпадают с именами файлов в вашем каталоге папки Pages , так как это вызовет ошибку. Если вы не знаете, где находится общедоступный каталог , это папка, в которой находится файл favicon.ico . Не меняйте имя каталога общедоступной папки Next.js будет обслуживать только активы, которые находятся в общедоступном..
Обзор популярных генераторов статических сайтов
Все генераторы статических страниц имеют единственную и, казалось бы, простую задачу: создать статический HTML-файл и все его ресурсы.
Обслуживание статического HTML-файла дает много очевидных преимуществ, таких как более простое кэширование, более быстрое время загрузки и более безопасная среда в целом. Каждый генератор статической страницы создает HTML-вывод по-разному.
Однако цель этой публикации не в том, чтобы погрузиться в подробности их механизма и обсудить их, а в том,..
Как создать компонент Astro Search
Статические сайты не имеют базы данных, к которой мы можем запрашивать наши данные. Мы создадим эффективный компонент поиска Astro с fuse.js для работы с нашими файлами уценки.
Реализовать функцию поиска в полнофункциональном приложении сложно. Но сделать это на статическом сайте может показаться невозможным. В конце концов, у вас нет базы данных для запросов, верно?
К счастью, у веб-фреймворка Astro есть API, с помощью которого вы можете получить нужные файлы уценки или MDX...
