<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.4.1">Jekyll</generator><link href="https://csswitch.github.io/jekyll-terminal-theme/feed.xml" rel="self" type="application/atom+xml" /><link href="https://csswitch.github.io/jekyll-terminal-theme/" rel="alternate" type="text/html" /><updated>2026-05-12T20:27:27+00:00</updated><id>https://csswitch.github.io/jekyll-terminal-theme/feed.xml</id><title type="html">user@hostname:~</title><subtitle>Your site description for SEO and the Atom feed.</subtitle><author><name>Your Name</name><email>you@example.com</email></author><entry><title type="html">Making a Jekyll theme that actually sells</title><link href="https://csswitch.github.io/jekyll-terminal-theme/2024/01/22/making-a-jekyll-theme-that-sells.html" rel="alternate" type="text/html" title="Making a Jekyll theme that actually sells" /><published>2024-01-22T10:00:00+00:00</published><updated>2024-01-22T10:00:00+00:00</updated><id>https://csswitch.github.io/jekyll-terminal-theme/2024/01/22/making-a-jekyll-theme-that-sells</id><content type="html" xml:base="https://csswitch.github.io/jekyll-terminal-theme/2024/01/22/making-a-jekyll-theme-that-sells.html"><![CDATA[<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><table class="rouge-table"><tbody><tr><td class="rouge-gutter gl"><pre class="lineno">1
</pre></td><td class="rouge-code"><pre><span class="nv">$ </span><span class="nb">cat </span>selling-jekyll-themes.md
</pre></td></tr></tbody></table></code></pre></div></div>

<p>I spent a few hours reverse-engineering what makes Jekyll themes sell on <a href="https://jekyllthemes.io">jekyllthemes.io</a>. Here’s what I found.</p>

<h2 id="the-conversion-checklist">The conversion checklist</h2>

<p>Every theme listing that performs well has five things in common:</p>

<ol>
  <li><strong>A live demo link</strong> — the single biggest conversion driver. No demo, no sale.</li>
  <li><strong>Dark mode</strong> — the dev audience expects it. Not having it feels unfinished.</li>
  <li><strong>“No jQuery” or “Vanilla JS”</strong> in the feature list — developers notice and it builds trust.</li>
  <li><strong>GitHub Pages compatible</strong> stated explicitly — saves buyers a support headache.</li>
  <li><strong>3–5 quality screenshots</strong> — desktop and mobile, ideally showing light and dark modes.</li>
</ol>

<p>If your listing has all five, you’re already ahead of 70% of the competition.</p>

<h2 id="the-gap-in-the-market">The gap in the market</h2>

<p>Most paid Jekyll themes cluster in a few categories: minimal blog, portfolio, documentation. The themes that sell at premium prices are the ones with no direct competition.</p>

<p>Here are the genuine white spaces I found:</p>

<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><table class="rouge-table"><tbody><tr><td class="rouge-gutter gl"><pre class="lineno">1
2
3
4
5
6
</pre></td><td class="rouge-code"><pre><span class="nv">$ </span><span class="nb">grep</span> <span class="nt">-c</span> <span class="s2">"terminal"</span> jekyllthemes-paid.txt
0
<span class="nv">$ </span><span class="nb">grep</span> <span class="nt">-c</span> <span class="s2">"glassmorphism"</span> jekyllthemes-paid.txt
0
<span class="nv">$ </span><span class="nb">grep</span> <span class="nt">-c</span> <span class="s2">"cyberpunk"</span> jekyllthemes-paid.txt
0
</pre></td></tr></tbody></table></code></pre></div></div>

<p>Aesthetic niches with zero paid alternatives and real demand. That’s where we’re building.</p>

<h2 id="pricing">Pricing</h2>

<p>The market has a clear sweet spot at <strong>$49</strong> — over 40 themes sit at this price. Entry level is $19–29 for docs/simple blogs. Premium tops out at $99 for multipurpose themes with 20+ layout variations.</p>

<p>For a single focused theme with a distinctive aesthetic, $49 is correct.</p>

<h2 id="build-order-matters">Build order matters</h2>

<p>Don’t build 10 themes then try to sell all of them at once. Build one, get it live, submit it, get your first reviews, then build the next.</p>

<p>A single theme with 5 reviews converts better than 10 themes with none.</p>

<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><table class="rouge-table"><tbody><tr><td class="rouge-gutter gl"><pre class="lineno">1
2
3
</pre></td><td class="rouge-code"><pre><span class="nv">$ </span><span class="nb">echo</span> <span class="s2">"ship one, learn, repeat"</span>
ship one, learn, repeat
<span class="nv">$ </span>█
</pre></td></tr></tbody></table></code></pre></div></div>]]></content><author><name>Your Name</name><email>you@example.com</email></author><category term="jekyll" /><category term="business" /><category term="themes" /><summary type="html"><![CDATA[What separates the $49 themes from the ones nobody buys — and how to build in the right order.]]></summary></entry><entry><title type="html">Welcome to jekyll-terminal-theme</title><link href="https://csswitch.github.io/jekyll-terminal-theme/2024/01/15/welcome-to-jekyll-terminal-theme.html" rel="alternate" type="text/html" title="Welcome to jekyll-terminal-theme" /><published>2024-01-15T09:00:00+00:00</published><updated>2024-01-15T09:00:00+00:00</updated><id>https://csswitch.github.io/jekyll-terminal-theme/2024/01/15/welcome-to-jekyll-terminal-theme</id><content type="html" xml:base="https://csswitch.github.io/jekyll-terminal-theme/2024/01/15/welcome-to-jekyll-terminal-theme.html"><![CDATA[<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><table class="rouge-table"><tbody><tr><td class="rouge-gutter gl"><pre class="lineno">1
</pre></td><td class="rouge-code"><pre><span class="nv">$ </span><span class="nb">cat </span>welcome.md
</pre></td></tr></tbody></table></code></pre></div></div>

<p>Thanks for picking up <strong>jekyll-terminal-theme</strong>. This post is a quick orientation to everything the theme gives you out of the box.</p>

<h2 id="file-structure">File structure</h2>

<p>After you drop the theme files into your repo, you’ll have:</p>

<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code><table class="rouge-table"><tbody><tr><td class="rouge-gutter gl"><pre class="lineno">1
2
3
4
5
6
7
8
9
10
11
12
13
</pre></td><td class="rouge-code"><pre>.
├── _config.yml        ← start here — all your customisation lives here
├── _layouts/          ← default, home, post, page
├── _includes/         ← header, footer, head
├── _posts/            ← your markdown posts go here
├── _sass/             ← all styles (don't need to touch these)
├── assets/
│   ├── css/main.scss  ← SASS entry point
│   └── js/terminal.js ← boot sequence, copy buttons, keyboard shortcuts
├── index.html
├── about.md
├── archive.md
└── tags.md
</pre></td></tr></tbody></table></code></pre></div></div>

<h2 id="configuring-the-theme">Configuring the theme</h2>

<p>Open <code class="language-plaintext highlighter-rouge">_config.yml</code> and find the <code class="language-plaintext highlighter-rouge">terminal:</code> block:</p>

<div class="language-yaml highlighter-rouge"><div class="highlight"><pre class="highlight"><code><table class="rouge-table"><tbody><tr><td class="rouge-gutter gl"><pre class="lineno">1
2
3
4
5
6
7
8
9
</pre></td><td class="rouge-code"><pre><span class="na">terminal</span><span class="pi">:</span>
  <span class="na">username</span><span class="pi">:</span> <span class="s2">"</span><span class="s">you"</span>
  <span class="na">hostname</span><span class="pi">:</span> <span class="s2">"</span><span class="s">blog"</span>
  <span class="na">prompt_char</span><span class="pi">:</span> <span class="s2">"</span><span class="s">$"</span>
  <span class="na">color_scheme</span><span class="pi">:</span> <span class="s2">"</span><span class="s">green"</span>   <span class="c1"># green | amber | blue | white</span>
  <span class="na">show_boot_sequence</span><span class="pi">:</span> <span class="kc">true</span>
  <span class="na">scanlines</span><span class="pi">:</span> <span class="kc">true</span>
  <span class="na">crt_glow</span><span class="pi">:</span> <span class="kc">true</span>
  <span class="na">cursor_blink</span><span class="pi">:</span> <span class="kc">true</span>
</pre></td></tr></tbody></table></code></pre></div></div>

<p>Change <code class="language-plaintext highlighter-rouge">username</code> and <code class="language-plaintext highlighter-rouge">hostname</code> to match your setup — these appear in the header prompt: <code class="language-plaintext highlighter-rouge">you@blog:~ $</code>.</p>

<h2 id="color-schemes">Color schemes</h2>

<p>Four built-in color schemes are available:</p>

<table>
  <thead>
    <tr>
      <th>Value</th>
      <th>Look</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><code class="language-plaintext highlighter-rouge">green</code></td>
      <td>Classic green phosphor (default)</td>
    </tr>
    <tr>
      <td><code class="language-plaintext highlighter-rouge">amber</code></td>
      <td>Warm amber — old-school terminal</td>
    </tr>
    <tr>
      <td><code class="language-plaintext highlighter-rouge">blue</code></td>
      <td>Cool IBM 3270 vibe</td>
    </tr>
    <tr>
      <td><code class="language-plaintext highlighter-rouge">white</code></td>
      <td>Light mode — easy on the eyes</td>
    </tr>
  </tbody>
</table>

<p>Switch by editing <code class="language-plaintext highlighter-rouge">color_scheme</code> in <code class="language-plaintext highlighter-rouge">_config.yml</code>.</p>

<h2 id="keyboard-shortcuts">Keyboard shortcuts</h2>

<p>The theme adds a few shortcuts your readers will appreciate:</p>

<table>
  <thead>
    <tr>
      <th>Key</th>
      <th>Action</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><code class="language-plaintext highlighter-rouge">/</code></td>
      <td>Jump to search (if you add a search input)</td>
    </tr>
    <tr>
      <td><code class="language-plaintext highlighter-rouge">Alt+H</code></td>
      <td>Go to home page</td>
    </tr>
  </tbody>
</table>

<h2 id="writing-posts">Writing posts</h2>

<p>Create a file in <code class="language-plaintext highlighter-rouge">_posts/</code> following the standard Jekyll naming convention:</p>

<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code><table class="rouge-table"><tbody><tr><td class="rouge-gutter gl"><pre class="lineno">1
</pre></td><td class="rouge-code"><pre>_posts/YYYY-MM-DD-your-post-title.md
</pre></td></tr></tbody></table></code></pre></div></div>

<p>Front matter:</p>

<div class="language-yaml highlighter-rouge"><div class="highlight"><pre class="highlight"><code><table class="rouge-table"><tbody><tr><td class="rouge-gutter gl"><pre class="lineno">1
2
3
4
5
6
7
</pre></td><td class="rouge-code"><pre><span class="nn">---</span>
<span class="na">layout</span><span class="pi">:</span> <span class="s">post</span>
<span class="na">title</span><span class="pi">:</span> <span class="s2">"</span><span class="s">Your</span><span class="nv"> </span><span class="s">Post</span><span class="nv"> </span><span class="s">Title"</span>
<span class="na">date</span><span class="pi">:</span> <span class="s">2024-01-15 09:00:00 +0000</span>
<span class="na">tags</span><span class="pi">:</span> <span class="pi">[</span><span class="nv">one</span><span class="pi">,</span> <span class="nv">two</span><span class="pi">]</span>
<span class="na">description</span><span class="pi">:</span> <span class="s2">"</span><span class="s">A</span><span class="nv"> </span><span class="s">short</span><span class="nv"> </span><span class="s">summary</span><span class="nv"> </span><span class="s">for</span><span class="nv"> </span><span class="s">SEO</span><span class="nv"> </span><span class="s">and</span><span class="nv"> </span><span class="s">the</span><span class="nv"> </span><span class="s">post</span><span class="nv"> </span><span class="s">list."</span>
<span class="nn">---</span>
</pre></td></tr></tbody></table></code></pre></div></div>

<p>That’s all you need to get started. Enjoy the theme — and if you run into anything, open an issue on <a href="https://github.com/devshelf/jekyll-terminal-theme">GitHub</a>.</p>

<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><table class="rouge-table"><tbody><tr><td class="rouge-gutter gl"><pre class="lineno">1
</pre></td><td class="rouge-code"><pre><span class="nv">$ </span>█
</pre></td></tr></tbody></table></code></pre></div></div>]]></content><author><name>Your Name</name><email>you@example.com</email></author><category term="meta" /><category term="jekyll" /><category term="setup" /><summary type="html"><![CDATA[A quick tour of what you just installed and how to make it yours.]]></summary></entry></feed>