mirror of https://github.com/tikv/website.git
Add basic blog template (#7)
* Add yarn.lock file for npm dependencies Signed-off-by: lucperkins <lucperkins@gmail.com> * Add baseline templates for blog landing page and individual posts Signed-off-by: lucperkins <lucperkins@gmail.com> * Remove date from blog landing page Signed-off-by: lucperkins <lucperkins@gmail.com> * Place container inside hero-body in blog hero partial Signed-off-by: lucperkins <lucperkins@gmail.com> * Add blog post title block Signed-off-by: lucperkins <lucperkins@gmail.com> * Add black background to main blog page Signed-off-by: lucperkins <lucperkins@gmail.com> * Add README instructions for blog and for running locally Signed-off-by: lucperkins <lucperkins@gmail.com> * Hide blog until first post is added Signed-off-by: lucperkins <lucperkins@gmail.com>
This commit is contained in:
Luc Perkins
GitHub
parent
f6294aac41
commit
c0d4220d8b
17
README.md
17
README.md
|
|
@ -1 +1,16 @@
|
|||
# website
|
||||
# The TiKV website
|
||||
|
||||
This repo houses the assets used to build the [TiKV](../tikv) website available at https://tikv.org.
|
||||
|
||||
## Publishing
|
||||
|
||||
The site is published automatically by [Netlify](https://netlify.com) whenever changes are pushed to the `master` branch. You do not need to manually publish or manage the site deployment.
|
||||
|
||||
## Running the site locally
|
||||
|
||||
To run the site locally, you'll need to install [Yarn](https://yarnpkg.com) and [Hugo](https://gohugo.io) (in particular the [extended](https://gohugo.io/getting-started/installing/) version).
|
||||
|
||||
|
||||
## Adding blog posts
|
||||
|
||||
To add a new blog post, add a Markdown file to the `content/blog` folder. There's currently a `first-post.md` file in that directory that can serve as a template.
|
||||
|
|
|
|||
|
|
@ -24,7 +24,6 @@ $danger: $orange
|
|||
$navbar-burger-color: $blue
|
||||
$family-sans-serif: "Titillium Web", BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif
|
||||
$family-monospace: "Inconsolata", monosapce
|
||||
$card-shadow: none
|
||||
$notification-padding: 1rem 1rem
|
||||
$navbar-dropdown-radius: none
|
||||
$navbar-dropdown-boxed-shadow: none
|
||||
|
|
@ -113,6 +112,10 @@ $colors: mergeColorMaps(("twitter-blue": ($twitter-blue, $white)), $colors)
|
|||
padding: .25rem .5rem
|
||||
border-radius: $radius-small
|
||||
|
||||
.section
|
||||
&.is-black
|
||||
background-color: $black
|
||||
|
||||
.is-home-page
|
||||
.hero
|
||||
p a
|
||||
|
|
|
|||
|
|
@ -42,6 +42,10 @@ link = "/docs"
|
|||
text = "Concepts and architecture"
|
||||
link = "/docs/architecture"
|
||||
|
||||
[[params.home.buttons]]
|
||||
text = "Blog"
|
||||
link = "/blog"
|
||||
|
||||
|
||||
[outputs]
|
||||
home = ["HTML", "REDIRECTS"]
|
||||
|
|
|
|||
|
|
@ -0,0 +1,4 @@
|
|||
---
|
||||
title: The TiKV blog
|
||||
---
|
||||
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
title: First post
|
||||
date: 2018-12-01
|
||||
author: John Doe
|
||||
draft: true
|
||||
---
|
||||
|
||||
Here is some blog post content that's included in the post summary.
|
||||
|
||||
<!--more-->
|
||||
|
||||
Here is some content not included in the summary.
|
||||
|
|
@ -1,44 +1,31 @@
|
|||
{{- $date := dateFormat "Monday, Jan 2, 2006" .Date }}
|
||||
{{- $date := dateFormat "January 2, 2006" .Date }}
|
||||
{{- $hasAuthor := .Params.author }}
|
||||
<a href="{{ .URL }}">
|
||||
<div class="card">
|
||||
<div class="card-content">
|
||||
<div class="media">
|
||||
<div class="media-content">
|
||||
<nav class="level">
|
||||
<div class="level-left">
|
||||
<div class="level-item">
|
||||
<span class="is-size-3 is-size-4-mobile">
|
||||
{{ .Title }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
{{- with .Params.author }}
|
||||
<div class="level-right">
|
||||
<div class="level-item">
|
||||
<span class="is-size-4 is-size-5-mobile">
|
||||
{{ . }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
{{- end }}
|
||||
</nav>
|
||||
<p class="title is-size-1 has-text-weight-light{{ if $hasAuthor }} is-spaced{{ end }}">
|
||||
{{ .Title }}
|
||||
</p>
|
||||
|
||||
<p class="subtitle is-6 has-text-weight-light">
|
||||
{{ $date }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{{- with .Params.author }}
|
||||
<p class="subtitle is-size-3">
|
||||
{{ . }}
|
||||
</p>
|
||||
{{- end }}
|
||||
|
||||
<hr class="hr">
|
||||
|
||||
<div class="content">
|
||||
{{- with .Summary }}
|
||||
{{ . | markdownify }}
|
||||
{{- end }}
|
||||
<p class="is-size-4">
|
||||
{{ $date }}
|
||||
</p>
|
||||
|
||||
{{- with .Summary }}
|
||||
<hr class="has-background-primary" />
|
||||
|
||||
<div class="content is-medium">
|
||||
{{ . }}
|
||||
</div>
|
||||
{{- end }}
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<br />
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,4 @@
|
|||
{{- $date := dateFormat "January 2, 2006" .Date }}
|
||||
<a class="navbar-item" href="{{ .URL }}">
|
||||
{{ .Title }}
|
||||
</a>
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
{{ define "title" }}
|
||||
TiKV | Blog
|
||||
{{ end }}
|
||||
|
||||
{{ define "main" }}
|
||||
{{- partial "blog/hero.html" . }}
|
||||
{{- partial "blog/post-list.html" . }}
|
||||
{{ end }}
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
{{ define "title" }}
|
||||
The TiKV blog | {{ .Title }}
|
||||
{{ end }}
|
||||
|
||||
{{ define "main" }}
|
||||
{{ partial "blog/hero.html" . }}
|
||||
{{ partial "blog/post.html" . }}
|
||||
{{ end }}
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
{{- $author := .Params.author }}
|
||||
{{- $date := dateFormat "January 2, 2006" .Date }}
|
||||
<section class="hero is-black">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<h1 class="title is-size-1 has-text-weight-light{{ if $author }} is-spaced{{ end }}">
|
||||
{{ .Title }}
|
||||
</h1>
|
||||
{{- with $author }}
|
||||
<p class="subtitle is-size-3">
|
||||
{{ . }}
|
||||
</p>
|
||||
{{- end }}
|
||||
{{- if ne .URL "/blog/" }}
|
||||
<p class="is-size-5">
|
||||
{{ $date }}
|
||||
</p>
|
||||
{{- end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
{{- $posts := where .Site.RegularPages "Section" "blog" }}
|
||||
<section class="section is-black">
|
||||
<div class="container">
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
{{- range $posts }}
|
||||
{{ .Render "blog/card" }}
|
||||
{{- end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="content is-medium">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -1,5 +1,4 @@
|
|||
{{- $isHome := .IsHome }}
|
||||
{{- $isDocs := eq .Section "docs" }}
|
||||
{{- $whiteLogo := .Site.Params.logos.white | relURL }}
|
||||
{{- $colorLogo := .Site.Params.logos.color | relURL }}
|
||||
{{- $blackLogo := .Site.Params.logos.black | relURL }}
|
||||
|
|
@ -9,6 +8,7 @@
|
|||
{{- $docs := where .Site.Pages "Section" "docs" }}
|
||||
{{- $latest := .Site.Params.versions.latest }}
|
||||
{{- $color := cond $isHome "light" "black" }}
|
||||
{{- $blogPosts := where .Site.RegularPages "Section" "blog" }}
|
||||
<nav class="navbar is-fixed-top is-{{ $color }}">
|
||||
<div class="container">
|
||||
<div class="navbar-brand">
|
||||
|
|
@ -65,6 +65,26 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
{{- if gt 0 (len $blogPosts) }}
|
||||
<div class="navbar-item has-dropdown is-hoverable">
|
||||
<div class="navbar-link">
|
||||
Blog
|
||||
</div>
|
||||
|
||||
<div class="navbar-dropdown">
|
||||
<a class="navbar-item" href="/blog">
|
||||
Blog home
|
||||
</a>
|
||||
|
||||
<hr class="navbar-divider" />
|
||||
|
||||
{{- range first 5 $blogPosts }}
|
||||
{{ .Render "blog/navbar-link" }}
|
||||
{{- end }}
|
||||
</div>
|
||||
</div>
|
||||
{{- end }}
|
||||
|
||||
<div class="navbar-item">
|
||||
<div class="field is-grouped">
|
||||
<p class="control">
|
||||
|
|
@ -77,7 +97,7 @@
|
|||
</span>
|
||||
</a>
|
||||
|
||||
<a class="button is-black{{ if $isDocs }} is-inverted{{ end }}" target="_blank" href="{{ $github }}">
|
||||
<a class="button is-black{{ if not $isHome }} is-inverted{{ end }}" target="_blank" href="{{ $github }}">
|
||||
<span class="icon">
|
||||
<i class="fab fa-github"></i>
|
||||
</span>
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1 +1 @@
|
|||
{"Target":"css/style.da592468b3215fe4030c7d9dac0dcd5ac581dfaf751f8bf7a296c253d440c885.css","MediaType":"text/css","Data":{"Integrity":"sha256-2lkkaLMhX+QDDH2drA3NWsWB3691H4v3opbCU9RAyIU="}}
|
||||
{"Target":"css/style.0dde752f2438cce617f3ac10f30e11004150ed877465896b15635535fd15480f.css","MediaType":"text/css","Data":{"Integrity":"sha256-Dd51LyQ4zOYX86wQ8w4RAEFQ7Yd0ZYlrFWNVNf0VSA8="}}
|
||||
Loading…
Reference in New Issue