Настройка pathauto в Drupal 8
Заходим в настройки синонимы URL в раздел Шаблоны:
/admin/config/search/path/patterns
Пример №1 — Раздел «Блог»
- Жмем кнопку Add Pathauto pattern;
- В селекте Pattern Type выбираем Content;
- В поле Path pattern пишем шаблон пути;
- Клацаем чекбокс на тип материала Article;
- Указываем название шаблона в поле label и меняем его машинное имя.
В поле Path pattert:
[node:title]
Это токен, вместо которого будет подставляться заголовок страницы.
Если страница называется Моя первая статья → URL страницы будет:
/blog/moya-pervaya-statya
Пример №2 — Раздел «Каталог»
Аналогично добавляем новый шаблон Pathauto, но уже для Термина таксономии.
Обратите внимание на поле Path pattern:
catalog/[term:parents:join-path]/[term:name]
- [term:name] — это токен, вместо которого будет подставляться заголовок термина таксономии;
- [term:parents:join-path] — это токен, вместо которого будут подставляться заголовки родительских терминов таксономии.
О втором пункте немного поподробнее:
Термины могут иметь древовидную структуру. Именно поэтому в адресе подкатегорий должен содержаться адрес их родительских категорий.
Возьмем термин «Яблоки», он является подкатегорией для «Фрукты».
URL для этого словаря формируется по шаблону:
catalog/[term:parents:join-path]/[term:name]
Токен [term:name] превратит яблоки в yabloki:
catalog/[term:parents:join-path]/yabloki
Токен [term:parents:join-path] берет заголовки родительских терминов, т.е. Фрукты:
catalog/frukty/yabloki
Если у термина нет родителя, то токен [term:parents:join-path] просто не сработает.
Теперь, когда готов шаблон для словаря таксономии «Категории», добавим шаблон для типа материала «Товар».
Здесь Path Pattern имеет вид:
/catalog/[node:field_category:entity:url:relative]/[node:title]
- [node:title] — заголовок страницы;
- [node:field_category:entity:url:relative] — относительный URL термина таксономии, к которой привязана страница;
- /catalog — URL представления, которое выводит родительские категории.
Простейшая настройка robots.txt в Drupal 8
Для того чтобы полностью закрыть сайт от индексации помещаем в содержимое файла robots.txt следующее:
User-agent: *
Disallow: /
Если нужно открыть сайт, то можно использовать стандартный robots.txt, который предоставляет Drupal 8:
#
# robots.txt
#
# This file is to prevent the crawling and indexing of certain parts
# of your site by web crawlers and spiders run by sites like Yahoo!
# and Google. By telling these "robots" where not to go on your site,
# you save bandwidth and server resources.
User-agent: *
# CSS, JS, Images
Allow: /misc/*.css$
Allow: /misc/*.css?
Allow: /misc/*.js$
Allow: /misc/*.js?
Allow: /misc/*.gif
Allow: /misc/*.jpg
Allow: /misc/*.jpeg
Allow: /misc/*.png
Allow: /modules/*.css$
Allow: /modules/*.css?
Allow: /modules/*.js$
Allow: /modules/*.js?
Allow: /modules/*.gif
Allow: /modules/*.jpg
Allow: /modules/*.jpeg
Allow: /modules/*.png
Allow: /profiles/*.css$
Allow: /profiles/*.css?
Allow: /profiles/*.js$
Allow: /profiles/*.js?
Allow: /profiles/*.gif
Allow: /profiles/*.jpg
Allow: /profiles/*.jpeg
Allow: /profiles/*.png
Allow: /themes/*.css$
Allow: /themes/*.css?
Allow: /themes/*.js$
Allow: /themes/*.js?
Allow: /themes/*.gif
Allow: /themes/*.jpg
Allow: /themes/*.jpeg
Allow: /themes/*.png
# Directories
Disallow: /includes/
Disallow: /misc/
Disallow: /modules/
Disallow: /profiles/
Disallow: /scripts/
Disallow: /themes/
# Files
Disallow: /CHANGELOG.txt
Disallow: /cron.php
Disallow: /INSTALL.mysql.txt
Disallow: /INSTALL.pgsql.txt
Disallow: /INSTALL.sqlite.txt
Disallow: /install.php
Disallow: /INSTALL.txt
Disallow: /LICENSE.txt
Disallow: /MAINTAINERS.txt
Disallow: /update.php
Disallow: /UPGRADE.txt
Disallow: /xmlrpc.php
# Paths (clean URLs)
Disallow: /admin/
Disallow: /comment/reply/
Disallow: /filter/tips/
Disallow: /node/add/
Disallow: /search/
Disallow: /user/register/
Disallow: /user/password/
Disallow: /user/login/
Disallow: /user/logout/
# Paths (no clean URLs)
Disallow: /?q=admin/
Disallow: /?q=comment/reply/
Disallow: /?q=filter/tips/
Disallow: /?q=node/add/
Disallow: /?q=search/
Disallow: /?q=user/password/
Disallow: /?q=user/register/
Disallow: /?q=user/login/
Disallow: /?q=user/logout/
Sitemap: https://site.com/sitemap.xml
Где Host и Sitemap — ссылки на домен и sitemap.xml соответственно.
Эффект Плавающего Текста на HTML/CSS
Всем привет! Мое новое видео о том как сделать эффект плавающего текста на CSS. Пример можно использовать для анимирования любого текста на сайте. Есть возможность стилизовать текст и изменить анимацию под себя.
jsFiddle: https://jsfiddle.net/CrazyCoding21/a52cu4fs/1/
GitHub: https://github.com/CrazyCoding21/CC-HTML-CSS-54-Floating-Tex...
Важно! Это не уроки! Это примеры реализации различных решений, которые изначально я делал для практики, а затем решил попробовать вести YouTube канал, чтобы было больше стимула развиваться в Вебе. Вы тоже можете попробовать сделать тоже самое или забрать готовый код на свой проект. Буду благодарен за любые реакции тут, а также подписки, лайк и прочее на YouTube)
Ответ p3nnyw1se в «Бесплатно помогаю пикабушникам учить программирование, часть 15: "Еще один пост о собеседованиях"»
Пришла и моя очередь выражать благодарность @prodigal.son ! С вами я с самого старта проекта. И благодаря этому курсу я решился попробовать себя в веб разработке и даже получил свой первый офер =). Очень хорошая подборка материала, чат в котором можно задавать вопросы и тебе всегда подскажут. Но это только начало обучения. Спасибо за правильное направление!
Теперь буду развиваться как веб разработчик.
Всех с наступающим новым годом!!!
The Homer Drums - браузерная игра
Привет, Пикабу!
Сначала небольшая видеодемонстрация того, о чём пойдёт речь:
А теперь, собственно, само описание.
Вероятно, кто-то из вас мог когда-то видеть coub https://coub.com/view/13u3n70o:
Данный coub является фрагментом эпизода Симпсонов "Jazzy and the Pussycats" (сезон 18, эпизод 2). Ссылка на википедию: https://en.wikipedia.org/wiki/Jazzy_and_the_Pussycats. Мне так понравилась эта “ударная установка”, что я воссоздал её и воплотил в виде одностраничного сайта https://thehomerdrums.xyz/
Видеофрагмент серии был сконвертирован в gif и импортирован в Photoshop, где каждый кадр стал отдельным слоем. Рисовать я не умею, зато умею пользоваться инструментами “Перо” и “Заливка”:) В видео ударная установка никогда не умещалась в один кадр целиком. В фотошопе мне удалось собрать все части воедино. Неподвижные элементы ударной установки образовали фон для игрового поля сайта. Каждого из семи “Гомеров” обводил покадрово. Таким образом, было получено семь наборов спрайтов. Кое-что всё-таки пришлось дорисовать самому: одну из ножек для левой барабанной стойки и рот для Гомера с бас-бочки.
С извлечением и нарезкой звуков никаких трудностей не возникло.
На сайте анимацию и звук запрограммировал при помощи jQuery (JavaScript).
Я практически не занимался адаптацией сайта под мобильные устройства - лучше всего он будет смотреться на мониторе мака или ПК. Если игровая область не помещается на экране целиком, то просто немного уменьшите масштаб страницы при помощи Ctrl + “-“. Если соотношение сторон смартфона/планшета приблизительно 16:9, то и на них ударная установка будет выглядеть вполне достойно.
Данная разработка сделана чисто по приколу и никакой смысловой нагрузки не несёт :)
Приятной игры!
Как поднять свой CORS-proxy сервер за 5 минут бесплатно
Просто. Нужно задеплоить на Heroku репозитарий GitHub.
1. Заходите / регистрируетесь на https://heroku.com
2. Входите в сервис, соглашаетесь с правилами и открываете ссылку:
https://heroku.com/deploy?template=https%3A%2F%2Fgithub.com%...
Появится что-то вроде такого (фото):
3. Даёте название приложению и деплоите. Готово.
Пример для Пикабу:
https://pika-secret-ocean-49799.herokuapp.com/https://pastebin.com/raw/S3rjB3Sx
Чуть больше подробностей и техдеталей под катом.
I. Предисловие
Когда создаёшь небольшие приблуды, иногда сталкиваешься с проблемой ограничений на кросс-доменные запросы — различного рода Same-origin policy, Cross-origin domain sharing (или CORS).
Простыми словами: грузишь с другого сайта данные, а в браузер они не попадают из-за настроек чужого сервера:
Обход CORS может быть полезен для доступа к данным других сайтов из браузера по типу того, как это делают через интерфейс прикладного программирования (API).
Как пример — вывод данных с pastebin.com без CORS (что доступно штатными средствами лишь с платной подпиской, а мы реализуем бесплатно)!
Мимоходом, чтобы немножко заинтересовать, добавим в pastebin код и попробуем его запустить, обойдя CORS!
Понять, как запускать JavaScript код, если вы раньше никогда не программировали, можно по прошлой статье:
Пособие по запуску JavaScript: консоль, букмарклеты и прочее с примерами
II. Proxy-сервер, обходящий CORSРаньше были удобные растиражированные бесплатные сервисы https://cors.io/ или https://cors-anywhere.herokuapp.com/corsdemo/
Но их использовали слишком часто, популярность оказалась губительной: авторы, сохранив их код, отключили возможность ими пользоваться так же свободно, как прежде.
II.1. ПОДБОРКА ПОКА РАБОТАЮЩИХ ОНЛАЙН-СЕРВИСОВ:Но есть менее популярные сервисы, которые пока работают:
https://scrappy-php.herokuapp.com/?url=
https://api.allorigins.win/raw?url=
https://cors-get-proxy.sirjosh.workers.dev/?url=
https://secret-ocean-49799.herokuapp.com/
https://cors-proxy﮳tk/?url=
https://pika-secret-ocean-49799.herokuapp.com/
В конце приведённой ссылки подставьте свой URL, который нужно CORS-обойти.
Например,
https://pika-secret-ocean-49799.herokuapp.com/https://pastebin.com/raw/5Sm88arPНо высока вероятность, что перечисленные сервисы станут популярными.
И вскорости прикажут долго жить.
III. Что делать, когда пропадут перечисленные сервисы?
III.1. ВАРИАНТ-1: ИСКАТЬ ЕЩЁ АНАЛОГИ
Ссылка-1: https://github.com/topics/cors-proxy
Ссылка-2: https://github.com/search?q=CORS%20proxy&type=Repositories
Листайте, открывайте каждый, ищите... Вам может повезти. И в readme внизу или в описании справа найдёте работающую демо-версию сервиса!
Предыдущий список мне удалось собрать именно так, листая GitHub!
III.2. ВАРИАНТ-2: САМОСТОЯТЕЛЬНО СОЗДАТЬ СЕРВИС
1. Бесплатно заведите аккаунт на
2. Подтвердите свою учётную запись по email, который придёт на почту.
3. Авторизуйтесь на heroku.com и согласитесь с правилами.
4. Откройте ссылку ниже:
https://heroku.com/deploy?template=https://github.com/messier31/cors-proxy-server.git
5. Введите название приложения и нажмите Deploy app.
Созданный специально для статьи https://pika-secret-ocean-49799.herokuapp.com тоже может исчезнуть. Запасайтесь своими!
ИТОГО, ПЕРЕАДРЕСАЦИЯ РАБОТАЕТ:
https://jsfiddle.net/apwv8hs7/
Текст и фото мои, можете свободно использовать — CC0.
FREE: Пожизненно KVM VPS Hosting (для владельцев сайтов)
Evolution Hosting предоставляет пожизненно бесплатно VPS-хостинг, чтобы получить бесплатный пакет, они требуют, чтобы вы разместили баннер их сайта на главной странице своего сайта » в зависимости от качества вашего веб-сайта, они предоставляют вам любой пакет из своих тарифных планов, также они не принимают заявки на веб-сайты порнографического характера - подходят только качественные сайты.
Бесплатный пакет VPS Hosting предоставляют навсегда. Мой один хороший знакомый получил пакет стоимостью 80€, таким образом если у вас качественный сайт, вы можете допрыгнуть и до тарифа стоимостью в 100€.
ЧТО НУЖНО ДЕЛАТЬ:
1. Заполняем форму на сайте.
2. Ожидаем ответа от компании.
└ Отвечают около 7 дней
3. Размещаем баннер на сайте.
4. Получаем KVM VPS Hosting.
└ Источник инсайда Telegram канал: FREEHUB - буду рад подписке.