Updates to go fast

This commit is contained in:
Daniel Flanagan 2020-11-17 10:09:01 -06:00
parent a582648faa
commit 17e1c9cb95
Signed by: lytedev
GPG Key ID: 5B2020A0F9921EF4
4 changed files with 24 additions and 17 deletions

View File

@ -4,27 +4,29 @@ title: How to Setup A Fast, Simple, and Free Blog Like This
draft: true draft: true
--- ---
**TL;DR**: Makefiles are awesome and use Netlify. The code for this entire site is available [here][repo]. I publish **TL;DR**: Makefiles are awesome and use Netlify. The code for this entire site
at-will using their CLI via `netlify deploy --prod`. It's simple and awesome. is available [here][repo]. I publish at-will using their CLI via `netlify
deploy --prod`. It's simple and awesome.
# Introduction # Introduction
This website *intentionally* may not look like much. It is simple both in style, This website *intentionally* may not look like much. It is simple both in
colors, and layout. It is blazing fast. It looks the same on any mobile device. style, colors, and layout. It is blazing fast. It looks the same on any mobile
It uses the simple web technologies you already know. You can use any static site device. It uses the simple web technologies you already know. You can use any
generator such as [Hugo][hugo] or [Gatsby][gatsby]. *And I don't pay for any of static site generator such as [Hugo][hugo] or [Gatsby][gatsby]. *And I don't
it to work!* I do pay for the domain [`lyte.dev`](/), though, but you don't need pay for any of it to work!* I do pay for the domain [`lyte.dev`](/), though,
one. but you don't need one.
And it's awesome. And it's awesome.
And you can easily build on top of it, extending it to do anything you could And you can easily build on top of it, extending it to do anything you could
ever possibly want! Need a Content Management System (CMS)? [Done][netlify-cms]. Need to deploy ever possibly want! Need a Content Management System (CMS)?
a complicated Single-Page Application (SPA)? [Easy][netlify-spa]. [Done][netlify-cms]. Need to deploy a complicated Single-Page Application
(SPA)? [Easy][netlify-spa].
I'll show you how I put this together using tools already on your computer and I'll show you how I put this together using tools already on your computer and
how you can extend my system to use whatever tools you prefer on top of my basic how you can extend my system to use whatever tools you prefer on top of my
ones. basic ones.
Let's get started! Let's get started!
@ -37,9 +39,8 @@ Let's get started!
[netlify]: https://docs.netlify.com/cli/get-started/ [netlify]: https://docs.netlify.com/cli/get-started/
[hugo]: [hugo]: https://gohugo.io/
[gatsby]: [gatsby]: https://www.gatsbyjs.com/
[gatsby]:
[repo]: https://git.lyte.dev/lytedev/site.lyte.dev [repo]: https://git.lyte.dev/lytedev/site.lyte.dev
[netlify-cms]: https://www.netlifycms.org/ [netlify-cms]: https://www.netlifycms.org/
[netlify-spa]: https://www.netlify.com/blog/2020/04/07/creating-better-more-predictable-redirect-rules-for-spas/ [netlify-spa]: https://www.netlify.com/blog/2020/04/07/creating-better-more-predictable-redirect-rules-for-spas/

View File

@ -2,7 +2,7 @@
<h2>Hi! I'm Daniel.</h2> <h2>Hi! I'm Daniel.</h2>
<p> <p>
<img class="rounded" style="width: 256px" src="/img/avatar.jpg" /> <img class="rounded" src="/img/avatar-256.jpg" height=256 width=256 />
</p> </p>
<p> <p>
@ -42,6 +42,9 @@
<li> <li>
<a href="https://github.com/lytedev">GitHub</a> <a href="https://github.com/lytedev">GitHub</a>
</li> </li>
<li>
<a href="https://git.lyte.dev/lytedev">git.lyte.dev</a>
</li>
</ul> </ul>
<h2>Meta</h2> <h2>Meta</h2>
@ -50,5 +53,8 @@
<li> <li>
<a href="/privacy">Privacy Policy</a> <a href="/privacy">Privacy Policy</a>
</li> </li>
<li>
<a href="https://git.lyte.dev/lytedev/site.lyte.dev">Site Code</a>
</li>
</ul> </ul>
{{ end }} {{ end }}

BIN
static/img/avatar-256.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

View File

@ -114,7 +114,7 @@ body > main > ul > li,
body > main > ol > li, body > main > ol > li,
body > main > form, body > main > form,
body > main > p { body > main > p {
max-width: 80ch; max-width: 60ch;
} }
main > *:first-child { main > *:first-child {