Skip to content

Commit 91311ff

Browse files
committed
update revamp page
1 parent 1d24555 commit 91311ff

File tree

4 files changed

+52
-19
lines changed

4 files changed

+52
-19
lines changed

_posts/2025-02-09-jekyll.md

Lines changed: 10 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,10 +5,14 @@ date: 2025-02-09
55
tags: ai tech
66
---
77

8-
This is a meandering post about my personal experience using Claude to redesign my site and my broader takeaways on using LLMs for technical projects like this. Note that Claude is just the LLM I happen to be casually using already – I have no affiliation and I also didn’t spend any amount of time trying to pick the “best” LLM for my project.
8+
Recently, I revamped this site to use Jekyll and Markdown instead of handwritten HTML. I used Claude to do it. Overall, I found that Claude is good for troubleshooting when you already have some domain experience.
9+
10+
The rest of this page is a meandering post about my personal experience using Claude to redesign my site and my broader takeaways on using LLMs for technical projects like this. Note that Claude is just the LLM I happen to be casually using already – I have no affiliation and I also didn’t spend any amount of time trying to pick the “best” LLM for my project.
911

1012
This isn’t a tutorial on how to install Jekyll or design a site. There are plenty of resources for that, so I’m going to skip a lot of steps and gloss over some details.
1113

14+
# It seemed the better way
15+
1216
![Old homepage of my site](/assets/jekyll_site/old_site.png)
1317

1418
This site used to be raw HTML. I wanted to change it to Jekyll and Markdown for a few reasons:
@@ -102,6 +106,7 @@ I thought this would be super easy and just a single line of code somewhere, but
102106
1. Next, Claude took a more nuanced, Minima-specific approach. I copied Minima’s ```head.html``` file over to my own, and then adjusted some of the code to account for the favicon. This worked.
103107

104108
![Claude's favicon solution](/assets/jekyll_site/favicon_solution.png)
109+
105110
## Issue #4: Add a LinkedIn icon
106111

107112
I looked online first and found a lot of solutions that looked complicated and required editing multiple files. Surely there was a better way?! Yes. According to Claude, there was indeed a one-line solution. This worked right away.
@@ -110,9 +115,11 @@ I looked online first and found a lot of solutions that looked complicated and r
110115

111116
# Takeaways
112117

113-
While building a Jekyll site certainly wasn’t painless, it was easier than I expected. Claude often gave me solutions that weren’t quite right for what I wanted. But Claude is pretty decent for troubleshooting for a specific problem and refining wrong solutions until they were correct. It beats looking at forum threads written by people who have related but different problems, and then trying to modify the solution to fit your own purposes.
118+
1. **Claude worked well for troubleshooting.** While building a Jekyll site certainly wasn’t painless, it was easier than I expected. Claude often gave me solutions that weren’t quite right for what I wanted. But Claude is pretty decent for troubleshooting for a specific problem and refining wrong solutions until they were correct. It beats looking at forum threads written by people who have related but different problems, and then trying to modify the solution to fit your own purposes.
119+
120+
1. **Using Claude to complete a technical task requires some level of domain experience.** I don't consider myself a web development expert by any means. However, I've worked with HTML, CSS, Markdown, and GitHub enough that I have a baseline familiarity with web development concepts. I have some amount of intuition that makes me question some of Claude's suggestions, or know to ask a follow-up question. I don't want to put a bunch of inline CSS anywhere. I don't want to add JavaScript in most situations. If something requires changing code in three or four different places, I wonder if there's a simpler solution (there might not be, but sometimes there is). Without this background, this process would have been a whole lot harder.
114121

115-
Also, when you're asking an LLM (versus a person) questions, you can word them badly or in the dumbest way possible, and you still get a nice answer. I could switch between asking Claude really technical questions and asking Claude to clarify a trivial point that most engineers would already know. It’s a really great way to accomplish a complex task while also quickly filling in gaps in your knowledge.
122+
1. **You can word things badly.** When you're asking an LLM (versus a person) questions, you can word them badly or in the dumbest way possible, and you still get a nice answer. I could switch between asking Claude really technical questions and asking Claude to clarify a trivial point that most engineers would already know. It’s a really great way to accomplish a complex task while also quickly filling in gaps in your knowledge. However, this kind of thing works best when you have some baseline level of domain knowledge (see above point).
116123

117124
<script data-goatcounter="https://dlog.goatcounter.com/count"
118125
async src="//gc.zgo.at/count.js"></script>

_site/2025/02/09/jekyll.html

Lines changed: 21 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,8 @@
88
<meta property="og:title" content="Using an LLM to revamp my site" />
99
<meta name="author" content=" " />
1010
<meta property="og:locale" content="en_US" />
11-
<meta name="description" content="This is a meandering post about my personal experience using Claude to redesign my site and my broader takeaways on using LLMs for technical projects like this. Note that Claude is just the LLM I happen to be casually using already – I have no affiliation and I also didn’t spend any amount of time trying to pick the “best” LLM for my project." />
12-
<meta property="og:description" content="This is a meandering post about my personal experience using Claude to redesign my site and my broader takeaways on using LLMs for technical projects like this. Note that Claude is just the LLM I happen to be casually using already – I have no affiliation and I also didn’t spend any amount of time trying to pick the “best” LLM for my project." />
11+
<meta name="description" content="Recently, I revamped this site to use Jekyll and Markdown instead of handwritten HTML. I used Claude to do it. Overall, I found that Claude is good for troubleshooting when you already have some domain experience." />
12+
<meta property="og:description" content="Recently, I revamped this site to use Jekyll and Markdown instead of handwritten HTML. I used Claude to do it. Overall, I found that Claude is good for troubleshooting when you already have some domain experience." />
1313
<link rel="canonical" href="http://localhost:4000/2025/02/09/jekyll.html" />
1414
<meta property="og:url" content="http://localhost:4000/2025/02/09/jekyll.html" />
1515
<meta property="og:site_name" content="Devin Logan, Technical Writer and Editor" />
@@ -18,7 +18,7 @@
1818
<meta name="twitter:card" content="summary" />
1919
<meta property="twitter:title" content="Using an LLM to revamp my site" />
2020
<script type="application/ld+json">
21-
{"@context":"https://schema.org","@type":"BlogPosting","author":{"@type":"Person","name":" "},"dateModified":"2025-02-09T00:00:00-05:00","datePublished":"2025-02-09T00:00:00-05:00","description":"This is a meandering post about my personal experience using Claude to redesign my site and my broader takeaways on using LLMs for technical projects like this. Note that Claude is just the LLM I happen to be casually using already – I have no affiliation and I also didn’t spend any amount of time trying to pick the “best” LLM for my project.","headline":"Using an LLM to revamp my site","mainEntityOfPage":{"@type":"WebPage","@id":"http://localhost:4000/2025/02/09/jekyll.html"},"url":"http://localhost:4000/2025/02/09/jekyll.html"}</script>
21+
{"@context":"https://schema.org","@type":"BlogPosting","author":{"@type":"Person","name":" "},"dateModified":"2025-02-09T00:00:00-05:00","datePublished":"2025-02-09T00:00:00-05:00","description":"Recently, I revamped this site to use Jekyll and Markdown instead of handwritten HTML. I used Claude to do it. Overall, I found that Claude is good for troubleshooting when you already have some domain experience.","headline":"Using an LLM to revamp my site","mainEntityOfPage":{"@type":"WebPage","@id":"http://localhost:4000/2025/02/09/jekyll.html"},"url":"http://localhost:4000/2025/02/09/jekyll.html"}</script>
2222
<!-- End Jekyll SEO tag -->
2323
<link rel="stylesheet" href="/assets/main.css">
2424
<link rel="icon" type="image/png" href="/assets/favicon.png"><link type="application/atom+xml" rel="alternate" href="http://localhost:4000/feed.xml" title="Devin Logan, Technical Writer and Editor" /></head><body><header class="site-header" role="banner">
@@ -54,10 +54,14 @@ <h1 class="post-title p-name">Using an LLM to revamp my site
5454
</a>
5555
</header>
5656
<div class="post-content e-content">
57-
<p>This is a meandering post about my personal experience using Claude to redesign my site and my broader takeaways on using LLMs for technical projects like this. Note that Claude is just the LLM I happen to be casually using already – I have no affiliation and I also didn’t spend any amount of time trying to pick the “best” LLM for my project.</p>
57+
<p>Recently, I revamped this site to use Jekyll and Markdown instead of handwritten HTML. I used Claude to do it. Overall, I found that Claude is good for troubleshooting when you already have some domain experience.</p>
58+
59+
<p>The rest of this page is a meandering post about my personal experience using Claude to redesign my site and my broader takeaways on using LLMs for technical projects like this. Note that Claude is just the LLM I happen to be casually using already – I have no affiliation and I also didn’t spend any amount of time trying to pick the “best” LLM for my project.</p>
5860

5961
<p>This isn’t a tutorial on how to install Jekyll or design a site. There are plenty of resources for that, so I’m going to skip a lot of steps and gloss over some details.</p>
6062

63+
<h1 id="it-seemed-the-better-way">It seemed the better way</h1>
64+
6165
<p><img src="/assets/jekyll_site/old_site.png" alt="Old homepage of my site" /></p>
6266

6367
<p>This site used to be raw HTML. I wanted to change it to Jekyll and Markdown for a few reasons:</p>
@@ -180,19 +184,28 @@ <h2 id="issue-3-add-a-favicon">Issue #3: Add a favicon</h2>
180184
<p>Next, Claude took a more nuanced, Minima-specific approach. I copied Minima’s <code class="language-plaintext highlighter-rouge">head.html</code> file over to my own, and then adjusted some of the code to account for the favicon. This worked.</p>
181185

182186
<p><img src="/assets/jekyll_site/favicon_solution.png" alt="Claude's favicon solution" /></p>
183-
<h2 id="issue-4-add-a-linkedin-icon">Issue #4: Add a LinkedIn icon</h2>
184187
</li>
185188
</ol>
186189

190+
<h2 id="issue-4-add-a-linkedin-icon">Issue #4: Add a LinkedIn icon</h2>
191+
187192
<p>I looked online first and found a lot of solutions that looked complicated and required editing multiple files. Surely there was a better way?! Yes. According to Claude, there was indeed a one-line solution. This worked right away.</p>
188193

189194
<p><img src="/assets/jekyll_site/linkedin.png" alt="Claude's LinkedIn solution" /></p>
190195

191196
<h1 id="takeaways">Takeaways</h1>
192197

193-
<p>While building a Jekyll site certainly wasn’t painless, it was easier than I expected. Claude often gave me solutions that weren’t quite right for what I wanted. But Claude is pretty decent for troubleshooting for a specific problem and refining wrong solutions until they were correct. It beats looking at forum threads written by people who have related but different problems, and then trying to modify the solution to fit your own purposes.</p>
194-
195-
<p>Also, when you’re asking an LLM (versus a person) questions, you can word them badly or in the dumbest way possible, and you still get a nice answer. I could switch between asking Claude really technical questions and asking Claude to clarify a trivial point that most engineers would already know. It’s a really great way to accomplish a complex task while also quickly filling in gaps in your knowledge.</p>
198+
<ol>
199+
<li>
200+
<p><strong>Claude worked well for troubleshooting.</strong> While building a Jekyll site certainly wasn’t painless, it was easier than I expected. Claude often gave me solutions that weren’t quite right for what I wanted. But Claude is pretty decent for troubleshooting for a specific problem and refining wrong solutions until they were correct. It beats looking at forum threads written by people who have related but different problems, and then trying to modify the solution to fit your own purposes.</p>
201+
</li>
202+
<li>
203+
<p><strong>Using Claude to complete a technical task requires some level of domain experience.</strong> I don’t consider myself a web development expert by any means. However, I’ve worked with HTML, CSS, Markdown, and GitHub enough that I have a baseline familiarity with web development concepts. I have some amount of intuition that makes me question some of Claude’s suggestions, or know to ask a follow-up question. I don’t want to put a bunch of inline CSS anywhere. I don’t want to add JavaScript in most situations. If something requires changing code in three or four different places, I wonder if there’s a simpler solution (there might not be, but sometimes there is). Without this background, this process would have been a whole lot harder.</p>
204+
</li>
205+
<li>
206+
<p><strong>You can word things badly.</strong> When you’re asking an LLM (versus a person) questions, you can word them badly or in the dumbest way possible, and you still get a nice answer. I could switch between asking Claude really technical questions and asking Claude to clarify a trivial point that most engineers would already know. It’s a really great way to accomplish a complex task while also quickly filling in gaps in your knowledge. However, this kind of thing works best when you have some baseline level of domain knowledge (see above point).</p>
207+
</li>
208+
</ol>
196209

197210
<script data-goatcounter="https://dlog.goatcounter.com/count" async="" src="//gc.zgo.at/count.js"></script>
198211

_site/blog/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,7 @@ <h2><a href="/2025/02/17/montecristo.html">Finally reading <em>The Count of Mont
7373
<small>09 Feb 2025</small>
7474
<h2><a href="/2025/02/09/jekyll.html">Using an LLM to revamp my site
7575
</a></h2>
76-
<p><p>This is a meandering post about my personal experience using Claude to redesign my site and my broader takeaways on using LLMs for technical projects like this. Note that Claude is just the LLM I happen to be casually using already – I have no affiliation and I also didn’t spend any amount of time trying to pick the “best” LLM for my project.</p>
76+
<p><p>Recently, I revamped this site to use Jekyll and Markdown instead of handwritten HTML. I used Claude to do it. Overall, I found that Claude is good for troubleshooting when you already have some domain experience.</p>
7777
</p>
7878

7979
<div class="post-tags">

0 commit comments

Comments
 (0)