Зачем нужен личный сайт в 2023 году

В конце 90-х почти каждый житель Сети стремился завести личный сайт или хотя бы страничку на бесплатном хостинге ^[1]. Где ещё выложить резюме, опубликовать фотографии, новые статьи? Какой URL напечатать на визитке? Проводились даже всероссийские конкурсы на лучшую домашнюю страницу ^[2].

Потом выросли соцсети типа ЖЖ, «Одноклассников», «ВКонтакте» — и личные странички сошли на нет. Кто теперь вспомнит о тех бесплатных хостингах, которые рекламировались на каждом углу?

Но сейчас история делает новый виток — и персональные сайты опять входят в моду, только на современных технологиях.

Зачем нужен личный сайт

Корпорации превратили современный интернет в сладкий сироп, который привлекает людей через стимуляцию базовой системы удовольствия и вознаграждения ^[3]. Люди здесь ходят по проложенным маршрутам, нажимают на нужные кнопки и смотрят рекомендованные видео. Индивидуальность ограничена заданными рамками.

Личные сайты — попытка вернуть настоящие, реальные человеческие отношения и коммуникации. Вместо воображаемых «друзей» в соцсетях, которые ставят вам лайки.

Кроме фундаментальной задачи по трансформации веба, личные сайты решают несколько практических задач: от ведения дневника до сохранения закладок и медиаархива.

▍ 1. Сохранение закладок

Если сохранять букмарки в браузере, есть риск их потерять. На личном сайте они уже не пропадут. Более того, мы получаем полезные отзывы от читателей, если появилась лучшая замена указанным инструментам. И комментарии по поводу остальных закладок.

Раньше были популярны сайты для обмена закладками ^[4], такие как Digg. Ведь это очень классно: покопаться в тысячах закладок своих друзей или коллег. Наверняка найдёте что-то интересное. Собственно, по такой логике и был создан Reddit, тоже сайт для публикации ссылок (с голосованием).

Пример закладок на личном сайте ^[5]

▍ 2. Сохранение RSS-фидов

Как и закладки, коллекцию своих RSS-фидов тоже удобно сохранить на будущее. Этот список можно импортировать в любой RSS-ридер, тут же на своём сайте можно его редактировать и пополнять при необходимости. Есть удобные RSS-ридеры для самохостинга, такие как TinyTinyRSS ^[6] и FreshRSS ^[7], а также ряд облачных решений.

RSS-ридер на самохостинге

У каждого популярного ресурса в интернете есть фид ^[8]. Вот небольшой список для примера ^[9]:

▍ Reddit

Добавьте .rss в конце URL:

• Главная страница: https://reddit.com/.rss ^[10]
• Подреддит:
  • reddit.com/r/programming.rss ^[11]
  • reddit.com/r/LifeProTips/top.rss ^[12]
• Пользователь: reddit.com/u/spez.rss ^[13]
• Несколько подреддитов:
  • reddit.com/user/reddit/m/admin_faves.rss ^[14]
  • reddit.com/r/programming+javascript+unixporn.rss ^[15]

▍ YouTube

• Канал: youtube.com/feeds/videos.xml?channel_id=UCYO_jab_esuFRV4b17AJtAw ^[16]
• Плейлист: youtube.com/feeds/videos.xml?playlist_id=PL3A5849BDE0581B19 ^[17]

▍ GitHub

• Релизы: github.com/3b1b/manim/releases.atom ^[18]
• Коммиты: github.com/3b1b/manim/commits/master.atom ^[19]
• Теги: github.com/3b1b/manim/tags.atom ^[20]

Для приватного фида личной активности можно нажать Subscribe to your news feed внизу своей страницы GitHub.

▍ GitLab

• Активность: gitlab.com/inkscape/inkscape.atom ^[21]
• Коммиты: gitlab.com/inkscape/inkscape/-/commits/master?format=atom ^[22]
• Теги: gitlab.com/inkscape/inkscape/-/tags/master?format=atom ^[23]
• Задачи: gitlab.com/inkscape/inkscape/-/issues.atom?state=opened ^[24]

▍ Stack Overflow

• Тег(и):
  • stackoverflow.com/feeds/tag?tagnames=haskell&sort=newest ^[25]
  • stackoverflow.com/feeds/tag?tagnames=haskell+java&sort=newest ^[26]

▍ Twitter

Twitter закрыл официальные фиды в 2013 году. Но можно использовать сторонний фронтенд nitter.net ^[27].

• Пользователь: nitter.net/xkcd/rss ^[28]

▍ Medium

• Пользователь: medium.com/feed/@Medium ^[29]
• Тег: medium.com/feed/tag/programming ^[30]

Подборка с тысячами накопленных фидов хранит и обновляет всё важное и интересное. Не нужно даже ходить на все эти сайты. На телефоне можно снести десяток приложений, заменив их одним RSS-ридером.

Специальные скраперы (1 ^[31], 2 ^[32], 3 ^[33]) сделают фид из любой страницы.

Есть ещё сервис Kill the Newsletter! ^[34], который конвертирует почтовые рассылки в RSS, но это уже для самых больших фанатов.

▍ 3. Дневник и блог

Личный блог — это публичный дневник человека. А ценность дневника объяснит любой психотерапевт. Записи нужны для тренировки памяти, упорядочения мыслей, повышения качества сна, уверенности в себе, хорошего настроения, общего умиротворения и радости от жизни. Ведение дневника входит в программу реабилитации после психологических расстройств, алкогольной и наркотической зависимости.

Ведение дневника реально меняет человека. Это мощное терапевтическое средство.

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

Полная свобода публиковать что хочешь — освобождает.

Любые записи из личного можно спокойно дублировать на Хабр, потому что здесь пару лет назад разрешили кросспостинг.

▍ 4. Медиаархив

Люди публикуют сотни фотографий и видеороликов в соцсетях, но забыли, зачем создавались такие сервисы в первую очередь. Все эти фотографии и видео призваны дополнять личную историю человека, дополнять его дневник и биографию. То есть это банально часть личного дневника, открытая для публики.

Личный сайт — подходящее место для публикации персональных фотографий и видеороликов, которыми мы хотим поделиться с миром. Если основная масса фотографий не предназначена для посторонних глаз, то для друзей и родственников можно сделать отдельный запароленный раздел.

▍ Другие задачи

• Деловое резюме для работодателя и клиентов.
• Изучение веб-разработки на практических задачах (например, первый таск: соскрапить свои статьи с Хабра ^[35] и выложить их на своём сайте).
• Гарантия сохранности и доступности контента (фото, тексты, видео) на долгое время — на сколько сами захотите.

Движки для личных сайтов

Ниже приводим небольшой список движков для личных сайтов и блогерских платформ, которые подходят для создания личных сайтов в минималистичном стиле.

• Генераторы статических сайтов, например:
  • Jekyll ^[36] (Liquid, Ruby);
  • Hugo ^[37]: пожалуй, самый популярный опенсорсный генератор статических сайтов. Отличается высокой скоростью и гибкостью. Есть легковесные темы вроде Congo ^[38].

• Блогерские движки в минималистичном стиле:
  • Bear Blog ^[39]: генерация файлов HTML размером около 2,7 КБ без трекеров и скриптов (стили встроены в HTML, отдельные файлы CSS и JS отсутствуют).
  • Smol.pub. ^[40]
  • Mataroa ^[41]. Как у всех вышеперечисленных платформ, тут никакой рекламы, трекеров, внешней аналитики, JS-скриптов и куков. Поддерживается простой экспорт блога ^[42], ежемесячный автоматический экспорт по почте ^[43], экспорт в формат электронных книг, редирект на новый домен ^[44], хостинг картинок ^[45].
  • Blot ^[46]: конвертирует файлы из указанной папки в готовый веб-сайт, причём исходные файлы могут быть разных форматов, в том числе текстовые ^[47], документы Word, Google Docs или OpenOffice.
    

    Шаблон портфолио ^[48] на движке Blot

  • Prose.sh ^[49]: блогерская платформа для хакеров.

    Посты для блога в разметке Markdown редактируются в любом текстовом редакторе и имеют такой вид:

    # hello world!
    
    This is my first blog post.
    
    Check out some resources:
    
    - [pico.sh](https://pico.sh)
    - [lists.sh](https://lists.sh)
    - [antoniomika](https://antoniomika.me)
    - [erock.io](https://erock.io)
    
    Cya!

    Добавление картинки:

    ---
    title: hello world!
    ---
    
    ![profile pic](/profile.jpg)

    Загрузка обновлённого текстового файла и изображения на сервер:

    scp ~/blog/hello-world.md ~/blog/profile.jpg prose.sh:/

    Подробнее о загрузке изображений см. imgs.sh ^[50], хостинг ^[1] картинок для хакеров.

    Публикация поста одной командой из консоли:

    scp ~/blog/*.md prose.sh:/

    Пример личного сайта на Prose.sh

    

    Сайты пользователей публикуются по адресу имя_юзера.prose.sh, так что просьба не регистрировать имя www (оно уже занято).

  • lists.sh ^[51]: аналогичная блог-платформа для ведения списков. Как pastes.sh ^[52] (хакерский аналог pastebin для публикации в интернете произвольных документов командой из консоли, что очень удобно) и prose.sh ^[49], платформа для списков входит в набор сервисов pico ^[53].
  • Montaigne ^[54]: автоматическая публикация блога из Apple Notes. При изменении заметок на ноутбуке или смартфоне он обновляется автоматически (пример сайта ^[55], документация ^[56]).
  • write.as ^[57]
  • txti.es ^[58]
  • telegra.ph ^[59]
  • txt.fyi ^[60]
  • verbatim.link ^[61]
  • www.pastery.net ^[62]
  • ix.io ^[63]
  • commentpara.de ^[64]
  • rwtxt.com ^[65]
  • distbin.com ^[66]

Статический сайт — это просто набор файлов (или один файл), которые выдаёт по запросу простенький HTTP-сервер, работающий на своём или чужом железе.

Хостинг статического сайта: выбор вариантов

Есть бесконечное число вариантов для размещения статики: десятки бесплатных хостингов ^[67], а также бесплатные/платные облачные сервисы типа GitHub Pages ^[68], Cloudflare Pages ^[69] (статический хостинг ^[1] с серверным JavaScript-кодом ^[70], что добавляет в статику элементы динамического рендеринга), Netlify ^[71], Vercel ^[72], GitLab Pages ^[73], SourceHut Pages ^[74]. Хотя некоторые специально избегают бесплатных вариантов из-за их ненадёжности. У таких сервисов любые гарантии и ответственность перед клиентами отсутствуют по определению. На такой случай нужно быть готовым к миграции в любой момент и хранить резервные копии контента.

Если размещать сайт на своём железе, можно посмотреть в сторону необычных HTTP-серверов, таких как kawipiko ^[75] (создаёт и кэширует все возможные HTTP-ответы для повышения скорости отклика сервера и лучшей многопоточности, см. демо ^[76]) или переносимый веб-сервер Redbean ^[77] в одном кросс-платформенном пакете вместе с содержимым сайта. То есть сервер и сайт запакованы в один бинарник, который запускается на любой платформе.

Есть ещё сотни простых стандартных веб-серверов для разных платформ и на разных языках программирования. Например, фанат Rust может выбрать что-то вроде miniserve ^[78] или static-web-server ^[79], а поклонник Go — например, goStatic ^[80]. Или HTTPS-комбайн Caddy ^[81] со встроенными сертификатами Let's Encrypt.

Другие простые HTTP-серверы под Linux: darkhttpd ^[82], webfs ^[83], mini_httpd ^[84], thttpd ^[85] или любой другой из списка крутых программ на suckless.org ^[86].

С хостингом ^[1] статичного сайта нет стандартного варианта, тут каждый выбирает на свой вкус, где и как. Казалось бы, сайт простенький. Но на своём сервере приходится решать много технических вопросов с CDN, DNS, TLS и проч., так что в реальности получается классика по Паретто:

• 80% времени уходит на решение технических вопросов с хостингом ^[1];
• 20% на создание самого сайта (написание собственно статей).

История всегда повторяется

Всё новое — это хорошо забытое старое. А история развивается по спирали. Смотришь вокруг — и видишь, что всё повторяется снова и снова. Например, Telegram выкатил платную подписку со «статусами», в которых человек может указать, чем он занимается в данный момент. А это же старые добрые статусы из аськи! Они вернулись в новом виде. И люди реально меняют в платном телеграме свои статусы: «За рулём», «Работаю», «В тренажёрке», «Сплю». Словно дежавю из прошлого века…

То же самое с личными сайтами. Люди уходят из раскрученных соцсетей. Например, в Mastodon (свободная альтернатива Twitter) сейчас рекордный наплыв юзеров. Все заводят личные инстансы и персональные серверы, а личный сайт на своём сервере — снова признак самодостаточного человека, который прочно стоит на ногах, не зависит от внешних факторов — санкций, блокировок и любых чихов каких-то компаний, государств или прочих абстрактных сущностей. Он независим в своём цифровом пространстве.

Примеры личных сайтов

Некоторые личные сайты в разных стилях:

• https://aryaboudaie.com ^[87]
• https://emilydelacruz.com ^[88]
• https://aibhleog.github.io/home.html ^[89]
• http://worrydream.com ^[90]
• https://rafa.design ^[91]
• https://blog.nymhq.com ^[92]