Improve blog setup

- Use post title in banner.
- Add native.css for testing syntax highlighting.
This commit is contained in:
2021-03-11 21:09:55 +00:00
parent 277a9d179c
commit f3b91b8723
4 changed files with 81 additions and 3 deletions

View File

@ -58,10 +58,9 @@
<title>{post.title}</title>
</svelte:head>
<Banner/>
<Banner title={post.title}/>
<main class="container">
<h1>{post.title}</h1>
<section>
{@html post.html}
</section>

View File

@ -34,7 +34,7 @@ const posts = [
<h2>Step one</h2>
<p>Create a new project, using <a href='https://github.com/Rich-Harris/degit'>degit</a>:</p>
<pre><code>npx degit "sveltejs/sapper-template#rollup" my-app
<pre class="highlight"><code>npx degit "sveltejs/sapper-template#rollup" my-app
cd my-app
npm install # or yarn!
npm run dev

View File

@ -11,6 +11,7 @@
<!-- Using bootstrap for nav/grid -->
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/global.css">
<link rel="stylesheet" href="/css/native.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap" rel="stylesheet">