VPS для портфолио: солидный сайт, который под вашим контролем
Портфолио — это ваша витрина: дизайнер, разработчик, фотограф, копирайтер показывают работы и получают заказы. Бесплатные конструкторы навязывают рекламу и чужой домен, а свой VPS даёт солидный вид, полный контроль и обновление одной командой. Разберём, как поднять портфолио — от статики до деплоя из Git.
Содержание
Почему портфолио стоит держать на VPS
['Портфолио продаёт вас как специалиста, поэтому детали важны: свой домен без приставок вроде .wixsite.com, отсутствие чужой рекламы, аккуратный HTTPS-замок и быстрая загрузка. Бесплатные платформы всё это либо ограничивают, либо берут за это деньги — и всё равно оставляют вас в своей экосистеме.', 'Свой VPS снимает ограничения: любой стек (чистая статика, генератор сайтов, лёгкий бэкенд для формы заказа), свои заголовки, свой домен, свои редиректы. Плюс это само по себе аргумент в резюме — «поднял и обслуживаю собственный сервер» звучит убедительнее конструктора. А ещё портфолио на своём домене не исчезнет, если бесплатный сервис однажды закроется или сменит правила: вы владеете и доменом, и содержимым, и площадкой целиком.', 'Портфолио — лёгкая нагрузка: младшего VPS с 1 vCPU и 1 ГБ RAM хватает с запасом. NVMe и канал в UK/US на MAATRIX дают быструю загрузку и для российской, и для зарубежной аудитории, а оплата картой РФ, СБП или криптой снимает вопрос доступа к зарубежному серверу.']Нужен сервер под эту задачу?
Разверните VPS MAATRIX за пару минут: NVMe, AMD EPYC, root-доступ, локации UK и США. Оплата картой РФ и по СБП.
Арендовать VPS для портфолиоВариант 1: чистая статика
['Если портфолио — это набор HTML/CSS/JS страниц (сверстанных руками или экспортированных из редактора), нужен только nginx, отдающий файлы. Поставьте его и создайте каталог сайта:', 'sudo apt update && sudo apt install -y nginx\nsudo mkdir -p /var/www/portfolio\nsudo chown -R $USER:$USER /var/www/portfolio', 'Залейте файлы сайта с локальной машины через rsync:', 'rsync -avz ./dist/ root@ваш-vps-ip:/var/www/portfolio/']
Вариант 2: генератор сайтов (Hugo)
['Для портфолио с блогом и разделами удобны статические генераторы — Hugo собирает сайт из шаблонов и Markdown в готовую статику, которую тоже отдаёт nginx. Установка и сборка:', 'sudo apt install -y hugo\nhugo new site portfolio && cd portfolio\n# добавляете тему и контент, затем:\nhugo --minify', 'Команда hugo --minify кладёт готовый сайт в папку public/ — её и указываете корнем в nginx. Обновление контента сводится к правке Markdown и повторной сборке.']
Настраиваем nginx
['Конфиг /etc/nginx/sites-available/portfolio для статики с кэшированием ассетов:', 'server {\n listen 80;\n server_name example.com www.example.com;\n root /var/www/portfolio;\n index index.html;\n location / { try_files $uri $uri/ =404; }\n location ~* \\.(css|js|jpg|png|svg|woff2)$ {\n expires 30d;\n }\n}', 'Активируйте сайт и перезапустите сервер:', 'sudo ln -s /etc/nginx/sites-available/portfolio /etc/nginx/sites-enabled/\nsudo nginx -t && sudo systemctl reload nginx']
Домен, HTTPS и деплой из Git
['Направьте домен на IP сервера и выпустите бесплатный сертификат:', 'sudo apt install -y certbot python3-certbot-nginx\nsudo certbot --nginx -d example.com -d www.example.com', 'Чтобы обновлять портфолио без ручной заливки, держите исходники в Git-репозитории и деплойте одной командой на сервере. Клонируйте репозиторий и настройте pull:', 'cd /var/www\ngit clone https://github.com/username/portfolio.git\ncd portfolio && git pull && hugo --minify', 'Теперь цикл обновления — правка локально, git push, а на сервере git pull и пересборка. Это удобно завернуть в короткий скрипт deploy.sh.']
Финальные штрихи и частые ошибки
['- Форма «Написать мне» — для статики подключите внешний обработчик или прямые контакты (почта, Telegram).
- Большие изображения работ — сожмите и отдавайте в WebP, иначе портфолио грузится медленно.
- Нет редиректа на https — certbot настраивает его сам, проверьте, что он включён.
- Забыли www — добавьте оба варианта домена в server_name и в сертификат.
Нужен сервер под эту задачу?
Разверните VPS MAATRIX за пару минут: NVMe, AMD EPYC, root-доступ, локации UK и США. Оплата картой РФ и по СБП.
Арендовать VPS для портфолиоЧастые вопросы
Какой VPS нужен для портфолио?
Достаточно младшего тарифа: 1 vCPU и 1 ГБ RAM. Портфолио — лёгкая статика, ресурсов почти не требует, важнее быстрый диск и канал.
Статика или генератор сайтов?
Для нескольких страниц хватит чистого HTML. Если есть блог и много разделов, удобнее генератор вроде Hugo — правите Markdown и пересобираете сайт.
Как обновлять портфолио без возни?
Держите исходники в Git: правите локально, делаете git push, а на сервере git pull и пересборку. Весь деплой — одна команда.