Create website

main
Emil Dabrowski 4 months ago
parent 0e606be040
commit b536977c22
  1. 5
      Containerfile
  2. 1
      README.md
  3. 6
      archetypes/default.md
  4. 10
      assets/css/_custom.scss
  5. 3
      assets/css/_override.scss
  6. BIN
      assets/images/avatar.png
  7. BIN
      assets/images/logo.png
  8. BIN
      assets/images/screenshot.png
  9. 305
      config.yaml
  10. 25
      container-build.sh
  11. 64
      content/about/index.en.md
  12. 67
      content/about/index.sv.md
  13. BIN
      content/about/wp2535788-1280px.jpg
  14. BIN
      content/posts/first-post/featured-image.png
  15. 31
      content/posts/first-post/index.en.md
  16. 771
      content/posts/first-post/index.zh-cn.md
  17. BIN
      static/android-chrome-192x192.png
  18. BIN
      static/android-chrome-512x512.png
  19. BIN
      static/apple-touch-icon.png
  20. BIN
      static/favicon-16x16.png
  21. BIN
      static/favicon-32x32.png
  22. BIN
      static/favicon.ico
  23. 747
      static/favicon.svg
  24. 1
      static/site.webmanifest
  25. 10
      themes/LoveIt/.babelrc
  26. 17
      themes/LoveIt/.circleci/config.yml
  27. 1
      themes/LoveIt/.github/FUNDING.yml
  28. 41
      themes/LoveIt/.github/ISSUE_TEMPLATE/bug-report.md
  29. 5
      themes/LoveIt/.github/ISSUE_TEMPLATE/config.yml
  30. 22
      themes/LoveIt/.github/ISSUE_TEMPLATE/feature-request.md
  31. 20
      themes/LoveIt/.gitignore
  32. 4
      themes/LoveIt/.husky/pre-commit
  33. 21
      themes/LoveIt/LICENSE
  34. 203
      themes/LoveIt/README.md
  35. 198
      themes/LoveIt/README.zh-cn.md
  36. 62
      themes/LoveIt/archetypes/default.md
  37. 61
      themes/LoveIt/assets/css/_core/_base.scss
  38. 15
      themes/LoveIt/assets/css/_core/_layout.scss
  39. 80
      themes/LoveIt/assets/css/_core/_media.scss
  40. 4
      themes/LoveIt/assets/css/_custom.scss
  41. 5
      themes/LoveIt/assets/css/_mixin/_blur.scss
  42. 110
      themes/LoveIt/assets/css/_mixin/_compatibility.scss
  43. 7
      themes/LoveIt/assets/css/_mixin/_details.scss
  44. 4
      themes/LoveIt/assets/css/_mixin/_index.scss
  45. 20
      themes/LoveIt/assets/css/_mixin/_link.scss
  46. 4
      themes/LoveIt/assets/css/_override.scss
  47. 6
      themes/LoveIt/assets/css/_page/_404.scss
  48. 13
      themes/LoveIt/assets/css/_page/_archive.scss
  49. 182
      themes/LoveIt/assets/css/_page/_home.scss
  50. 22
      themes/LoveIt/assets/css/_page/_index.scss
  51. 347
      themes/LoveIt/assets/css/_page/_single.scss
  52. 5
      themes/LoveIt/assets/css/_page/_special.scss
  53. 27
      themes/LoveIt/assets/css/_partial/_archive/_tags.scss
  54. 82
      themes/LoveIt/assets/css/_partial/_archive/_terms.scss
  55. 17
      themes/LoveIt/assets/css/_partial/_cookieconsent.scss
  56. 33
      themes/LoveIt/assets/css/_partial/_details.scss
  57. 46
      themes/LoveIt/assets/css/_partial/_fixed-button.scss
  58. 21
      themes/LoveIt/assets/css/_partial/_footer.scss
  59. 468
      themes/LoveIt/assets/css/_partial/_header.scss
  60. 17
      themes/LoveIt/assets/css/_partial/_icon.scss
  61. 16
      themes/LoveIt/assets/css/_partial/_mask.scss
  62. 91
      themes/LoveIt/assets/css/_partial/_pagination.scss
  63. 67
      themes/LoveIt/assets/css/_partial/_single/_admonition.scss
  64. 16
      themes/LoveIt/assets/css/_partial/_single/_bilibili.scss
  65. 399
      themes/LoveIt/assets/css/_partial/_single/_code.scss
  66. 3
      themes/LoveIt/assets/css/_partial/_single/_comment.scss
  67. 4
      themes/LoveIt/assets/css/_partial/_single/_echarts.scss
  68. 98
      themes/LoveIt/assets/css/_partial/_single/_footer.scss
  69. 5
      themes/LoveIt/assets/css/_partial/_single/_instagram.scss
  70. 4
      themes/LoveIt/assets/css/_partial/_single/_mapbox.scss
  71. 3
      themes/LoveIt/assets/css/_partial/_single/_music.scss
  72. 157
      themes/LoveIt/assets/css/_partial/_single/_toc.scss
  73. 369
      themes/LoveIt/assets/css/_variables.scss
  74. 19
      themes/LoveIt/assets/css/style.scss
  75. 61
      themes/LoveIt/assets/data/cdn/jsdelivr.yml
  76. 150
      themes/LoveIt/assets/data/emoji/apple.yml
  77. 150
      themes/LoveIt/assets/data/emoji/facebook.yml
  78. 150
      themes/LoveIt/assets/data/emoji/google.yml
  79. 150
      themes/LoveIt/assets/data/emoji/twitter.yml
  80. 18
      themes/LoveIt/assets/data/polyfill.yml
  81. 511
      themes/LoveIt/assets/data/social.yml
  82. 1058
      themes/LoveIt/assets/js/theme.js
  83. 24
      themes/LoveIt/assets/lib/VERSION
  84. 8
      themes/LoveIt/assets/lib/algoliasearch/algoliasearch-lite.umd.min.js
  85. 7
      themes/LoveIt/assets/lib/animate/animate.min.css
  86. 3
      themes/LoveIt/assets/lib/aplayer/APlayer.min.css
  87. 2
      themes/LoveIt/assets/lib/aplayer/APlayer.min.js
  88. 112
      themes/LoveIt/assets/lib/aplayer/dark.scss
  89. 7
      themes/LoveIt/assets/lib/autocomplete/autocomplete.min.js
  90. 7
      themes/LoveIt/assets/lib/clipboard/clipboard.min.js
  91. 6
      themes/LoveIt/assets/lib/cookieconsent/cookieconsent.min.css
  92. 1
      themes/LoveIt/assets/lib/cookieconsent/cookieconsent.min.js
  93. 45
      themes/LoveIt/assets/lib/echarts/echarts.min.js
  94. 273
      themes/LoveIt/assets/lib/echarts/theme/dark.yml
  95. 297
      themes/LoveIt/assets/lib/echarts/theme/light.yml
  96. 6
      themes/LoveIt/assets/lib/fontawesome-free/all.min.css
  97. 1251
      themes/LoveIt/assets/lib/gitalk/gitalk.css
  98. 35
      themes/LoveIt/assets/lib/gitalk/gitalk.min.js
  99. 1
      themes/LoveIt/assets/lib/katex/auto-render.min.js
  100. 1
      themes/LoveIt/assets/lib/katex/copy-tex.min.css
  101. Some files were not shown because too many files have changed in this diff Show More

@ -0,0 +1,5 @@
FROM alpine
RUN apk add git hugo
WORKDIR /app
COPY . /app
CMD hugo server --bind 0.0.0.0

@ -1,2 +1 @@
# website

@ -0,0 +1,6 @@
---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
draft: true
---

@ -0,0 +1,10 @@
// ==============================
// Custom style
// ==============================
.home .home-profile,
.home[data-home="posts"] {
.home-avatar img {
width: 12rem;
}
}

@ -0,0 +1,3 @@
// ==============================
// Override Variables
// ==============================

Binary file not shown.

After

Width:  |  Height:  |  Size: 875 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 KiB

@ -0,0 +1,305 @@
baseurl: "http://localhost:1313"
title: JILITS
languageCode: en-us
theme: LoveIt
defaultContentLanguage: en
languageCode: en
languageName: English
hasCJKLanguage: false
paginate: 12
googleAnalytics: ''
copyright: ''
enableRobotsTXT: true
enableGitInfo: true
enableEmoji: true
author:
name: Emil Dabrowski
link: 'https://www.linkedin.com/in/dbrski/'
menu:
main:
- weight: 1
identifier: posts
pre: ''
post: ''
name: Posts
url: /posts/
title: ''
- weight: 2
identifier: about
pre: ''
post: ''
name: About
url: /about/
title: ''
- weight: 3
identifier: gitea
pre: <i class='fab fa-git-alt fa-fw' aria-hidden='true'></i>
post: ''
name: ''
url: 'https://git.jilits.se/JILITS/website'
title: Gitea
params:
title: JILITS
description: Cloud Agnostic Computing
defaultTheme: auto
dateFormat: '2006-01-02'
gitRepo: 'https://git.jilits.se/JILITS/website'
# website images for Open Graph and Twitter Cards
images:
- /images/screenshot.png
header:
desktopMode: fixed
mobileMode: auto
title:
logo: '/images/logo.png'
name: ''
post: ''
typeit: false
home:
rss: 10
profile:
enable: true
avatarURL: /images/avatar.png
title: 'Emil Dabrowski // JILITS'
subtitle: 'Cloud Agnostic DevOps Consulting'
typeit: true
social: true
disclaimer: ''
posts:
enable: false
social:
Gitea: https://git.jilits.se/explore/repos
Telegram: dbrski
Linkedin: dbrski
footer:
enable: true
custom: ''
hugo: false
copyright: true
author: true
since: 2022
license: >-
<a rel="license external nofollow noopener noreffer"
href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank">CC
BY-NC 4.0</a>
section:
paginate: 20
dateFormat: 01-02
rss: 10
list:
paginate: 20
dateFormat: 01-02
rss: 10
app:
title: JILITS
noFavicon: false
svgFavicon: 'favicon.svg'
themeColor: '#ffffff'
iconColor: '#ffffff'
tileColor: '#ffffff'
search:
enable: false
page:
hiddenFromHomePage: false
hiddenFromSearch: false
twemoji: false
lightgallery: false
ruby: true
fraction: true
fontawesome: true
linkToMarkdown: true
rssFullText: false
toc:
enable: true
keepStatic: false
auto: true
code:
copy: true
maxShownLines: 50
math:
enable: false
inlineLeftDelimiter: ''
inlineRightDelimiter: ''
blockLeftDelimiter: ''
blockRightDelimiter: ''
copyTex: true
mhchem: true
comment:
enable: false
share:
enable: true
Twitter: true
Facebook: true
Linkedin: true
Whatsapp: false
Pinterest: false
Tumblr: false
HackerNews: false
Reddit: false
VK: false
Buffer: false
Xing: false
Line: false
Instapaper: false
Pocket: false
Flipboard: false
Weibo: false
Blogger: false
Baidu: false
Odnoklassniki: false
Evernote: false
Skype: false
Trello: false
Mix: false
# # FIXME
# seo:
# images: []
# publisher:
# name: xxxx
# logoUrl: /images/avatar.png
typeit:
speed: 75
cursorSpeed: 1000
cursorChar: '|'
duration: -1
# # FIXME
# verification:
# google: ''
# bing: ''
# yandex: ''
# pinterest: ''
# baidu: ''
seo:
thumbnailUrl: /images/screenshot.png
analytics:
enable: false
cdn:
data: jsdelivr.yml
compatibility:
polyfill: false
objectFit: false
markup:
highlight:
codeFences: true
guessSyntax: true
lineNos: true
lineNumbersInTable: true
noClasses: false
goldmark:
extensions:
definitionList: true
footnote: true
linkify: true
strikethrough: true
table: true
taskList: true
typographer: true
renderer:
unsafe: true
tableOfContents:
startLevel: 2
endLevel: 6
sitemap:
changefreq: weekly
filename: sitemap.xml
priority: 0.5
Permalinks:
posts: ':filename'
privacy:
googleAnalytics: {}
twitter:
enableDNT: true
youtube:
privacyEnhanced: true
mediaTypes:
text/plain:
suffixes:
- md
outputFormats:
MarkDown:
mediaType: text/plain
isPlainText: true
isHTML: false
outputs:
home:
- HTML
- RSS
- JSON
page:
- HTML
- MarkDown
section:
- HTML
- RSS
taxonomy:
- HTML
- RSS
taxonomyTerm:
- HTML
languages:
en:
weight: 1
languageCode: en
languageName: English
hasCJKLanguage: false
copyright: >-
This work is licensed under a Creative Commons Attribution-NonCommercial
4.0 International License.
sv:
weight: 1
languageCode: sv
languageName: Svenska
hasCJKLanguage: false
copyright: >-
Detta arbete รคr licensierat under en Creative Commons Attribution-NonCommercial
4.0 Internationell licens.
params:
home:
profile:
enable: true
avatarURL: /images/avatar.png
title: 'Emil Dabrowski // JILITS'
subtitle: 'Molnagnostisk DevOps-konsultation'
typeit: true
social: true
disclaimer: ''

@ -0,0 +1,25 @@
#!/bin/bash
version="0.1.0"
script_dir=$( cd -- "$( dirname -- "${BASH_SOURCE[0]}" )" &> /dev/null && pwd )
tmp_dir="$(mktemp -d --suffix=-web)"
cleanup () { rm -Rfv "$tmp_dir"; }
trap cleanup EXIT
theme_dir="$script_dir/themes/LoveIt"
release_json="$theme_dir/release.json"
latest_theme_release_metadata="$(curl -s https://api.github.com/repos/dillonzq/LoveIt/releases/latest)" || exit 1
latest_theme_tag_name="$(jq -r .tag_name <<<"${latest_theme_release_metadata:?}")" || exit 2
previous_theme_tag_name="$(jq -r .tag_name "$release_json" 2>/dev/null)" || exit 3
if [[ "$latest_theme_tag_name" != "$previous_theme_tag_name" ]]; then
echo "Updating theme: '$latest_theme_tag_name' != '$previous_theme_tag_name'"
curl -L "https://github.com/dillonzq/LoveIt/archive/refs/tags/${latest_theme_tag_name:?}.tar.gz" -o "$tmp_dir/theme.tgz" || exit 11
tar -xvf "$tmp_dir/theme.tgz" -C "$tmp_dir" || exit 12
[ -d "$theme_dir" ] && { rm -Rv "$theme_dir"* || exit 13; }
mv "$tmp_dir/LoveIt"* "$theme_dir" || exit 14
rm -Rv "$theme_dir/exampleSite"
echo "$latest_theme_release_metadata" >"$release_json"
fi
docker build "$script_dir" -f Containerfile -t jilits/website:latest -t jilits/website:$version

@ -0,0 +1,64 @@
---
title: "About us"
date: 2022-12-01T18:04:49+01:00
draft: false
description: "About JILITS"
images: ["wp2535788-1280px.jpg"]
lightgallery: true
---
![Hoggar Mountains](wp2535788-1280px.jpg)
## Background
JILITS is a christian consulting company with a focus on server application hosting with a cloud agnostic approach. Cloud agnostic refers to a cloud design strategy in which applications, tools, and services are designed to migrate seamlessly between multiple cloud platforms or between on-premises and cloud in a hybrid model without disruption of service. Some of the tenets of a cloud-agnostic approach are to support seamless portability independent of the underlying operating system, to ensure limited disruption of the workloads in migration, and to limit the risk of application downtime while enhancing cost efficiencies. The company is run by [Emil Dabrowski](https://www.linkedin.com/in/dbrski/) and was founded in April 2021.
## Expertise
Cloud Native:
- [FluxCD](https://fluxcd.io)
- [Grafana](https://grafana.com)
- [Helm](https://helm.sh)
- [Kubernetes](https://kubernetes.io)
- [Prometheus](https://prometheus.io)
- [Thanos](https://thanos.io)
- [Tekton](https://tekton.dev)
Cloud providers:
- Amazon Web Services (AWS)
- Azure
Database engines:
- MariaDB
- PostgreSQL
Programming languages:
- Bash
- Terraform
- Python
- Ansible
Networking:
- DNS
- Routing
- Firewalls
- VPNs
Operating systems:
- Debian
- Ubuntu
- Manjaro
- Amazon Linux
Platforms:
- Docker
- Proxmox
- vSphere

@ -0,0 +1,67 @@
---
title: "Om oss"
date: 2022-12-01T18:04:49+01:00
draft: false
description: "Om JILITS"
# images: ["/Apple-Devices-Preview.png"]
lightgallery: true
math:
enable: true
---
![Hoggar Mountains](/img/wp2535788-1280px.jpg)
## Bakgrund
JILITS รคr ett kristet konsultbolag med fokus pรฅ serverapplikationsdrift med ett molnagnostisk tillvรคgagรฅngssรคtt. Molnagnostisism hรคnvisar till en molndesignstrategi dรคr applikationer, verktyg och tjรคnster รคr utformade fรถr att migrera sรถmlรถst mellan flera molnplattformar eller mellan on-prem och moln i en hybridmodell utan avbrott i tjรคnsten. Nรฅgra av grundsatserna fรถr ett moln-agnostiskt tillvรคgagรฅngssรคtt รคr att stรถdja sรถmlรถs portabilitet oberoende av det underliggande operativsystemet, fรถr att sรคkerstรคlla begrรคnsade avbrott i arbetsbelastningen vid migrering, och att begrรคnsa risken fรถr programavbrott samtidigt som kostnadseffektiviteten fรถrbรคttras. Fรถretaget drivs av [Emil Dabrowski](https://www.linkedin.com/in/dbrski/) och grundades i april 2021.
## Expertis
Cloud Native:
- [FluxCD](https://fluxcd.io)
- [Grafana](https://grafana.com)
- [Helm](https://helm.sh)
- [Kubernetes](https://kubernetes.io)
- [Prometheus](https://prometheus.io)
- [Thanos](https://thanos.io)
- [Tekton](https://tekton.dev)
Molnleverantรถrer:
- Amazon Web Services (AWS)
- Azure
Databasmotorer:
- MariaDB
- PostgreSQL
Programmeringssprรฅk:
- Bash
- Terraform
- Python
- Ansible
Nรคtverk:
- DNS
- Routing
- Brandvรคggar
- VPNs
Operativsystem:
- Debian
- Ubuntu
- Manjaro
- Amazon Linux
Plattformar:
- Docker
- Proxmox
- vSphere

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 74 KiB

@ -0,0 +1,31 @@
---
weight: 1
title: "First post"
date: 2022-12-01T18:04:49+01:00
draft: false
description: "Just a greeting!"
images: []
resources:
- name: "featured-image"
src: "featured-image.png"
toc:
enable: false
---
Dear visitor,
I'm happy that you've found your way to my website. Surely there's not much here, but perhaps you might find some of the tech on the list below useful on your journey through the internet galaxy ๐Ÿ˜Ž
- [Kubernetes](https://kubernetes.io)
- [Helm](https://helm.sh)
- [FluxCD](https://fluxcd.io)
- [Tekton](https://tekton.dev)
- [Grafana](https://grafana.com)
- [Prometheus](https://prometheus.io)
- [Thanos](https://thanos.io)
Greetings,
Emil

@ -0,0 +1,771 @@
---
weight: 4
title: "Markdown ๅŸบๆœฌ่ฏญๆณ•"
date: 2019-12-01T21:57:40+08:00
lastmod: 2020-01-01T16:45:40+08:00
draft: false
author: "Dillon"
authorLink: "https://dillonzq.com"
description: "่ฟ™็ฏ‡ๆ–‡็ซ ๅฑ•็คบไบ†ๅŸบๆœฌ็š„ Markdown ่ฏญๆณ•ๅ’Œๆ ผๅผ."
images: []
resources:
- name: "featured-image"
src: "featured-image.png"
tags: ["Markdown", "HTML"]
categories: ["Markdown"]
lightgallery: true
---
่ฟ™็ฏ‡ๆ–‡็ซ ๆไพ›ไบ†ๅฏไปฅๅœจ Hugo ็š„ๆ–‡็ซ ไธญไฝฟ็”จ็š„ๅŸบๆœฌ Markdown ่ฏญๆณ•็คบไพ‹.
<!--more-->
{{< admonition >}}
่ฟ™็ฏ‡ๆ–‡็ซ ๅ€Ÿ้‰ดไบ†ไธ€็ฏ‡ๅพˆๆฃ’็š„[ๆฅ่‡ช Grav ็š„ๆ–‡็ซ ](http://learn.getgrav.org/content/markdown).
ๅฆ‚ๆžœไฝ ๆƒณไบ†่งฃ **Loveit** ไธป้ข˜็š„ๆ‰ฉๅฑ• Markdown ่ฏญๆณ•, ่ฏท้˜…่ฏป[ๆ‰ฉๅฑ• Markdown ่ฏญๆณ•้กต้ข](../theme-documentation-content#extended-markdown-syntax).
{{< /admonition >}}
ไบ‹ๅฎžไธŠ, ็ผ–ๅ†™ Web ๅ†…ๅฎนๅพˆ้บป็ƒฆ. [WYSIWYG]^(ๆ‰€่งๅณๆ‰€ๅพ—) ็ผ–่พ‘ๅ™จๅธฎๅŠฉๅ‡่ฝปไบ†่ฟ™ไธ€ไปปๅŠก. ไฝ†้€šๅธธไผšๅฏผ่‡ดไปฃ็ ๅคช็ณŸ, ๆˆ–ๆ›ด็ณŸ็ณ•็š„ๆ˜ฏ, ็ฝ‘้กตไนŸไผšๅพˆไธ‘.
ๆฒกๆœ‰้€šๅธธไผด้š็š„ๆ‰€ๆœ‰ๅคๆ‚ๅ’Œไธ‘้™‹็š„้—ฎ้ข˜, **Markdown** ๆ˜ฏไธ€็งๆ›ดๅฅฝ็š„็”Ÿๆˆ **HTML** ๅ†…ๅฎน็š„ๆ–นๅผ.
ไธ€ไบ›ไธป่ฆๅฅฝๅค„ๆ˜ฏ:
1. Markdown ็ฎ€ๅ•ๆ˜“ๅญฆ, ๅ‡ ไนŽๆฒกๆœ‰ๅคšไฝ™็š„ๅญ—็ฌฆ, ๅ› ๆญค็ผ–ๅ†™ๅ†…ๅฎนไนŸๆ›ดๅฟซ.
2. ็”จ Markdown ไนฆๅ†™ๆ—ถๅ‡บ้”™็š„ๆœบไผšๆ›ดๅฐ‘.
3. ๅฏไปฅไบง็”Ÿๆœ‰ๆ•ˆ็š„ XHTML ่พ“ๅ‡บ.
4. ๅฐ†ๅ†…ๅฎนๅ’Œ่ง†่ง‰ๆ˜พ็คบไฟๆŒๅˆ†ๅผ€, ่ฟ™ๆ ทๅฐฑไธไผšๆ‰“ไนฑ็ฝ‘็ซ™็š„ๅค–่ง‚.
5. ๅฏไปฅๅœจไฝ ๅ–œๆฌข็š„ไปปไฝ•ๆ–‡ๆœฌ็ผ–่พ‘ๅ™จๆˆ– Markdown ๅบ”็”จ็จ‹ๅบไธญ็ผ–ๅ†™ๅ†…ๅฎน.
6. Markdown ไฝฟ็”จ่ตทๆฅๅพˆๆœ‰่ถฃ!
John Gruber, Markdown ็š„ไฝœ่€…ๅฆ‚ๆ˜ฏ่ฏด:
> Markdown ๆ ผๅผ็š„้ฆ–่ฆ่ฎพ่ฎก็›ฎๆ ‡ๆ˜ฏๆ›ดๅ…ทๅฏ่ฏปๆ€ง.
> ๆœ€ๅˆ็š„ๆƒณๆณ•ๆ˜ฏ Markdown ๆ ผๅผ็š„ๆ–‡ๆกฃๅบ”ๅฝ“ไปฅ็บฏๆ–‡ๆœฌๅฝขๅผๅ‘ๅธƒ,
> ่€Œไธไผš็œ‹่ตทๆฅๅƒ่ขซๆ ‡็ญพๆˆ–ๆ ผๅผ่ฏดๆ˜Žๆ‰€ๆ ‡่ฎฐ.
> ่™ฝ็„ถ Markdown ็š„่ฏญๆณ•ๅ—ๅˆฐๅ‡ ็ง็Žฐๆœ‰็š„ๆ–‡ๆœฌๅˆฐ HTML ่ฝฌๆขๅทฅๅ…ท็š„ๅฝฑๅ“,
> ไฝ† Markdown ่ฏญๆณ•็š„ๆœ€ๅคง็ตๆ„Ÿๆฅๆบๆ˜ฏ็บฏๆ–‡ๆœฌ็”ตๅญ้‚ฎไปถ็š„ๆ ผๅผ.
>
> {{< style "text-align: right;" >}}-- _John Gruber_{{< /style >}}
่ฏไธๅคš่ฏด, ๆˆ‘ไปฌๆฅๅ›ž้กพไธ€ไธ‹ Markdown ็š„ไธป่ฆ่ฏญๆณ•ไปฅๅŠ็”Ÿๆˆ็š„ HTML ๆ ทๅผ!
{{< admonition tip >}}
:(far fa-bookmark fa-fw): ๅฐ†ๆญค้กตไฟๅญ˜ไธบไนฆ็ญพ๏ผŒไปฅๅค‡ๅฐ†ๆฅๅ‚่€ƒ!
{{< /admonition >}}
## 1 ๆ ‡้ข˜
ไปŽ `h2` ๅˆฐ `h6` ็š„ๆ ‡้ข˜ๅœจๆฏไธช็บงๅˆซไธŠ้ƒฝๅŠ ไธŠไธ€ไธช `๏ผƒ`:
```markdown
## h2 ๆ ‡้ข˜
### h3 ๆ ‡้ข˜
#### h4 ๆ ‡้ข˜
##### h5 ๆ ‡้ข˜
###### h6 ๆ ‡้ข˜
```
่พ“ๅ‡บ็š„ HTML ็œ‹่ตทๆฅๅƒ่ฟ™ๆ ท:
```html
<h2>h2 ๆ ‡้ข˜</h2>
<h3>h3 ๆ ‡้ข˜</h3>
<h4>h4 ๆ ‡้ข˜</h4>
<h5>h5 ๆ ‡้ข˜</h5>
<h6>h6 ๆ ‡้ข˜</h6>
```
{{< admonition note "ๆ ‡้ข˜ ID" >}}
่ฆๆทปๅŠ ่‡ชๅฎšไน‰ๆ ‡้ข˜ ID, ่ฏทๅœจไธŽๆ ‡้ข˜็›ธๅŒ็š„่กŒไธญๅฐ†่‡ชๅฎšไน‰ ID ๆ”พๅœจ่Šฑๆ‹ฌๅทไธญ:
```markdown
### ไธ€ไธชๅพˆๆฃ’็š„ๆ ‡้ข˜ {#custom-id}
```
่พ“ๅ‡บ็š„ HTML ็œ‹่ตทๆฅๅƒ่ฟ™ๆ ท:
```html
<h3 id="custom-id">ไธ€ไธชๅพˆๆฃ’็š„ๆ ‡้ข˜</h3>
```
{{< /admonition >}}
## 2 ๆณจ้‡Š
ๆณจ้‡Šๆ˜ฏๅ’Œ HTML ๅ…ผๅฎน็š„๏ผš
```html
<!--
่ฟ™ๆ˜ฏไธ€ๆฎตๆณจ้‡Š
-->
```
**ไธ่ƒฝ**็œ‹ๅˆฐไปฅไธ‹็š„ๆณจ้‡Š:
<!--
่ฟ™ๆ˜ฏไธ€ๆฎตๆณจ้‡Š
-->
## 3 ๆฐดๅนณ็บฟ
HTML ไธญ็š„ `<hr>` ๆ ‡็ญพๆ˜ฏ็”จๆฅๅœจๆฎต่ฝๅ…ƒ็ด ไน‹้—ดๅˆ›ๅปบไธ€ไธช "ไธ“้ข˜้—ด้š”" ็š„.
ไฝฟ็”จ Markdown, ไฝ ๅฏไปฅ็”จไปฅไธ‹ๆ–นๅผๅˆ›ๅปบไธ€ไธช `<hr>` ๆ ‡็ญพ:
* `___`: ไธ‰ไธช่ฟž็ปญ็š„ไธ‹ๅˆ’็บฟ
* `---`: ไธ‰ไธช่ฟž็ปญ็š„็ ดๆŠ˜ๅท
* `***`: ไธ‰ไธช่ฟž็ปญ็š„ๆ˜Ÿๅท
ๅ‘ˆ็Žฐ็š„่พ“ๅ‡บๆ•ˆๆžœๅฆ‚ไธ‹:
___
---
***
## 4 ๆฎต่ฝ
ๆŒ‰็…ง็บฏๆ–‡ๆœฌ็š„ๆ–นๅผไนฆๅ†™ๆฎต่ฝ, ็บฏๆ–‡ๆœฌๅœจๅ‘ˆ็Žฐ็š„ HTML ไธญๅฐ†็”จ `<p>`/`</p>` ๆ ‡็ญพๅŒ…่ฃน.
ๅฆ‚ไธ‹ๆฎต่ฝ:
```markdown
Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Et legere ocurreret pri,
animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex,
soluta officiis concludaturque ei qui, vide sensibus vim ad.
```
่พ“ๅ‡บ็š„ HTML ็œ‹่ตทๆฅๅƒ่ฟ™ๆ ท:
```html
<p>Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.</p>
```
ๅฏไปฅไฝฟ็”จไธ€ไธช็ฉบ็™ฝ่กŒ่ฟ›่กŒ**ๆข่กŒ**.
## 5 ๅ†…่” HTML ๅ…ƒ็ด 
ๅฆ‚ๆžœไฝ ้œ€่ฆๆŸไธช HTML ๆ ‡็ญพ (ๅธฆๆœ‰ไธ€ไธช็ฑป), ๅˆ™ๅฏไปฅ็ฎ€ๅ•ๅœฐๅƒ่ฟ™ๆ ทไฝฟ็”จ:
```html
Markdown ๆ ผๅผ็š„ๆฎต่ฝ.
<div class="class">
่ฟ™ๆ˜ฏ <b>HTML</b>
</div>
Markdown ๆ ผๅผ็š„ๆฎต่ฝ.
```
## 6 ๅผบ่ฐƒ
### ๅŠ ็ฒ—
็”จไบŽๅผบ่ฐƒๅธฆๆœ‰่พƒ็ฒ—ๅญ—ไฝ“็š„ๆ–‡ๆœฌ็‰‡ๆฎต.
ไปฅไธ‹ๆ–‡ๆœฌ็‰‡ๆฎตไผš่ขซ **ๆธฒๆŸ“ไธบ็ฒ—ไฝ“**.
```markdown
**ๆธฒๆŸ“ไธบ็ฒ—ไฝ“**
__ๆธฒๆŸ“ไธบ็ฒ—ไฝ“__
```
่พ“ๅ‡บ็š„ HTML ็œ‹่ตทๆฅๅƒ่ฟ™ๆ ท:
```html
<strong>ๆธฒๆŸ“ไธบ็ฒ—ไฝ“</strong>
```
### ๆ–œไฝ“
็”จไบŽๅผบ่ฐƒๅธฆๆœ‰ๆ–œไฝ“็š„ๆ–‡ๆœฌ็‰‡ๆฎต.
ไปฅไธ‹ๆ–‡ๆœฌ็‰‡ๆฎต่ขซ _ๆธฒๆŸ“ไธบๆ–œไฝ“_.
```markdown
*ๆธฒๆŸ“ไธบๆ–œไฝ“*
_ๆธฒๆŸ“ไธบๆ–œไฝ“_
```
่พ“ๅ‡บ็š„ HTML ็œ‹่ตทๆฅๅƒ่ฟ™ๆ ท:
```html
<em>ๆธฒๆŸ“ไธบๆ–œไฝ“</em>
```
### ๅˆ ้™ค็บฟ
ๆŒ‰็…ง [[GFM]^(GitHub flavored Markdown)](https://github.github.com/gfm/) ไฝ ๅฏไปฅไฝฟ็”จๅˆ ้™ค็บฟ.
```markdown
~~่ฟ™ๆฎตๆ–‡ๆœฌๅธฆๆœ‰ๅˆ ้™ค็บฟ.~~
```
ๅ‘ˆ็Žฐ็š„่พ“ๅ‡บๆ•ˆๆžœๅฆ‚ไธ‹:
~~่ฟ™ๆฎตๆ–‡ๆœฌๅธฆๆœ‰ๅˆ ้™ค็บฟ.~~
่พ“ๅ‡บ็š„ HTML ็œ‹่ตทๆฅๅƒ่ฟ™ๆ ท:
```html
<del>่ฟ™ๆฎตๆ–‡ๆœฌๅธฆๆœ‰ๅˆ ้™ค็บฟ.</del>
```
### ็ป„ๅˆ
ๅŠ ็ฒ—, ๆ–œไฝ“, ๅ’Œๅˆ ้™ค็บฟๅฏไปฅ ็ป„ๅˆไฝฟ็”จ.
```markdown
***ๅŠ ็ฒ—ๅ’Œๆ–œไฝ“***
~~**ๅˆ ้™ค็บฟๅ’ŒๅŠ ็ฒ—**~~
~~*ๅˆ ้™ค็บฟๅ’Œๆ–œไฝ“*~~
~~***ๅŠ ็ฒ—, ๆ–œไฝ“ๅ’Œๅˆ ้™ค็บฟ***~~
```
ๅ‘ˆ็Žฐ็š„่พ“ๅ‡บๆ•ˆๆžœๅฆ‚ไธ‹:
***ๅŠ ็ฒ—ๅ’Œๆ–œไฝ“***
~~**ๅˆ ้™ค็บฟๅ’ŒๅŠ ็ฒ—**~~
~~*ๅˆ ้™ค็บฟๅ’Œๆ–œไฝ“*~~
~~***ๅŠ ็ฒ—, ๆ–œไฝ“ๅ’Œๅˆ ้™ค็บฟ***~~
่พ“ๅ‡บ็š„ HTML ็œ‹่ตทๆฅๅƒ่ฟ™ๆ ท:
```html
<em><strong>ๅŠ ็ฒ—ๅ’Œๆ–œไฝ“</strong></em>
<del><strong>ๅˆ ้™ค็บฟๅ’ŒๅŠ ็ฒ—</strong></del>
<del><em>ๅˆ ้™ค็บฟๅ’Œๆ–œไฝ“</em></del>
<del><em><strong>ๅŠ ็ฒ—, ๆ–œไฝ“ๅ’Œๅˆ ้™ค็บฟ</strong></em></del>
```
## 7 ๅผ•็”จ
็”จไบŽๅœจๆ–‡ๆกฃไธญๅผ•็”จๅ…ถไป–ๆฅๆบ็š„ๅ†…ๅฎนๅ—.
ๅœจ่ฆๅผ•็”จ็š„ไปปไฝ•ๆ–‡ๆœฌไน‹ๅ‰ๆทปๅŠ  `>`:
```markdown
> **Fusion Drive** combines a hard drive with a flash storage (solid-state drive) and presents it as a single logical volume with the space of both drives combined.
```
ๅ‘ˆ็Žฐ็š„่พ“ๅ‡บๆ•ˆๆžœๅฆ‚ไธ‹:
> **Fusion Drive** combines a hard drive with a flash storage (solid-state drive) and presents it as a single logical volume with the space of both drives combined.
่พ“ๅ‡บ็š„ HTML ็œ‹่ตทๆฅๅƒ่ฟ™ๆ ท:
```html
<blockquote>
<p>
<strong>Fusion Drive</strong> combines a hard drive with a flash storage (solid-state drive) and presents it as a single logical volume with the space of both drives combined.
</p>
</blockquote>
```
ๅผ•็”จไนŸๅฏไปฅๅตŒๅฅ—:
```markdown
> Donec massa lacus, ultricies a ullamcorper in, fermentum sed augue.
Nunc augue augue, aliquam non hendrerit ac, commodo vel nisi.
>> Sed adipiscing elit vitae augue consectetur a gravida nunc vehicula. Donec auctor
odio non est accumsan facilisis. Aliquam id turpis in dolor tincidunt mollis ac eu diam.
```
ๅ‘ˆ็Žฐ็š„่พ“ๅ‡บๆ•ˆๆžœๅฆ‚ไธ‹:
> Donec massa lacus, ultricies a ullamcorper in, fermentum sed augue.
Nunc augue augue, aliquam non hendrerit ac, commodo vel nisi.
>> Sed adipiscing elit vitae augue consectetur a gravida nunc vehicula. Donec auctor
odio non est accumsan facilisis. Aliquam id turpis in dolor tincidunt mollis ac eu diam.
## 8 ๅˆ—่กจ
### ๆ— ๅบๅˆ—่กจ
ไธ€็ณปๅˆ—้กน็š„ๅˆ—่กจ, ๅ…ถไธญ้กน็š„้กบๅบๆฒกๆœ‰ๆ˜Žๆ˜พๅ…ณ็ณป.
ไฝ ๅฏไปฅไฝฟ็”จไปฅไธ‹ไปปไฝ•็ฌฆๅทๆฅ่กจ็คบๆ— ๅบๅˆ—่กจไธญ็š„้กน:
```markdown
* ไธ€้กนๅ†…ๅฎน
- ไธ€้กนๅ†…ๅฎน
+ ไธ€้กนๅ†…ๅฎน
```
ไพ‹ๅฆ‚:
```markdown
* Lorem ipsum dolor sit amet
* Consectetur adipiscing elit
* Integer molestie lorem at massa
* Facilisis in pretium nisl aliquet
* Nulla volutpat aliquam velit
* Phasellus iaculis neque
* Purus sodales ultricies
* Vestibulum laoreet porttitor sem
* Ac tristique libero volutpat at
* Faucibus porta lacus fringilla vel
* Aenean sit amet erat nunc
* Eget porttitor lorem
```
ๅ‘ˆ็Žฐ็š„่พ“ๅ‡บๆ•ˆๆžœๅฆ‚ไธ‹:
* Lorem ipsum dolor sit amet
* Consectetur adipiscing elit
* Integer molestie lorem at massa
* Facilisis in pretium nisl aliquet
* Nulla volutpat aliquam velit
* Phasellus iaculis neque
* Purus sodales ultricies
* Vestibulum laoreet porttitor sem
* Ac tristique libero volutpat at
* Faucibus porta lacus fringilla vel
* Aenean sit amet erat nunc
* Eget porttitor lorem
่พ“ๅ‡บ็š„ HTML ็œ‹่ตทๆฅๅƒ่ฟ™ๆ ท:
```html
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetur adipiscing elit</li>
<li>Integer molestie lorem at massa</li>
<li>Facilisis in pretium nisl aliquet</li>
<li>Nulla volutpat aliquam velit
<ul>
<li>Phasellus iaculis neque</li>
<li>Purus sodales ultricies</li>
<li>Vestibulum laoreet porttitor sem</li>
<li>Ac tristique libero volutpat at</li>
</ul>
</li>
<li>Faucibus porta lacus fringilla vel</li>
<li>Aenean sit amet erat nunc</li>
<li>Eget porttitor lorem</li>
</ul>
```
### ๆœ‰ๅบๅˆ—่กจ
ไธ€็ณปๅˆ—้กน็š„ๅˆ—่กจ, ๅ…ถไธญ้กน็š„้กบๅบ็กฎๅฎžๅพˆ้‡่ฆ.
```markdown
1. Lorem ipsum dolor sit amet
2. Consectetur adipiscing elit
3. Integer molestie lorem at massa
4. Facilisis in pretium nisl aliquet
5. Nulla volutpat aliquam velit
6. Faucibus porta lacus fringilla vel
7. Aenean sit amet erat nunc
8. Eget porttitor lorem
```
ๅ‘ˆ็Žฐ็š„่พ“ๅ‡บๆ•ˆๆžœๅฆ‚ไธ‹:
1. Lorem ipsum dolor sit amet
2. Consectetur adipiscing elit
3. Integer molestie lorem at massa
4. Facilisis in pretium nisl aliquet
5. Nulla volutpat aliquam velit
6. Faucibus porta lacus fringilla vel
7. Aenean sit amet erat nunc
8. Eget porttitor lorem
่พ“ๅ‡บ็š„ HTML ็œ‹่ตทๆฅๅƒ่ฟ™ๆ ท:
```html
<ol>
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetur adipiscing elit</li>
<li>Integer molestie lorem at massa</li>
<li>Facilisis in pretium nisl aliquet</li>
<li>Nulla volutpat aliquam velit</li>
<li>Faucibus porta lacus fringilla vel</li>
<li>Aenean sit amet erat nunc</li>
<li>Eget porttitor lorem</li>
</ol>
```
{{< admonition tip >}}
ๅฆ‚ๆžœไฝ ๅฏนๆฏไธ€้กนไฝฟ็”จ `1.`, Markdown ๅฐ†่‡ชๅŠจไธบๆฏไธ€้กน็ผ–ๅท. ไพ‹ๅฆ‚:
```markdown
1. Lorem ipsum dolor sit amet
1. Consectetur adipiscing elit
1. Integer molestie lorem at massa
1. Facilisis in pretium nisl aliquet
1. Nulla volutpat aliquam velit
1. Faucibus porta lacus fringilla vel
1. Aenean sit amet erat nunc
1. Eget porttitor lorem
```
ๅ‘ˆ็Žฐ็š„่พ“ๅ‡บๆ•ˆๆžœๅฆ‚ไธ‹:
1. Lorem ipsum dolor sit amet
1. Consectetur adipiscing elit
1. Integer molestie lorem at massa
1. Facilisis in pretium nisl aliquet
1. Nulla volutpat aliquam velit
1. Faucibus porta lacus fringilla vel
1. Aenean sit amet erat nunc
1. Eget porttitor lorem
{{< /admonition >}}
### ไปปๅŠกๅˆ—่กจ
ไปปๅŠกๅˆ—่กจไฝฟไฝ ๅฏไปฅๅˆ›ๅปบๅธฆๆœ‰ๅค้€‰ๆก†็š„ๅˆ—่กจ.
่ฆๅˆ›ๅปบไปปๅŠกๅˆ—่กจ, ่ฏทๅœจไปปๅŠกๅˆ—่กจ้กนไน‹ๅ‰ๆทปๅŠ ็ ดๆŠ˜ๅท (`-`) ๅ’Œๅธฆๆœ‰็ฉบๆ ผ็š„ๆ–นๆ‹ฌๅท (`[ ]`). ่ฆ้€‰ๆ‹ฉไธ€ไธชๅค้€‰ๆก†๏ผŒ่ฏทๅœจๆ–นๆ‹ฌๅทไน‹้—ดๆทปๅŠ  x (`[x]`).
```markdown
- [x] Write the press release
- [ ] Update the website
- [ ] Contact the media
```
ๅ‘ˆ็Žฐ็š„่พ“ๅ‡บๆ•ˆๆžœๅฆ‚ไธ‹:
- [x] Write the press release
- [ ] Update the website
- [ ] Contact the media
## 9 ไปฃ็ 
### ่กŒๅ†…ไปฃ็ 
็”จ <code>`</code> ๅŒ…่ฃ…่กŒๅ†…ไปฃ็ ๆฎต.
```markdown
ๅœจ่ฟ™ไธชไพ‹ๅญไธญ, `<section></section>` ไผš่ขซๅŒ…่ฃนๆˆ **ไปฃ็ **.
```
ๅ‘ˆ็Žฐ็š„่พ“ๅ‡บๆ•ˆๆžœๅฆ‚ไธ‹:
ๅœจ่ฟ™ไธชไพ‹ๅญไธญ, `<section></section>` ไผš่ขซๅŒ…่ฃนๆˆ **ไปฃ็ **.
่พ“ๅ‡บ็š„ HTML ็œ‹่ตทๆฅๅƒ่ฟ™ๆ ท:
```html
<p>
ๅœจ่ฟ™ไธชไพ‹ๅญไธญ, <code>&lt;section&gt;&lt;/section&gt;</code> ไผš่ขซๅŒ…่ฃนๆˆ <strong>ไปฃ็ </strong>.
</p>
```
### ็ผฉ่ฟ›ไปฃ็ 
ๅฐ†ๅ‡ ่กŒไปฃ็ ็ผฉ่ฟ›่‡ณๅฐ‘ๅ››ไธช็ฉบๆ ผ๏ผŒไพ‹ๅฆ‚:
```markdown
// Some comments
line 1 of code
line 2 of code
line 3 of code
```
ๅ‘ˆ็Žฐ็š„่พ“ๅ‡บๆ•ˆๆžœๅฆ‚ไธ‹:
// Some comments
line 1 of code
line 2 of code
line 3 of code
่พ“ๅ‡บ็š„ HTML ็œ‹่ตทๆฅๅƒ่ฟ™ๆ ท:
```html
<pre>
<code>
// Some comments
line 1 of code
line 2 of code
line 3 of code
</code>
</pre>
```
### ๅ›ดๆ ไปฃ็ ๅ—
ไฝฟ็”จ "ๅ›ดๆ " <code>```</code> ๆฅ็”Ÿๆˆไธ€ๆฎตๅธฆๆœ‰่ฏญ่จ€ๅฑžๆ€ง็š„ไปฃ็ ๅ—.
{{< highlight markdown >}}
```markdown
Sample text here...
```
{{< / highlight >}}
่พ“ๅ‡บ็š„ HTML ็œ‹่ตทๆฅๅƒ่ฟ™ๆ ท:
```html
<pre language-html>
<code>Sample text here...</code>
</pre>
```
### ่ฏญๆณ•้ซ˜ไบฎ
[GFM]^(GitHub Flavored Markdown) ไนŸๆ”ฏๆŒ่ฏญๆณ•้ซ˜ไบฎ.
่ฆๆฟ€ๆดปๅฎƒ๏ผŒๅช้œ€ๅœจ็ฌฌไธ€ไธชไปฃ็  "ๅ›ดๆ " ไน‹ๅŽ็›ดๆŽฅๆทปๅŠ ไฝ ่ฆไฝฟ็”จ็š„่ฏญ่จ€็š„ๆ–‡ไปถๆ‰ฉๅฑ•ๅ,
<code>```js</code>, ่ฏญๆณ•้ซ˜ไบฎๆ˜พ็คบๅฐ†่‡ชๅŠจๅบ”็”จไบŽๆธฒๆŸ“็š„ HTML ไธญ.
ไพ‹ๅฆ‚, ๅœจไปฅไธ‹ JavaScript ไปฃ็ ไธญๅบ”็”จ่ฏญๆณ•้ซ˜ไบฎ:
{{< highlight markdown >}}
```js
grunt.initConfig({
assemble: {
options: {
assets: 'docs/assets',
data: 'src/data/*.{json,yml}',
helpers: 'src/custom-helpers.js',
partials: ['src/partials/**/*.{hbs,md}']
},
pages: {
options: {
layout: 'default.hbs'
},
files: {
'./': ['src/templates/pages/index.hbs']
}
}
}
};
```
{{< / highlight >}}
ๅ‘ˆ็Žฐ็š„่พ“ๅ‡บๆ•ˆๆžœๅฆ‚ไธ‹:
```js
grunt.initConfig({
assemble: {
options: {
assets: 'docs/assets',
data: 'src/data/*.{json,yml}',
helpers: 'src/custom-helpers.js',
partials: ['src/partials/**/*.{hbs,md}']
},
pages: {
options: {
layout: 'default.hbs'
},
files: {
'./': ['src/templates/pages/index.hbs']
}
}
}
};
```
{{< admonition >}}
**Hugo** ๆ–‡ๆกฃไธญ็š„ [่ฏญๆณ•้ซ˜ไบฎ้กต้ข](https://gohugo.io/content-management/syntax-highlighting/) ไป‹็ปไบ†ๆœ‰ๅ…ณ่ฏญๆณ•้ซ˜ไบฎ็š„ๆ›ดๅคšไฟกๆฏ,
ๅŒ…ๆ‹ฌ่ฏญๆณ•้ซ˜ไบฎ็š„ shortcode.
{{< /admonition >}}
## 10 ่กจๆ ผ
้€š่ฟ‡ๅœจๆฏไธชๅ•ๅ…ƒๆ ผไน‹้—ดๆทปๅŠ ็ซ–็บฟไฝœไธบๅˆ†้š”็บฟ, ๅนถๅœจๆ ‡้ข˜ไธ‹ๆทปๅŠ ไธ€่กŒ็ ดๆŠ˜ๅท (ไนŸ็”ฑ็ซ–็บฟๅˆ†้š”) ๆฅๅˆ›ๅปบ่กจๆ ผ. ๆณจๆ„, ็ซ–็บฟไธ้œ€่ฆๅž‚็›ดๅฏน้ฝ.
```markdown
| Option | Description |
| ------ | ----------- |
| data | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext | extension to be used for dest files. |
```
ๅ‘ˆ็Žฐ็š„่พ“ๅ‡บๆ•ˆๆžœๅฆ‚ไธ‹:
| Option | Description |
| ------ | ----------- |
| data | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext | extension to be used for dest files. |
่พ“ๅ‡บ็š„ HTML ็œ‹่ตทๆฅๅƒ่ฟ™ๆ ท:
```html
<table>
<thead>
<tr>
<th>Option</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>data</td>
<td>path to data files to supply the data that will be passed into templates.</td>
</tr>
<tr>
<td>engine</td>
<td>engine to be used for processing templates. Handlebars is the default.</td>
</tr>
<tr>
<td>ext</td>
<td>extension to be used for dest files.</td>
</tr>
</tbody>
</table>
```
{{< admonition note "ๆ–‡ๆœฌๅณๅฏน้ฝๆˆ–ๅฑ…ไธญๅฏน้ฝ" >}}
ๅœจไปปไฝ•ๆ ‡้ข˜ไธ‹ๆ–น็š„็ ดๆŠ˜ๅทๅณไพงๆทปๅŠ ๅ†’ๅทๅฐ†ไฝฟ่ฏฅๅˆ—็š„ๆ–‡ๆœฌๅณๅฏน้ฝ.
ๅœจไปปไฝ•ๆ ‡้ข˜ไธ‹ๆ–น็š„็ ดๆŠ˜ๅทไธค่พนๆทปๅŠ ๅ†’ๅทๅฐ†ไฝฟ่ฏฅๅˆ—็š„ๅฏน้ฝๆ–‡ๆœฌๅฑ…ไธญ.
```markdown
| Option | Description |
|:------:| -----------:|
| data | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext | extension to be used for dest files. |
```
ๅ‘ˆ็Žฐ็š„่พ“ๅ‡บๆ•ˆๆžœๅฆ‚ไธ‹:
| Option | Description |
|:------:| -----------:|
| data | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext | extension to be used for dest files. |
{{< /admonition >}}
## 11 ้“พๆŽฅ {#links}
### ๅŸบๆœฌ้“พๆŽฅ
```markdown
<https://assemble.io>
<contact@revolunet.com>
[Assemble](https://assemble.io)
```
ๅ‘ˆ็Žฐ็š„่พ“ๅ‡บๆ•ˆๆžœๅฆ‚ไธ‹ (ๅฐ†้ผ ๆ ‡ๆ‚ฌๅœๅœจ้“พๆŽฅไธŠ๏ผŒๆฒกๆœ‰ๆ็คบ):
<https://assemble.io>
<contact@revolunet.com>
[Assemble](https://assemble.io)
่พ“ๅ‡บ็š„ HTML ็œ‹่ตทๆฅๅƒ่ฟ™ๆ ท:
```html
<a href="https://assemble.io">https://assemble.io</a>
<a href="mailto:contact@revolunet.com">contact@revolunet.com</a>
<a href="https://assemble.io">Assemble</a>
```
### ๆทปๅŠ ไธ€ไธชๆ ‡้ข˜
```markdown
[Upstage](https://github.com/upstage/ "Visit Upstage!")
```
ๅ‘ˆ็Žฐ็š„่พ“ๅ‡บๆ•ˆๆžœๅฆ‚ไธ‹ (ๅฐ†้ผ ๆ ‡ๆ‚ฌๅœๅœจ้“พๆŽฅไธŠ๏ผŒไผšๆœ‰ไธ€่กŒๆ็คบ):
[Upstage](https://github.com/upstage/ "Visit Upstage!")
่พ“ๅ‡บ็š„ HTML ็œ‹่ตทๆฅๅƒ่ฟ™ๆ ท:
```html
<a href="https://github.com/upstage/" title="Visit Upstage!">Upstage</a>
```
### ๅฎšไฝๆ ‡่ฎฐ
ๅฎšไฝๆ ‡่ฎฐไฝฟไฝ ๅฏไปฅ่ทณ่‡ณๅŒไธ€้กต้ขไธŠ็š„ๆŒ‡ๅฎš้”š็‚น. ไพ‹ๅฆ‚, ๆฏไธช็ซ ่Š‚:
```markdown
## Table of Contents
* [Chapter 1](#chapter-1)
* [Chapter 2](#chapter-2)
* [Chapter 3](#chapter-3)
```
ๅฐ†่ทณ่ฝฌๅˆฐ่ฟ™ไบ›้ƒจๅˆ†:
```markdown
## Chapter 1 <a id="chapter-1"></a>
Content for chapter one.
## Chapter 2 <a id="chapter-2"></a>
Content for chapter one.
## Chapter 3 <a id="chapter-3"></a>
Content for chapter one.
```
{{< admonition >}}
ๅฎšไฝๆ ‡่ฎฐ็š„ไฝ็ฝฎๅ‡ ไนŽๆ˜ฏไปปๆ„็š„. ๅ› ไธบๅฎƒไปฌๅนถไธๅผ•ไบบๆณจ็›ฎ, ๆ‰€ไปฅๅฎƒไปฌ้€šๅธธ่ขซๆ”พๅœจๅŒไธ€่กŒไบ†.
{{< /admonition >}}
## 12 ่„šๆณจ
่„šๆณจไฝฟไฝ ๅฏไปฅๆทปๅŠ ๆณจ้‡Šๅ’Œๅ‚่€ƒ, ่€Œไธไผšไฝฟๆ–‡ๆกฃๆญฃๆ–‡ๆททไนฑ.
ๅฝ“ไฝ ๅˆ›ๅปบ่„šๆณจๆ—ถ, ไผšๅœจๆทปๅŠ ่„šๆณจๅผ•็”จ็š„ไฝ็ฝฎๅ‡บ็Žฐๅธฆๆœ‰้“พๆŽฅ็š„ไธŠๆ ‡็ผ–ๅท.
่ฏป่€…ๅฏไปฅๅ•ๅ‡ป้“พๆŽฅไปฅ่ทณ่‡ณ้กต้ขๅบ•้ƒจ็š„่„šๆณจๅ†…ๅฎน.
่ฆๅˆ›ๅปบ่„šๆณจๅผ•็”จ, ่ฏทๅœจๆ–นๆ‹ฌๅทไธญๆทปๅŠ ๆ’ๅ…ฅ็ฌฆๅทๅ’Œๆ ‡่ฏ†็ฌฆ (`[^1]`).
ๆ ‡่ฏ†็ฌฆๅฏไปฅๆ˜ฏๆ•ฐๅญ—ๆˆ–ๅ•่ฏ, ไฝ†ไธ่ƒฝๅŒ…ๅซ็ฉบๆ ผๆˆ–ๅˆถ่กจ็ฌฆ.
ๆ ‡่ฏ†็ฌฆไป…ๅฐ†่„šๆณจๅผ•็”จไธŽ่„šๆณจๆœฌ่บซ็›ธๅ…ณ่” - ๅœจ่„šๆณจ่พ“ๅ‡บไธญ, ่„šๆณจๆŒ‰้กบๅบ็ผ–ๅท.
ๅœจไธญๆ‹ฌๅทๅ†…ไฝฟ็”จๆ’ๅ…ฅ็ฌฆๅทๅ’Œๆ•ฐๅญ—ไปฅๅŠ็”จๅ†’ๅทๅ’Œๆ–‡ๆœฌๆฅๆทปๅŠ ่„šๆณจๅ†…ๅฎน (`[^1]๏ผš่ฟ™ๆ˜ฏไธ€ๆฎต่„šๆณจ`).
ไฝ ไธไธ€ๅฎš่ฆๅœจๆ–‡ๆกฃๆœซๅฐพๆทปๅŠ ่„šๆณจ. ๅฏไปฅๅฐ†ๅฎƒไปฌๆ”พๅœจ้™คๅˆ—่กจ, ๅผ•็”จๅ’Œ่กจๆ ผ็ญ‰ๅ…ƒ็ด ไน‹ๅค–็š„ไปปไฝ•ไฝ็ฝฎ.
```markdown
่ฟ™ๆ˜ฏไธ€ไธชๆ•ฐๅญ—่„šๆณจ[^1].
่ฟ™ๆ˜ฏไธ€ไธชๅธฆๆ ‡็ญพ็š„่„šๆณจ[^label]
[^1]: ่ฟ™ๆ˜ฏไธ€ไธชๆ•ฐๅญ—่„šๆณจ
[^label]: ่ฟ™ๆ˜ฏไธ€ไธชๅธฆๆ ‡็ญพ็š„่„šๆณจ
```
่ฟ™ๆ˜ฏไธ€ไธชๆ•ฐๅญ—่„šๆณจ[^1].
่ฟ™ๆ˜ฏไธ€ไธชๅธฆๆ ‡็ญพ็š„่„šๆณจ[^label]
[^1]: ่ฟ™ๆ˜ฏไธ€ไธชๆ•ฐๅญ—่„šๆณจ
[^label]: ่ฟ™ๆ˜ฏไธ€ไธชๅธฆๆ ‡็ญพ็š„่„šๆณจ
## 13 ๅ›พ็‰‡
ๅ›พ็‰‡็š„่ฏญๆณ•ไธŽ้“พๆŽฅ็›ธไผผ, ไฝ†ๅŒ…ๅซไธ€ไธชๅœจๅ‰้ข็š„ๆ„Ÿๅนๅท.
```markdown
![Minion](https://octodex.github.com/images/minion.png)
```
![Minion](https://octodex.github.com/images/minion.png)
ๆˆ–่€…:
```markdown
![Alt text](https://octodex.github.com/images/stormtroopocat.jpg "The Stormtroopocat")
```
![Alt text](https://octodex.github.com/images/stormtroopocat.jpg "The Stormtroopocat")
ๅƒ้“พๆŽฅไธ€ๆ ท, ๅ›พ็‰‡ไนŸๅ…ทๆœ‰่„šๆณจๆ ทๅผ็š„่ฏญๆณ•:
```markdown
![Alt text][id]
```
![Alt text][id]
็จๅŽๅœจๆ–‡ๆกฃไธญๆไพ›ๅ‚่€ƒๅ†…ๅฎน, ็”จๆฅๅฎšไน‰ URL ็š„ไฝ็ฝฎ:
```markdown
[id]: https://octodex.github.com/images/dojocat.jpg "The Dojocat"
```
[id]: https://octodex.github.com/images/dojocat.jpg "The Dojocat"
{{< admonition tip >}}
**LoveIt** ไธป้ข˜ๆไพ›ไบ†ไธ€ไธชๅŒ…ๅซๆ›ดๅคšๅŠŸ่ƒฝ็š„ [ๅ›พ็‰‡็š„ shortcode](../theme-documentation-extended-shortcodes#image).
{{< /admonition >}}

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 557 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

@ -0,0 +1,747 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="94mm"
height="94mm"
viewBox="0 0 94 94"
version="1.1"
id="svg8"
sodipodi:docname="jilits-favicon-20211116-1-stroke.svg"
inkscape:version="1.2.1 (9c6d41e410, 2022-07-14, custom)"
inkscape:export-filename="/home/walter/Syncthing/private-misc/jilits/logo/jilits-20210515-1-lr.png"
inkscape:export-xdpi="150"
inkscape:export-ydpi="150"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:osb="http://www.openswatchbook.org/uri/2009/osb">
<defs
id="defs2">
<linearGradient
inkscape:collect="always"
id="linearGradient2049">
<stop
style="stop-color:#37dbd0;stop-opacity:1"
offset="0"
id="stop2045" />
<stop
style="stop-color:#22a7f0;stop-opacity:1"
offset="1"
id="stop2047" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient1549">
<stop
style="stop-color:#22a7f0;stop-opacity:1"
offset="0"
id="stop1545" />
<stop
style="stop-color:#37dbd0;stop-opacity:1"
offset="1"
id="stop1547" />
</linearGradient>
<linearGradient
id="linearGradient3185"
osb:paint="solid">
<stop
style="stop-color:#007ff0;stop-opacity:1;"
offset="0"
id="stop3183" />
</linearGradient>
<marker
inkscape:stockid="DistanceStart"
orient="auto"
refY="0"
refX="0"
id="marker4529"
style="overflow:visible"
inkscape:isstock="true">
<g
id="g4527"
style="fill:#37dbd0;fill-opacity:1;stroke:#106b60;stroke-opacity:1">
<path
id="path4521"
d="M 0,0 H 2"
style="fill:#37dbd0;fill-opacity:1;stroke:#106b60;stroke-width:1.15;stroke-linecap:square;stroke-opacity:1" />
<path
id="path4523"
d="M 0,0 13,4 9,0 13,-4 Z"
style="fill:#37dbd0;fill-opacity:1;fill-rule:evenodd;stroke:#106b60;stroke-opacity:1" />
<path
id="path4525"
d="M 0,-4 V 40"
style="fill:#37dbd0;fill-opacity:1;stroke:#106b60;stroke-width:1;stroke-linecap:square;stroke-opacity:1" />
</g>
</marker>
<marker
inkscape:stockid="DistanceStart"
orient="auto"
refY="0"
refX="0"
id="marker4489"
style="overflow:visible"
inkscape:isstock="true">
<g
id="g4487"
style="fill:#37dbd0;fill-opacity:1;stroke:#106b60;stroke-opacity:1">
<path
id="path4481"
d="M 0,0 H 2"
style="fill:#37dbd0;fill-opacity:1;stroke:#106b60;stroke-width:1.15;stroke-linecap:square;stroke-opacity:1" />
<path
id="path4483"
d="M 0,0 13,4 9,0 13,-4 Z"
style="fill:#37dbd0;fill-opacity:1;fill-rule:evenodd;stroke:#106b60;stroke-opacity:1" />
<path
id="path4485"
d="M 0,-4 V 40"
style="fill:#37dbd0;fill-opacity:1;stroke:#106b60;stroke-width:1;stroke-linecap:square;stroke-opacity:1" />
</g>
</marker>
<marker
inkscape:stockid="DistanceStart"
orient="auto"
refY="0"
refX="0"
id="marker3802"
style="overflow:visible"
inkscape:isstock="true">
<g
id="g3800"
style="fill:#37dbd0;fill-opacity:1;stroke:#106b60;stroke-opacity:1">
<path
id="path3794"
d="M 0,0 H 2"
style="fill:#37dbd0;fill-opacity:1;stroke:#106b60;stroke-width:1.15;stroke-linecap:square;stroke-opacity:1" />
<path
id="path3796"
d="M 0,0 13,4 9,0 13,-4 Z"
style="fill:#37dbd0;fill-opacity:1;fill-rule:evenodd;stroke:#106b60;stroke-opacity:1" />
<path
id="path3798"
d="M 0,-4 V 40"
style="fill:#37dbd0;fill-opacity:1;stroke:#106b60;stroke-width:1;stroke-linecap:square;stroke-opacity:1" />
</g>
</marker>
<marker
inkscape:stockid="DistanceStart"
orient="auto"
refY="0"
refX="0"
id="marker3576"
style="overflow:visible"
inkscape:isstock="true">
<g
id="g3574"
style="fill:#37dbd0;fill-opacity:1;stroke:#106b60;stroke-opacity:1">
<path
id="path3568"
d="M 0,0 H 2"
style="fill:#37dbd0;fill-opacity:1;stroke:#106b60;stroke-width:1.15;stroke-linecap:square;stroke-opacity:1" />
<path
id="path3570"