diff options
author | Akshay <[email protected]> | 2020-02-09 04:54:03 +0000 |
---|---|---|
committer | Akshay <[email protected]> | 2020-02-09 04:54:03 +0000 |
commit | 359a92f770e621828e628f319290bb5736b1f67b (patch) | |
tree | c4c4e5168c22ac13cd62c2ee03ef1a4334aa10fc /docs/posts/static_sites_with_bash/index.html | |
parent | 75c5c6044170bd6cc23502a6f40f15378269b3d1 (diff) |
new styles, new post!
Diffstat (limited to 'docs/posts/static_sites_with_bash/index.html')
-rw-r--r-- | docs/posts/static_sites_with_bash/index.html | 27 |
1 files changed, 14 insertions, 13 deletions
diff --git a/docs/posts/static_sites_with_bash/index.html b/docs/posts/static_sites_with_bash/index.html index 7c1adda..9eb4846 100644 --- a/docs/posts/static_sites_with_bash/index.html +++ b/docs/posts/static_sites_with_bash/index.html | |||
@@ -10,6 +10,7 @@ | |||
10 | <meta property="og:type" content="website"> | 10 | <meta property="og:type" content="website"> |
11 | <meta property="og:description" content="a static site {for, by, about} me "> | 11 | <meta property="og:description" content="a static site {for, by, about} me "> |
12 | <meta property="og:url" content="https://peppe.rs"> | 12 | <meta property="og:url" content="https://peppe.rs"> |
13 | <link rel="icon" type="image/x-icon" href="/favicon.png"> | ||
13 | <title>Static Sites With Bash - peppe.rs</title> | 14 | <title>Static Sites With Bash - peppe.rs</title> |
14 | <body> | 15 | <body> |
15 | <div class="posts"> | 16 | <div class="posts"> |
@@ -51,17 +52,17 @@ to html with <a href="https://kristaps.bsd.lv/lowdown/">lowdown</a>.</p> | |||
51 | <h3 id="Directory%20structure">Directory structure</h3> | 52 | <h3 id="Directory%20structure">Directory structure</h3> |
52 | 53 | ||
53 | <p>I host my site on GitHub pages, so | 54 | <p>I host my site on GitHub pages, so |
54 | <code>docs/</code> has to be the entry point. Markdown formatted posts | 55 | <code>docs/</code> has to be the entry point. Markdown formatted posts |
55 | go into <code>posts/</code>, get converted into html, and end up in | 56 | go into <code>posts/</code>, get converted into html, and end up in |
56 | <code>docs/index.html</code>, something like this:</p> | 57 | <code>docs/index.html</code>, something like this:</p> |
57 | 58 | ||
58 | <pre><code>posts=$(ls -t ./posts) # chronological order! | 59 | <pre><code>posts=$(ls -t ./posts) # chronological order! |
59 | for f in $posts; do | 60 | for f in $posts; do |
60 | file="./posts/"$f # `ls` mangled our file paths | 61 | file="./posts/"$f # `ls` mangled our file paths |
61 | echo "generating post $file" | 62 | echo "generating post $file" |
62 | 63 | ||
63 | html=$(lowdown "$file") | 64 | html=$(lowdown "$file") |
64 | echo -e "html" >> docs/index.html | 65 | echo -e "html" >> docs/index.html |
65 | done | 66 | done |
66 | </code></pre> | 67 | </code></pre> |
67 | 68 | ||
@@ -72,15 +73,15 @@ assets into the site source itself. That does have it’s | |||
72 | merits, but I prefer hosting images separately:</p> | 73 | merits, but I prefer hosting images separately:</p> |
73 | 74 | ||
74 | <pre><code># strip file extension | 75 | <pre><code># strip file extension |
75 | ext="${1##*.}" | 76 | ext="${1##*.}" |
76 | 77 | ||
77 | # generate a random file name | 78 | # generate a random file name |
78 | id=$( cat /dev/urandom | tr -dc 'a-zA-Z0-9' | fold -w 2 | head -n 1 ) | 79 | id=$( cat /dev/urandom | tr -dc 'a-zA-Z0-9' | fold -w 2 | head -n 1 ) |
79 | id="$id.$ext" | 80 | id="$id.$ext" |
80 | 81 | ||
81 | # copy to my file host | 82 | # copy to my file host |
82 | scp -P 443 "$1" emerald:files/"$id" | 83 | scp -P 443 "$1" emerald:files/"$id" |
83 | echo "https://u.peppe.rs/$id" | 84 | echo "https://u.peppe.rs/$id" |
84 | </code></pre> | 85 | </code></pre> |
85 | 86 | ||
86 | <h3 id="Templating">Templating</h3> | 87 | <h3 id="Templating">Templating</h3> |