Лайфхакер
Лайфхакер
Лучшее
Рубрики
Рецепты
Подкасты
Сервисы
Колонки
Лучшее
Рубрики
Рецепты
Подкасты
Сервисы
Колонки
«Авторизация»
Новости
Здоровье
Спорт и фитнес
Покупки
Технологии
Отношения
Кино
Реклама
Веб-сервисы
5 июня 2014

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

Если вы знаете, что такое Dropbox, тогда вы пробовали делиться содержим ваших папок с другими людьми. Создатели sitedrop.com решили сделать этот процесс более наглядным. Вышло у них настолько классно, что получаются сразу готовые сайты. Конечно, полученный результат будет проигрывать большинству конструкторов сайтов или CMS по функциональности, но главное в sitedrop это скорость и простота.
Фото автора Галкин Никита
Галкин Никита

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

Если вы знаете, что такое Dropbox, тогда вы пробовали делиться содержимым ваших папок с другими людьми. Создатели sitedrop.com решили сделать этот процесс более наглядным. Вышло у них настолько классно, что получаются сразу готовые сайты. Конечно, результат будет проигрывать большинству конструкторов сайтов или CMS по функциональности, но главное в Sitedrop

—

это скорость и простота. 

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

При регистрации вы сможете сделать столько сайтов, сколько захотите. Под каждый из них будет создаваться своя папка в Dropbox/Sitedrop и домен вида ИМЯ.sitedrop.com. К сожалению, привязать свой домен в настоящий момент нельзя.

2014-06-04 12-57-46 Скриншот экрана

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

2014-06-04 12-55-24 Скриншот экрана

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

2014-06-04 13-00-32 Скриншот экрана

Кстати, о файлах. Они могут быть следующих типов:

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

Еще отдельно хочу упомянуть сервис для написания текстов с использованием Markdown — это Dilinger. Он сразу показывает, как ваша MD-разметка будет отображаться в HTML.

2014-06-04 13-27-33 Скриншот экрана

Важным плюсом этого онлайн-редактора является возможность сохранять/перезаписывать файлы сразу в Dropbox. Получается удобный WYSIWYG-редактор для Sitedrop.

Многие иностранные сервисы не умеют работать с кириллицей, а вот Sitedrop умеет. Главное — давать файлы в UTF‑8. Именно в таком формате сохраняются файлы Dilinger’ом, так что попробуйте сделать свой сайт с помощью этой связки. Пока я тестировал Sitedrop, у меня получился такой сайт.

В завершение поделюсь примерами классно сделанных сайтов с помощью Sitedrop:

  • приложение twodots;
  • компания farmhouse;
  • фотограф Ian Brewer.
Если нашли ошибку, выделите текст и нажмите Ctrl + Enter

Лучшие предложения

Товары с AliExpress с быстрой доставкой

10 классных товаров с AliExpress с быстрой доставкой

12 платьев, чтобы стать главным цветочком в городе

12 платьев, чтобы стать главным цветочком в городе

10 хороших рюкзаков-трансформеров с регулируемым объёмом

10 хороших рюкзаков-трансформеров с регулируемым объёмом

Сравниваем видеорегистраторы от 70mai по отзывам покупателей

Сравниваем видеорегистраторы от 70mai по отзывам покупателей

3D-принтер Elegoo Centauri Carbon 2 Combo

Надо брать: многоцветный 3D-принтер Elegoo Centauri Carbon 2 Combo со скидкой 39%

5 причин купить моющий пылесос для мягкой мебели и ковров Tefal Clean It IZ5020F0

5 причин купить моющий пылесос для мягкой мебели и ковров Tefal Clean It IZ5020F0

Смартфон OnePlus Nord 6

Новинку OnePlus Nord 6 можно купить со скидкой 37% сейчас на AliExpress 

Самый популярный гайковёрт от Heimerdinger отдают со скидкой 70%

Самый популярный гайковёрт от Heimerdinger отдают со скидкой 70%

Это интересно
Не только бюджет: 3 вопроса, которые стоит задать себе при выборе квартиры для жизни с партнёром

Не только бюджет: 3 вопроса, которые стоит задать себе при выборе квартиры для жизни с партнёром

Это наша БигДанность: как большие данные работают в повседневной жизни

Это наша БигДанность: как большие данные работают в повседневной жизни

Реклама
ТЕСТ: Проверьте, сможете ли вы думать как Яндекс Поиск

ТЕСТ: Проверьте, сможете ли вы думать как Яндекс Поиск

5 причин купить моющий пылесос для мягкой мебели и ковров Tefal Clean It IZ5020F0

5 причин купить моющий пылесос для мягкой мебели и ковров Tefal Clean It IZ5020F0

Реклама
Комментарии
Иван Поддонный
05.06.14 19:29
А какую нагрузку выдержит такой сайт?
Галкин Никита
05.06.14 20:46
Лично я не тестировал. Но в день релиза twodots работал как часики.
Mwamba Natanga
05.06.14 19:42
На дворе век бесплатных хостингов и бесплатных CMS (а также бесплатных облаков и CDN) -- только кликни. А тут что? Свой домен низзя. Свой дизайн низзя. Зачем это надо вообще???
Галкин Никита
05.06.14 20:45
Чтобы сделать это быстро.
Mwamba Natanga
08.06.14 09:36
Лайфхак это не "быстро", а прежде всего "эффективно". Лайфхак это новый, более эффективный способ сделать то же дело и получить такой же результат. А сайт за пять минут из дерьма и палок это не лайфхак. Он не даёт такого же результата. Он даёт ... сюрприз! ... смесь дерьма и палок и пять минут впустую потраченного времени.
Вадим Красновский
13.07.14 18:02
именно лайфхак и это иенно эффективно. Не хочу я искать хостинг для своего портфолио. домен, скручивать их вместе, ставить какой-то движок, обрабатывать и закидывать туда фотки, платить за все это (символические деньги, но все же), А так - есть же на ноуте папка дропбокса, теперь в ней есть папка sitedrop, внутри - несколько "сайтов"-галерей. Очень удобный способ быстро показать свои работы. А самое главное - возни никакой, просто кинул фотку в папку, она синхронизхировалась и отобразилась в браузере.
James Jones
05.06.14 22:08
Домен можна прикрутить. Через Godaddy (по крайней мере я так делал) - там есть функция маскировки домена. Покупаеш какой нравиться и вперед за орденами.
Галкин Никита
05.06.14 23:01
Это интересно. А можно ваш сайтик, чтобы глянуть как DNS настроен?
Что вы могли пропустить
Сделают красиво: 7 лучших нейросетей для визуализации данных
Сделают красиво: 7 лучших нейросетей для визуализации данных
0
Вчера
Технологии
Технологии
Макет «квадратного» iPhone Fold впервые показали на фото
Макет «квадратного» iPhone Fold впервые показали на фото
0
17 апреля
Новости
Устройства
Интернет блокируют: что скачать и как настроить телефон, чтобы он не превратился в «кирпич»
Интернет блокируют: что скачать и как настроить телефон, чтобы он не превратился в «кирпич»
0
17 апреля
Технологии
Технологии
Странный ассортимент и забытые сотрудники: ИИ открыл полноценный офлайн-магазин
Странный ассортимент и забытые сотрудники: ИИ открыл полноценный офлайн-магазин
0
17 апреля
Новости
Технологии
Какой смартфон купить в 2026 году: помогаем выбрать и отвечаем на вопросы в комментариях
Какой смартфон купить в 2026 году: помогаем выбрать и отвечаем на вопросы в комментариях
0
17 апреля
Технологии
Технологии
3 причины, почему смартфон iQOO Z11x — классный помощник на каждый день
3 причины, почему смартфон iQOO Z11x — классный помощник на каждый день
0
16 апреля
Устройства
Устройства
Samsung показала, как изолировать мессенджер Max на смартфонах Galaxy через папку Knox
Samsung показала, как изолировать мессенджер Max на смартфонах Galaxy через папку Knox
0
16 апреля
Новости
Технологии
Обзор HUAWEI nova 15 Pro — большого и автономного смартфона с отличными камерами
Обзор HUAWEI nova 15 Pro — большого и автономного смартфона с отличными камерами
0
16 апреля
Устройства
Устройства
Samsung готовит аналог складного iPhone, но в формате трифолда
Samsung готовит аналог складного iPhone, но в формате трифолда
0
16 апреля
Новости
Устройства
Как работает розетка с заземлением и когда она действительно нужна
Как работает розетка с заземлением и когда она действительно нужна
0
16 апреля
Технологии
Технологии
На YouTube наконец можно отключить шортсы — вот как это сделать
На YouTube наконец можно отключить шортсы — вот как это сделать
0
16 апреля
Android
iOS
Choclift — бесплатная утилита, которая превратит iPhone в тачбар для MacBook
Choclift — бесплатная утилита, которая превратит iPhone в тачбар для MacBook
0
16 апреля
iOS
iOS
Противное мнение: ИИ-копии умерших — не милота, а тихий ужас и контент из «Чёрного зеркала»
Противное мнение: ИИ-копии умерших — не милота, а тихий ужас и контент из «Чёрного зеркала»
0
15 апреля
Технологии
Технологии
Скачайте три этих мессенджера — на случай полного отсутствия интернета
Скачайте три этих мессенджера — на случай полного отсутствия интернета
0
15 апреля
Ликбез
Технологии
Цветной E-Ink и дополнительный круглый экран: представлен смартфон HiBreak Dual
Цветной E-Ink и дополнительный круглый экран: представлен смартфон HiBreak Dual
0
15 апреля
Новости
Устройства

Новые комментарии

Аватар автора комментария
Артём Козориз11 минут назад

0 / 0

Вот вы интересно комментируете. Я сказал про три провода естественно подключенных, с работающим заземлением. Вы, как и предыдущий комментатор, из контекста вырываете или сами додумываете то чего нет, а потом меня в этом обвиняете. Уже несколько людей отписались, что информация полезна и подтвердили, что после прочтения никуда сами лезть и экспериментировать не будут, но представление хотя бы небольшое о заземлении в розетках у них появилось. Моя позиция такая: Заземление в розетке должно быть обязательно. Подключено оно должно быть к контуру здания (само собой). УЗО должны быть во всех влажных помещениях. ДСУП тоже нужная вещь и тоже должна быть (хотя соменваюсь что многие о ней хотя бы слышали). Без соответствующих знаний лучше никуда не лезть, а доверитсья специалисту.
Как работает розетка с заземлением и когда она действительно нужна
Аватар автора комментария
Олег Залялов2 часа назад

0 / 0

все хорошо, но 2000 - последний год ХХ века, а не первый год XXI
Идеальны во всех отношениях: Collider назвал 10 лучших фэнтези-фильмов XXI века
Аватар автора комментария
Олег Залялов2 часа назад

0 / 0

так это прошлый век, или вы про ремейки какие?
Идеальны во всех отношениях: Collider назвал 10 лучших фэнтези-фильмов XXI века
Аватар автора комментария
Eugen Damm3 часа назад

0 / 0

Зато скрепы имеются - а с ними ничего не страшно...
Интернет блокируют: что скачать и как настроить телефон, чтобы он не превратился в «кирпич»
«Семальтара»: как работает семаглутид в таблетках и для чего его назначают

«Семальтара»: как работает семаглутид в таблетках и для чего его назначают

Лайфхакер
Информация
О проектеРубрикиРекламаРедакцияВакансииО компании«Авторизация»
Подписка
TelegramВКонтактеTwitterViberYouTubeИнициалRSS
Правила
Пользовательское соглашениеПолитика обработки персональных данныхПравила применения рекомендательных технологийПравила сообществаСогласие на обработку персональных данныхСогласие для рекламных рассылокСогласие для информационной программы
18+Копирование материалов запрещено.
Издание может получать комиссию от покупки товаров, представленных в публикациях