Publish via ShipPage
Terminal
curl -X POST https://shippage.ai/v1/publish \
-H "Content-Type: application/json" \
-d @- <<'JSON'
{
"title": "Link-in-bio",
"public": true,
"html": "<!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"><title>@yourname — Links</title><style>\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #0f172a; background: #fff; }\n h1, h2, h3 { letter-spacing: -0.02em; }\n a { color: #2563eb; }\n</style><style>\n body { background: linear-gradient(180deg, #0a0a0a, #1a1a2e); color: #f0f0f0; min-height: 100vh; }\n .wrap { max-width: 440px; margin: 0 auto; padding: 60px 24px; text-align: center; }\n .avatar { width: 96px; height: 96px; border-radius: 50%; margin: 0 auto 16px; background: linear-gradient(135deg, #f97316, #fbbf24); display: flex; align-items: center; justify-content: center; font-size: 36px; font-weight: 700; color: #0a0a0a; }\n h1 { font-size: 22px; margin-bottom: 4px; }\n .bio { color: #888; font-size: 14px; margin-bottom: 32px; }\n .link { display: flex; align-items: center; justify-content: center; padding: 16px 20px; background: rgba(255,255,255,0.05); border: 1px solid #222; color: #f0f0f0; border-radius: 12px; margin-bottom: 12px; font-weight: 500; text-decoration: none; transition: all 0.15s; }\n .link:hover { background: rgba(255,255,255,0.1); transform: translateY(-1px); }\n footer { margin-top: 40px; color: #555; font-size: 12px; }\n </style></head><body><div class=\"wrap\">\n <div class=\"avatar\">Y</div>\n <h1>@yourname</h1>\n <p class=\"bio\">Builder · Writer · AI enthusiast</p>\n <a class=\"link\" href=\"https://twitter.com/yourname\" target=\"_blank\" rel=\"noopener\">Twitter / X</a>\n <a class=\"link\" href=\"https://github.com/yourname\" target=\"_blank\" rel=\"noopener\">GitHub</a>\n <a class=\"link\" href=\"https://yourname.com\" target=\"_blank\" rel=\"noopener\">Personal site</a>\n <a class=\"link\" href=\"https://yourname.substack.com\" target=\"_blank\" rel=\"noopener\">Newsletter</a>\n <a class=\"link\" href=\"mailto:you@example.com\">Email me</a>\n <footer>Made with ShipPage</footer>\n </div></body></html>"
}
JSON
Raw HTML
link-in-bio.html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>@yourname — Links</title><style>
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #0f172a; background: #fff; }
h1, h2, h3 { letter-spacing: -0.02em; }
a { color: #2563eb; }
</style><style>
body { background: linear-gradient(180deg, #0a0a0a, #1a1a2e); color: #f0f0f0; min-height: 100vh; }
.wrap { max-width: 440px; margin: 0 auto; padding: 60px 24px; text-align: center; }
.avatar { width: 96px; height: 96px; border-radius: 50%; margin: 0 auto 16px; background: linear-gradient(135deg, #f97316, #fbbf24); display: flex; align-items: center; justify-content: center; font-size: 36px; font-weight: 700; color: #0a0a0a; }
h1 { font-size: 22px; margin-bottom: 4px; }
.bio { color: #888; font-size: 14px; margin-bottom: 32px; }
.link { display: flex; align-items: center; justify-content: center; padding: 16px 20px; background: rgba(255,255,255,0.05); border: 1px solid #222; color: #f0f0f0; border-radius: 12px; margin-bottom: 12px; font-weight: 500; text-decoration: none; transition: all 0.15s; }
.link:hover { background: rgba(255,255,255,0.1); transform: translateY(-1px); }
footer { margin-top: 40px; color: #555; font-size: 12px; }
</style></head><body><div class="wrap">
<div class="avatar">Y</div>
<h1>@yourname</h1>
<p class="bio">Builder · Writer · AI enthusiast</p>
<a class="link" href="https://twitter.com/yourname" target="_blank" rel="noopener">Twitter / X</a>
<a class="link" href="https://github.com/yourname" target="_blank" rel="noopener">GitHub</a>
<a class="link" href="https://yourname.com" target="_blank" rel="noopener">Personal site</a>
<a class="link" href="https://yourname.substack.com" target="_blank" rel="noopener">Newsletter</a>
<a class="link" href="mailto:you@example.com">Email me</a>
<footer>Made with ShipPage</footer>
</div></body></html>