Merge pull request #1 from panr/master

pull
This commit is contained in:
Charles Chin 2020-05-27 14:55:08 +08:00 committed by GitHub
commit 479935e602
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 56 additions and 18 deletions

View File

@ -10,21 +10,23 @@ This theme is pretty basic and covers all of the essentials. All you have to do
---
- [Features](#features)
- [Built-in shortcodes](#built-in-shortcodes)
- [Code highlighting](#code-highlighting)
- [How to start](#how-to-start)
- [How to configure](#how-to-configure)
- [How to add a cover image to your posts](#how-to-add-a-cover-image-to-your-posts)
- [How to display the Last Modified Date in your posts](#how-to-display-the-last-modified-date-in-your-posts)
- [How to hide "Read more" button](#how-to-hide-read-more-button)
- [Add-ons](#add-ons)
- [How to run your site](#how-to-run-your-site)
- [How to edit the theme](#how-to-edit-the-theme)
- [How to contribute](#how-to-contribute)
- [Hello Friend theme user?](#hello-friend-theme-user)
- [Sponsoring](#sponsoring)
- [Licence](#licence)
- [Hello Friend](#hello-friend)
- [DEMO - https://hugo-hello-friend.now.sh/](#demo---httpshugo-hello-friendnowsh)
- [Features](#features)
- [Built-in shortcodes](#built-in-shortcodes)
- [Code highlighting](#code-highlighting)
- [How to start](#how-to-start)
- [How to configure](#how-to-configure)
- [How to add a cover image to your posts](#how-to-add-a-cover-image-to-your-posts)
- [How to display the Last Modified Date in your posts](#how-to-display-the-last-modified-date-in-your-posts)
- [How to hide "Read more" button](#how-to-hide-%22read-more%22-button)
- [Add-ons](#add-ons)
- [How to run your site](#how-to-run-your-site)
- [How to edit the theme](#how-to-edit-the-theme)
- [How to contribute](#how-to-contribute)
- [`Hello Friend` theme user?](#hello-friend-theme-user)
- [Sponsoring](#sponsoring)
- [License](#license)
## Features
@ -39,7 +41,9 @@ This theme is pretty basic and covers all of the essentials. All you have to do
- eg: `{{< image src="/img/hello.png" alt="Hello Friend" position="center" style="border-radius: 8px;" >}}`
- **`figure`** (same as `image`, plus few optional props: **`caption`**, **`captionPosition`** (left | **center** is default | right), **`captionStyle`**
- eg: `{{< figure src="/img/hello.png" alt="Hello Friend" position="center" style="border-radius: 8px;" caption="Hello Friend!" captionPosition="right" captionStyle="color: red;" >}}`
- **`imgproc`** Hugo shortcode for image processing. More info at [https://gohugo.io/content-management/image-processing/](https://gohugo.io/content-management/image-processing/)
- **`imgproc`** Hugo shortcode for image processing, plus additional **`position`** param [ left | center | right ] (optional).
- eg: `{{< imgproc "img/hello.png" Resize "250x" center />}}`
- More detailed info on processing commands at [https://gohugo.io/content-management/image-processing/](https://gohugo.io/content-management/image-processing/)
#### Code highlighting
@ -92,6 +96,10 @@ paginate = 5
# Show reading time in minutes for posts
showReadingTime = false
# Show table of contents at the top of your posts (defaults to false)
# Alternatively, add this param to post front matter for specific posts
toc = true
[languages]
[languages.en]
title = "Hello Friend"

View File

@ -25,3 +25,4 @@ TEMPLATE:
- https://mritd.com/ - **漠然** (Software Engineer and DevOps)
- https://ilya-lesikov.com - **Ilya Lesikov** (DevOps, SRE)
- https://www.adamormsby.com - **Adam Ormsby** (Generalist Programmer - Web, Mobile, Games)
- https://kartiniteknologi.id/ - **Kartini Teknologi team** (Tech podcast)

19
layouts/404.html Normal file
View File

@ -0,0 +1,19 @@
{{ define "main" }}
<div class="post">
<h1 class="post-title"><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></h1>
<div class="post-content">
<p>{{ "Hmm... Sorry, this page seems to be missing." | markdownify }}
{{ if .Site.Taxonomies.tags }}
{{ "Maybe these tags will help you find what you're looking for. :smile:" | markdownify | emojify }}</p>
<h2>Tags</h2>
<div class="terms">
<ul class="terms__list">
{{ range .Site.Taxonomies.tags }}
<li class="terms__term"><a href="{{ .Page.Permalink }}">#{{ .Page.Title }}</a><span class="terms__term-count">{{ .Count }}</span></li>
{{ end }}
</ul>
</div>
{{ end }}
</div>
</div>
{{ end }}

View File

@ -40,6 +40,10 @@
{{ end }}
<div class="post-content">
{{ if or .Params.Toc $.Site.Params.Toc }}
<h2>Table of Contents</h2>
<aside class="table-of-contents">{{ .TableOfContents }}</aside>
{{ end }}
{{ .Content }}
</div>
{{ if eq .Type $.Site.Params.contentTypeName }}

View File

@ -1,6 +1,7 @@
{{ $original := .Page.Resources.GetMatch (printf "*%s*" (.Get 0)) }}
{{ $command := .Get 1 }}
{{ $options := .Get 2 }}
{{ $position := .Get 3}}
{{ if eq $command "Fit"}}
{{ .Scratch.Set "image" ($original.Fit $options) }}
@ -14,7 +15,7 @@
{{ $image := .Scratch.Get "image" }}
<figure>
<figure class="{{ with $position }}{{ . }}{{ else -}} left {{- end }}" >
<img style="max-width: 100%; width: auto; height: auto; border-radius: 8px;" src="{{ $image.RelPermalink }}" width="{{ $image.Width }}" height="{{ $image.Height }}">
{{ with .Inner }}
<figcaption>

View File

@ -112,7 +112,6 @@
li {
.menu__inner & {
margin-left: 0;
padding: 10px;
white-space: nowrap;
&:hover {
@ -126,6 +125,12 @@
}
}
}
li a {
width: 100%;
display: inline-block;
padding: 10px;
}
}
}