<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: EvanTop</title>
    <description>The latest articles on DEV Community by EvanTop (@evantop).</description>
    <link>https://dev.to/evantop</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3466734%2Fd996eeba-4d14-4e50-9f66-41e71d741d74.png</url>
      <title>DEV Community: EvanTop</title>
      <link>https://dev.to/evantop</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/evantop"/>
    <language>en</language>
    <item>
      <title>Launch a Polished Domain Showcase in 5 Minutes</title>
      <dc:creator>EvanTop</dc:creator>
      <pubDate>Fri, 29 Aug 2025 06:57:36 +0000</pubDate>
      <link>https://dev.to/evantop/launch-a-polished-domain-showcase-in-5-minutes-4125</link>
      <guid>https://dev.to/evantop/launch-a-polished-domain-showcase-in-5-minutes-4125</guid>
      <description>&lt;p&gt;Goal  &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A single &lt;code&gt;index.html&lt;/code&gt;—drag-and-drop to any static host
&lt;/li&gt;
&lt;li&gt;Works out of the box; swap in your domains by editing only 3 lines
&lt;/li&gt;
&lt;li&gt;Dark/light auto-switch, fully responsive
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Preview  &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftr2jjqj3j1ylwpj6dsnv.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftr2jjqj3j1ylwpj6dsnv.png" alt=" " width="679" height="323"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Live demo (same file)  &lt;/p&gt;

&lt;p&gt;&lt;a href="https://evanmi.top" rel="noopener noreferrer"&gt;https://evanmi.top&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;————————— 5-minute timer starts —————————&lt;/p&gt;

&lt;p&gt;Step 1 – Grab the file (30 s)  &lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Go to &lt;a href="https://github.com/EvanTop/EvanMi/releases/tag/EvanMi_v2" rel="noopener noreferrer"&gt;https://github.com/EvanTop/EvanMi/releases/tag/EvanMi_v2&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Under “Assets”, download &lt;code&gt;EvanMi_v2.zip&lt;/code&gt; and unzip
&lt;/li&gt;
&lt;li&gt;You’ll get one file: &lt;code&gt;EvanMi.html&lt;/code&gt; (≈ 13 KB)&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Step 2 – Add your domains (60 s)&lt;br&gt;&lt;br&gt;
Open &lt;code&gt;EvanMi.html&lt;/code&gt; in any editor and locate:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;domains&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;[&lt;/span&gt;
  &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="na"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;example.com&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="na"&gt;price&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;$1 999&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="na"&gt;note&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Premium .com&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="p"&gt;},&lt;/span&gt;
  &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="na"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;ai.dev&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;      &lt;span class="na"&gt;price&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;$899&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;  &lt;span class="na"&gt;note&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Perfect for AI&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="p"&gt;];&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Replace with your own list. Leave &lt;code&gt;price&lt;/code&gt; or &lt;code&gt;note&lt;/code&gt; empty if you wish. Save.&lt;/p&gt;

&lt;p&gt;Step 3 – Go live (90 s, pick one)  &lt;/p&gt;

&lt;p&gt;A. GitHub Pages  &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Rename &lt;code&gt;EvanMi.html&lt;/code&gt; to &lt;code&gt;index.html&lt;/code&gt;, push to a repo
&lt;/li&gt;
&lt;li&gt;Settings → Pages → Branch: main → Save
&lt;/li&gt;
&lt;li&gt;Live at &lt;code&gt;https://username.github.io/repo-name/&lt;/code&gt; in ~30 s
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;B. Vercel (recommended)  &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Log in to vercel.com → “Upload” → drop &lt;code&gt;index.html&lt;/code&gt; → Deploy
&lt;/li&gt;
&lt;li&gt;Instant &lt;code&gt;*.vercel.app&lt;/code&gt; URL + free HTTPS + custom domain support
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;C. Object storage (OSS, COS, Qiniu, etc.)  &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Upload &lt;code&gt;index.html&lt;/code&gt;, enable “static website” → done.
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;D. Lazy mode  &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;If you already run a server, drop the file into the web root via any panel (e.g.,宝塔) and bind your domain.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Step 4 – Swap icon &amp;amp; title (optional 60 s)  &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Favicon: place &lt;code&gt;favicon.ico&lt;/code&gt; in the same folder.
&lt;/li&gt;
&lt;li&gt;Title &amp;amp; description: edit &lt;code&gt;&amp;lt;title&amp;gt;&lt;/code&gt; and &lt;code&gt;&amp;lt;meta name="description"&amp;gt;&lt;/code&gt; at the top of the file.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;That’s it—your domain showcase is online in under 5 minutes!&lt;/p&gt;

&lt;p&gt;————————— Pro tips —————————  &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Change theme color: find &lt;code&gt;--primary: #3b82f6&lt;/code&gt; in the &lt;code&gt;&amp;lt;style&amp;gt;&lt;/code&gt; block and replace with any hex value.
&lt;/li&gt;
&lt;li&gt;Hide prices: delete the &lt;code&gt;"price"&lt;/code&gt; key or leave it blank.
&lt;/li&gt;
&lt;li&gt;Track visits: swap the Google Analytics or Cloudflare Beacon script for your own ID.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;————————— One-liner takeaway —————————&lt;br&gt;&lt;br&gt;
One 13 KB page, drop it anywhere, edit 3 lines, and your sleek domain portfolio is live.&lt;br&gt;&lt;br&gt;
Got it running in 5? Star the repo ⭐ &lt;a href="https://github.com/EvanTop/EvanMi" rel="noopener noreferrer"&gt;https://github.com/EvanTop/EvanMi&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
