Browse Source

Updates to go fast

master
Daniel Flanagan 1 week ago
parent
commit
17e1c9cb95
Signed by: lytedev <daniel@lytedev.io> GPG Key ID: 5B2020A0F9921EF4
4 changed files with 24 additions and 17 deletions
  1. +16
    -15
      content/blog/how-to-setup-a-fast-simple-and-free-blog-like-this.md
  2. +7
    -1
      layouts/index.html
  3. BIN
      static/img/avatar-256.jpg
  4. +1
    -1
      themes/lyte/static/styles.css

+ 16
- 15
content/blog/how-to-setup-a-fast-simple-and-free-blog-like-this.md View File

@@ -4,27 +4,29 @@ title: How to Setup A Fast, Simple, and Free Blog Like This
draft: true
---

**TL;DR**: Makefiles are awesome and use Netlify. The code for this entire site is available [here][repo]. I publish
at-will using their CLI via `netlify deploy --prod`. It's simple and awesome.
**TL;DR**: Makefiles are awesome and use Netlify. The code for this entire site
is available [here][repo]. I publish at-will using their CLI via `netlify
deploy --prod`. It's simple and awesome.

# Introduction

This website *intentionally* may not look like much. It is simple both in style,
colors, and layout. It is blazing fast. It looks the same on any mobile device.
It uses the simple web technologies you already know. You can use any static site
generator such as [Hugo][hugo] or [Gatsby][gatsby]. *And I don't pay for any of
it to work!* I do pay for the domain [`lyte.dev`](/), though, but you don't need
one.
This website *intentionally* may not look like much. It is simple both in
style, colors, and layout. It is blazing fast. It looks the same on any mobile
device. It uses the simple web technologies you already know. You can use any
static site generator such as [Hugo][hugo] or [Gatsby][gatsby]. *And I don't
pay for any of it to work!* I do pay for the domain [`lyte.dev`](/), though,
but you don't need one.

And it's awesome.

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
a complicated Single-Page Application (SPA)? [Easy][netlify-spa].
ever possibly want! Need a Content Management System (CMS)?
[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
how you can extend my system to use whatever tools you prefer on top of my basic
ones.
how you can extend my system to use whatever tools you prefer on top of my
basic ones.

Let's get started!

@@ -37,9 +39,8 @@ Let's get started!


[netlify]: https://docs.netlify.com/cli/get-started/
[hugo]:
[gatsby]:
[gatsby]:
[hugo]: https://gohugo.io/
[gatsby]: https://www.gatsbyjs.com/
[repo]: https://git.lyte.dev/lytedev/site.lyte.dev
[netlify-cms]: https://www.netlifycms.org/
[netlify-spa]: https://www.netlify.com/blog/2020/04/07/creating-better-more-predictable-redirect-rules-for-spas/

+ 7
- 1
layouts/index.html View File

@@ -2,7 +2,7 @@
<h2>Hi! I'm Daniel.</h2>

<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>
@@ -42,6 +42,9 @@
<li>
<a href="https://github.com/lytedev">GitHub</a>
</li>
<li>
<a href="https://git.lyte.dev/lytedev">git.lyte.dev</a>
</li>
</ul>

<h2>Meta</h2>
@@ -50,5 +53,8 @@
<li>
<a href="/privacy">Privacy Policy</a>
</li>
<li>
<a href="https://git.lyte.dev/lytedev/site.lyte.dev">Site Code</a>
</li>
</ul>
{{ end }}

BIN
static/img/avatar-256.jpg View File

Before After
Width: 256  |  Height: 256  |  Size: 19 KiB

+ 1
- 1
themes/lyte/static/styles.css View File

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

main > *:first-child {


Loading…
Cancel
Save