mirror of
https://github.com/gohugoio/hugoDocs.git
synced 2025-09-11 18:14:55 -04:00
content: Publish QR code examples to the images/qr directory
This commit is contained in:
parent
ef1ce3498b
commit
0874b03e94
@ -54,7 +54,7 @@ To create a QR code using the default values for `level` and `scale`:
|
||||
{{ end }}
|
||||
```
|
||||
|
||||
{{< qr text="https://gohugo.io" class="qrcode" />}}
|
||||
{{< qr text="https://gohugo.io" class="qrcode" targetDir="images/qr" />}}
|
||||
|
||||
Specify `level`, `scale`, and `targetDir` as needed to achieve the desired result:
|
||||
|
||||
@ -63,14 +63,14 @@ Specify `level`, `scale`, and `targetDir` as needed to achieve the desired resul
|
||||
{{ $opts := dict
|
||||
"level" "high"
|
||||
"scale" 3
|
||||
"targetDir" "codes"
|
||||
"targetDir" "images/qr"
|
||||
}}
|
||||
{{ with images.QR $text $opts }}
|
||||
<img src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" alt="">
|
||||
{{ end }}
|
||||
```
|
||||
|
||||
{{< qr text="https://gohugo.io" level="high" scale=3 targetDir="codes" class="qrcode" />}}
|
||||
{{< qr text="https://gohugo.io" level="high" scale=3 targetDir="codes" class="qrcode" targetDir="images/qr" />}}
|
||||
|
||||
To include a QR code that points to the `Permalink` of the current page:
|
||||
|
||||
@ -103,9 +103,6 @@ Then hide the QR code with CSS unless printing the page:
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
|
||||
|
||||
## Scale
|
||||
|
||||
As you decrease the size of a QR code, the maximum distance at which it can be reliably scanned by a device also decreases.
|
||||
|
@ -44,7 +44,7 @@ https://gohugo.io
|
||||
|
||||
Both of the above produce this image:
|
||||
|
||||
{{< qr text="https://gohugo.io" class="qrcode" />}}
|
||||
{{< qr text="https://gohugo.io" class="qrcode" targetDir="images/qr" />}}
|
||||
|
||||
To create a QR code for a phone number:
|
||||
|
||||
@ -52,7 +52,7 @@ To create a QR code for a phone number:
|
||||
{{</* qr text="tel:+12065550101" /*/>}}
|
||||
```
|
||||
|
||||
{{< qr text="tel:+12065550101" class="qrcode" />}}
|
||||
{{< qr text="tel:+12065550101" class="qrcode" targetDir="images/qr" />}}
|
||||
|
||||
To create a QR code containing contact information in the [vCard] format:
|
||||
|
||||
@ -72,7 +72,7 @@ END:VCARD
|
||||
{{</* /qr */>}}
|
||||
```
|
||||
|
||||
{{< qr level="low" scale=2 alt="QR code of vCard for John Smith" class="qrcode" >}}
|
||||
{{< qr level="low" scale=2 alt="QR code of vCard for John Smith" class="qrcode" targetDir="images/qr" >}}
|
||||
BEGIN:VCARD
|
||||
VERSION:2.1
|
||||
N;CHARSET=UTF-8:Smith;John;R.;Dr.;PhD
|
||||
|
Loading…
x
Reference in New Issue
Block a user