Как хостить свой сайт на Dropbox. Часть 3, или Как поделиться файлами красиво

Если вы знаете, что такое Dropbox, тогда вы пробовали делиться содержимым ваших папок с другими людьми. Создатели sitedrop.com решили сделать этот процесс более наглядным. Вышло у них настолько классно, что получаются сразу готовые сайты. Конечно, результат будет проигрывать большинству конструкторов сайтов или CMS по функциональности, но главное в Sitedrop
—
это скорость и простота.
Сразу же стоит упомянуть о конкурентах sitedrop.com. О них мы уже писали в 2012 году. Sitedrop появился позже, поэтому дизайн вы получите более современный. Во-первых, он будет адаптивным, а значит, хорошо будет смотреться на всех экранах; во-вторых, дизайн вашего сайта будет Flat, то есть в модном сейчас стиле iOS 7. Единственная вещь, которую вы сможете заменить в дизайне вашего сайта, — это логотип. Все остальное в оформлении изменить нельзя: слева — меню (структура файлов в вашей папке), по центру — содержимое, а справа — комментарии.
При регистрации вы сможете сделать столько сайтов, сколько захотите. Под каждый из них будет создаваться своя папка в Dropbox/Sitedrop и домен вида ИМЯ.sitedrop.com. К сожалению, привязать свой домен в настоящий момент нельзя.

Настройки у каждого сайта следующие:

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

Кстати, о файлах. Они могут быть следующих типов:
- Текст: файлы с расширением txt и md будут сразу отображаться на сайте. При этом они будут транслироваться в HTML по правилам Markdown разметки.
- Изображения: все изображения можно будет сразу же посмотреть. Причем Sitedrop сам сделает миниатюры. Полноразмерные картинки будут загружаться только при клике по ним.
- Аудио: можно будет сразу же прослушать прямо в браузере.
- Видео: как и аудио, можно сразу же просмотреть в браузере. Кроме того, вы можете вставлять webloc со ссылками на Youtube/Vimeo, которые сразу же будут обрабатываться. Это особенно удобно для пользователей Mac, остальные же могут просто отредактировать webloc-файл из примера в любом текстовом редакторе.
- Прочие материалы: у прочих материалов будут отображаться просто названия. И, конечно, их можно будет скачать и прокомментировать, как и другие.
Еще отдельно хочу упомянуть сервис для написания текстов с использованием Markdown — это Dilinger. Он сразу показывает, как ваша MD-разметка будет отображаться в HTML.

Важным плюсом этого онлайн-редактора является возможность сохранять/перезаписывать файлы сразу в Dropbox. Получается удобный WYSIWYG-редактор для Sitedrop.
Многие иностранные сервисы не умеют работать с кириллицей, а вот Sitedrop умеет. Главное — давать файлы в UTF‑8. Именно в таком формате сохраняются файлы Dilinger’ом, так что попробуйте сделать свой сайт с помощью этой связки. Пока я тестировал Sitedrop, у меня получился такой сайт.
В завершение поделюсь примерами классно сделанных сайтов с помощью Sitedrop:
- приложение twodots;
- компания farmhouse;
- фотограф Ian Brewer.















Лучшие предложения
15 товаров с AliExpress для тех, кому надоел интерьер дома
Надо брать: демисезонные кроссовки от Baasploa со скидкой 69%
10 вещей с маркетплейсов, которые порадовали нас на этой неделе
Флагманский робот-пылесос от Roborock отдают со скидкой 56% на AliExpress
10 популярных товаров с приличными скидками на AliExpress
Оформляем дебетовку с кешбэком до 15% за пополнение PS Store, Steam и Xbox
Дешевле 3 000 рублей стоит хороший мойщик окон прямо сейчас на AliExpress
Надо брать: пылесос с функцией влажной уборки Dreame G12 со скидкой 30%
Подарки, которые сближают: 5 товаров с распродажи Авито для второй половинки
Реклама3 настолки, которые можно подарить на любой праздник
10 стыдных вопросов об ИИ в дизайне: отвечает креативный директор студии Redis Agency Павел Дергачёв
Правда ли, что диабет молодеет? Разбираемся с эндокринологом