feat(image): add image lightgallery

This commit is contained in:
Dillon
2020-02-24 17:00:39 +08:00
parent fbfcbaebca
commit 72a2e9bdcf
50 changed files with 478 additions and 353 deletions

View File

@@ -66,8 +66,6 @@ enableEmoji = true
url = "/zh/"
weight = 5
[languages.en.params]
# LoveIt theme version
version = "0.1.X"
# site description
description = "About LoveIt Theme"
# site keywords
@@ -76,20 +74,6 @@ enableEmoji = true
defaultTheme = "auto"
# public git repo url to link lastmod git commit only then enableGitInfo is true
gitRepo = ""
# Header info
[languages.en.params.header]
# desktop header mode ("fixed", "normal", "auto")
desktopMode = "fixed"
# mobile header mode ("fixed", "normal", "auto")
mobileMode = "auto"
# Footer Copyright Info
[languages.en.params.footer]
# Site creation time
since = 2019
# ICP info only in China (HTML format is allowed)
icp = ""
# license info (HTML format is allowed)
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>'
# Home Page Info
[languages.en.params.home]
# Home Page Profile
@@ -98,7 +82,7 @@ enableEmoji = true
# Gravatar Email for preferred avatar in home page
gravatarEmail = ""
# URL of avatar shown in home page
avatarURL = "images/avatar.png"
avatarURL = "/images/avatar.png"
# subtitle shown in home page
subtitle = "A Clean, Elegant but Advanced Hugo Theme"
# whether to use typeit animation for subtitle
@@ -178,12 +162,6 @@ enableEmoji = true
# XMPP = "xxxx"
# Matrix = "xxxx"
# Bilibili = "xxxx"
# Page config
[languages.en.params.page]
# whether to show social share links in post page
socialShare = true
# whether to show link to Raw Markdown content of the post
linkToMarkdown = true
# Social Share Links in post page
[languages.en.params.share]
enable = true
@@ -214,67 +192,6 @@ enableEmoji = true
# Skype = true
# Trello = true
# Mix = true
# mathematical formulas (KaTeX)
[languages.en.params.math]
enable = true
# default inline delimiter is $ ... $ and \\( ... \\)
inlineLeftDelimiter = ""
inlineRightDelimiter = ""
# default block delimiter is $$ ... $$ and \\[ ... \\]
blockLeftDelimiter = ""
blockRightDelimiter = ""
# KaTeX extension copy_tex
copyTex = true
# KaTeX extension mhchem
mhchem = true
# CSS and JS Files CDN
[languages.en.params.cdn]
## for example '<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.10.1/css/all.min.css" integrity="sha256-fdcFNFiBMrNfWL6OcAGQz6jDgNTRxnrLEd4vJYFWScE=" crossorigin="anonymous">'
fontawesomeFreeCSS = ''
animateCSS = ''
gitalkCSS = ''
gitalkJS = ''
valineJS = ''
lazysizesJS = ''
smoothScrollJS = ''
sharerJS = ''
katexCSS = ''
katexJS = ''
katexAutoRenderJS = ''
katexCopyTexCSS = ''
katexCopyTexJS = ''
katexMhchemJS = ''
mermaidJS = ''
echartsJS = ''
echartsMacaronsJS = ''
typeitJS = ''
aplayerCSS = ''
aplayerJS = ''
metingJS = ''
# site verification code for Google/Bing/Yandex/Pinterest/Baidu
[languages.en.params.verification]
google = ""
bing = ""
yandex = ""
pinterest = ""
baidu = ""
# Publisher Info just for SEO
[languages.en.params.publisher]
name = "xxxx"
[languages.en.params.publisher.logo]
url = "logo.png"
width = 127
height = 40
# Website Log Info just for SEO
[languages.en.params.logo]
url = "logo.png"
width = 127
height = 40
# Website Image Info just for SEO
[languages.en.params.image]
url = "cover.png"
width = 800
height = 600
# Comment Config
[languages.en.params.comment]
enable = true
@@ -355,8 +272,6 @@ enableEmoji = true
url = "../"
weight = 5
[languages.zh.params]
# LoveIt 主题版本
version = "0.1.X"
# 网站描述
description = "关于 LoveIt 主题"
# 网站关键词
@@ -365,20 +280,6 @@ enableEmoji = true
defaultTheme = "auto"
# 用于生成文章上次修改时间的公共 git 仓库路径,仅在 enableGitInfo 设为 true 时有效
gitRepo = ""
# 页面头部导航栏信息
[languages.zh.params.header]
# 桌面端导航栏模式 ("fixed", "normal", "auto")
desktopMode = "fixed"
# 移动端导航栏模式 ("fixed", "normal", "auto")
mobileMode = "auto"
# 页面底部版权信息设置
[languages.zh.params.footer]
# 网站创立年份
since = 2019
# ICP 备案信息,仅在中国使用 (允许使用 HTML 格式)
icp = ""
# 许可协议信息 (允许使用 HTML 格式)
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>'
# 主页信息设置
[languages.zh.params.home]
# 主页个人信息
@@ -387,7 +288,7 @@ enableEmoji = true
# Gravatar 邮箱,用于优先在主页显示的头像
gravatarEmail = ""
# 主页显示头像的 URL
avatarURL = "images/avatar.png"
avatarURL = "/images/avatar.png"
# 主页显示的网站副标题
subtitle = "一个简洁、优雅且高效的 Hugo 主题"
# 是否为副标题显示打字机动画
@@ -467,12 +368,6 @@ enableEmoji = true
# XMPP = "xxxx@example.com"
# Matrix = "xxxx"
Bilibili = "xxxx"
# 文章页面配置
[languages.zh.params.page]
# 在文章页面是否使用分享功能
socialShare = true
# 是否在文章页面显示原始 Markdown 文档链接
linkToMarkdown = true
# 文章页面的分享信息设置
[languages.zh.params.share]
enable = true
@@ -503,67 +398,6 @@ enableEmoji = true
# Skype = true
# Trello = true
# Mix = true
# 数学公式 (KaTeX https://katex.org/)
[languages.zh.params.math]
enable = true
# 默认内联定界符是 $ ... $ 和 \\( ... \\)
inlineLeftDelimiter = ""
inlineRightDelimiter = ""
# 默认块定界符是 $$ ... $$ 和 \\[ ... \\]
blockLeftDelimiter = ""
blockRightDelimiter = ""
# KaTeX 插件 copy_tex
copyTex = true
# KaTeX 插件 mhchem
mhchem = true
# CSS 和 JS 文件的 CDN 设置
[languages.zh.params.cdn]
## 例如 '<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.10.1/css/all.min.css" integrity="sha256-fdcFNFiBMrNfWL6OcAGQz6jDgNTRxnrLEd4vJYFWScE=" crossorigin="anonymous">'
fontawesomeFreeCSS = ''
animateCSS = ''
gitalkCSS = ''
gitalkJS = ''
valineJS = ''
lazysizesJS = ''
smoothScrollJS = ''
sharerJS = ''
katexCSS = ''
katexJS = ''
katexAutoRenderJS = ''
katexCopyTexCSS = ''
katexCopyTexJS = ''
katexMhchemJS = ''
mermaidJS = ''
echartsJS = ''
echartsMacaronsJS = ''
typeitJS = ''
aplayerCSS = ''
aplayerJS = ''
metingJS = ''
# 网站验证代码,用于 Google/Bing/Yandex/Pinterest/Baidu
[languages.zh.params.verification]
google = ""
bing = ""
yandex = ""
pinterest = ""
baidu = ""
# 出版者信息,仅用于 SEO
[languages.zh.params.publisher]
name = "xxxx"
[languages.zh.params.publisher.logo]
url = "logo.png"
width = 127
height = 40
# 网站图标信息,仅用于 SEO
[languages.zh.params.logo]
url = "logo.png"
width = 127
height = 40
# 网站图标信息,仅用于 SEO
[languages.zh.params.image]
url = "cover.png"
width = 800
height = 600
# 评论系统设置
[languages.zh.params.comment]
enable = true
@@ -598,6 +432,118 @@ enableEmoji = true
appId = ""
languageCode = "en_US"
[params]
# LoveIt theme version
# LoveIt 主题版本
version = "0.1.X"
# Header info
# 页面头部导航栏信息
[params.header]
# desktop header mode ("fixed", "normal", "auto")
# 桌面端导航栏模式 ("fixed", "normal", "auto")
desktopMode = "fixed"
# mobile header mode ("fixed", "normal", "auto")
# 移动端导航栏模式 ("fixed", "normal", "auto")
mobileMode = "auto"
# Footer Copyright Info
# 页面底部版权信息设置
[params.footer]
# Site creation time
# 网站创立年份
since = 2019
# ICP info only in China (HTML format is allowed)
# ICP 备案信息,仅在中国使用 (允许使用 HTML 格式)
icp = ""
# license info (HTML format is allowed)
# 许可协议信息 (允许使用 HTML 格式)
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>'
# Page config
# 文章页面配置
[params.page]
# whether to use lightgallery in the page
# 是否在文章页面使用 lightgallery
lightgallery = true
# whether to show link to Raw Markdown content of the post
# 是否在文章页面显示原始 Markdown 文档链接
linkToMarkdown = true
# mathematical formulas (KaTeX)
# 数学公式 (KaTeX https://katex.org/)
[params.math]
enable = true
# default block delimiter is $$ ... $$ and \\[ ... \\]
# 默认块定界符是 $$ ... $$ 和 \\[ ... \\]
blockLeftDelimiter = ""
blockRightDelimiter = ""
# default inline delimiter is $ ... $ and \\( ... \\)
# 默认内联定界符是 $ ... $ 和 \\( ... \\)
inlineLeftDelimiter = ""
inlineRightDelimiter = ""
# KaTeX extension copy_tex
# KaTeX 插件 copy_tex
copyTex = true
# KaTeX extension mhchem
# KaTeX 插件 mhchem
mhchem = true
# site verification code for Google/Bing/Yandex/Pinterest/Baidu
# 网站验证代码,用于 Google/Bing/Yandex/Pinterest/Baidu
[params.verification]
google = ""
bing = ""
yandex = ""
pinterest = ""
baidu = ""
# Publisher Info just for SEO
# 出版者信息,仅用于 SEO
[params.publisher]
name = "xxxx"
[params.publisher.logo]
url = "logo.png"
width = 127
height = 40
# Website Log Info just for SEO
# 网站 Logo 信息,仅用于 SEO
[params.logo]
url = "logo.png"
width = 127
height = 40
# Website Image Info just for SEO
# 网站图标信息,仅用于 SEO
[params.image]
url = "cover.png"
width = 800
height = 600
# CSS and JS Files CDN
# CSS 和 JS 文件的 CDN 设置
[params.cdn]
## for example '<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.10.1/css/all.min.css" integrity="sha256-fdcFNFiBMrNfWL6OcAGQz6jDgNTRxnrLEd4vJYFWScE=" crossorigin="anonymous">'
## 例如 '<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.10.1/css/all.min.css" integrity="sha256-fdcFNFiBMrNfWL6OcAGQz6jDgNTRxnrLEd4vJYFWScE=" crossorigin="anonymous">'
fontawesomeFreeCSS = ''
animateCSS = ''
gitalkCSS = ''
gitalkJS = ''
valineJS = ''
lazysizesJS = ''
lazysizesNativeLoadingJS = ''
lightgalleryCSS = ''
lightgalleryJS = ''
lightgalleryThumbnailJS = ''
lightgalleryZoomJS = ''
smoothScrollJS = ''
sharerJS = ''
katexCSS = ''
katexJS = ''
katexAutoRenderJS = ''
katexCopyTexCSS = ''
katexCopyTexJS = ''
katexMhchemJS = ''
mermaidJS = ''
echartsJS = ''
echartsMacaronsJS = ''
typeitJS = ''
aplayerCSS = ''
aplayerJS = ''
metingJS = ''
# Markup related configuration in Hugo
# Hugo 解析文档的配置
[markup]

View File

@@ -2,6 +2,8 @@
title: "About LoveIt"
date: 2019-08-02T11:04:49+08:00
draft: false
lightgallery: true
---
[LoveIt :(far fa-heart):](https://github.com/dillonzq/LoveIt) is a **clean**, **elegant** but **advanced** blog theme for [Hugo](https://gohugo.io/) developed by [Dillon](https://dillonzq.com).

View File

@@ -2,6 +2,8 @@
title: "关于 LoveIt"
date: 2019-08-02T11:04:49+08:00
draft: false
lightgallery: true
---
[LoveIt :(far fa-heart):](https://github.com/dillonzq/LoveIt) 是一个由 [Dillon](https://dillonzq.com) 开发的**简洁**、**优雅**且**高效**的 [Hugo](https://gohugo.io/) 博客主题。

View File

@@ -17,6 +17,7 @@ featuredImagePreview: ""
toc: true
autoCollapseToc: true
lightgallery: true
math: true
comment: true
---
@@ -688,22 +689,6 @@ function doIt() {
| ~~橙色~~ | 橘子 | **胡萝卜** |
| 绿色 | ~~***梨子***~~ | 菠菜 |
Class or Enum | Year | Month | Day | Hours | Minutes | Seconds* | Zone Offset | Zone ID | toString Output | Where Discussed
----------------------- | ------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------- |:-------------------------------------------------------------------------------------:|:-------------------------------------------------------------------------------------:|:-------------------------------------------------------------------------------------:| ------------------------------------------------------------------------------------- |:-------------------------------------------------------------------------------------:|:-------------------------------------------------------------------------------------:| -------------------------------------------------- | ---------------------------------------------------------------------------------------------------
`Instant` | | | | | | <center>![checked](/favicon-16x16.png)</center> | | | `2013-08-20T15:16:26.355Z` | [Instant Class](https://docs.oracle.com/javase/tutorial/datetime/iso/instant.html)
`LocalDate` | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | | | | | | `2013-08-20` | [Date Classes](https://docs.oracle.com/javase/tutorial/datetime/iso/date.html)
`LocalDateTime` | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | | | `2013-08-20T08:16:26.937` | [Date and Time Classes](https://docs.oracle.com/javase/tutorial/datetime/iso/datetime.html)
`ZonedDateTime` | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | `2013-08-21T00:16:26.941+09:00[Asia/Tokyo]` | [Time Zone and Offset Classes](https://docs.oracle.com/javase/tutorial/datetime/iso/timezones.html)
`LocalTime` | | | | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | | | `08:16:26.943` | [Date and Time Classes](https://docs.oracle.com/javase/tutorial/datetime/iso/datetime.html)
`MonthDay` | | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | | | | | | `--08-20` | [Date Classes](https://docs.oracle.com/javase/tutorial/datetime/iso/date.html)
`Year` | <center>![checked](/favicon-16x16.png)</center> | | | | | | | | `2013` | [Date Classes](https://docs.oracle.com/javase/tutorial/datetime/iso/date.html)
`YearMonth` | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | | | | | | | `2013-08` | [Date Classes](https://docs.oracle.com/javase/tutorial/datetime/iso/date.html)
`Month` | | <center>![checked](/favicon-16x16.png)</center> | | | | | | | `AUGUST` | [DayOfWeek and Month Enums](https://docs.oracle.com/javase/tutorial/datetime/iso/enum.html)
`OffsetDateTime` | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | | `2013-08-20T08:16:26.954-07:00` | [Time Zone and Offset Classes](https://docs.oracle.com/javase/tutorial/datetime/iso/timezones.html)
`OffsetTime` | | | | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | | `08:16:26.957-07:00` | [Time Zone and Offset Classes](https://docs.oracle.com/javase/tutorial/datetime/iso/timezones.html)
`Duration` | | | \** | \** | \** | <center>![checked](/favicon-16x16.png)</center> | | | `PT20H` (20 hours) | [Period and Duration](https://docs.oracle.com/javase/tutorial/datetime/iso/period.html)
`Period` | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | <center>![checked](/favicon-16x16.png)</center> | | | | \*** | \*** | `P10D` (10 days) | [Period and Duration](https://docs.oracle.com/javase/tutorial/datetime/iso/period.html)
## Smart Strong
```

View File

@@ -17,34 +17,9 @@ featuredImagePreview: ""
toc: false
autoCollapseToc: true
lightgallery: true
math: false
comment: true
---
<!--more-->
```
content
├── level-one
│ ├── level-two
│ │ ├── level-three
│ │ │ ├── level-four
│ │ │ │ ├── _index.md <-- /level-one/level-two/level-three/level-four
│ │ │ │ ├── page-4-a.md <-- /level-one/level-two/level-three/level-four/page-4-a
│ │ │ │ ├── page-4-b.md <-- /level-one/level-two/level-three/level-four/page-4-b
│ │ │ │ └── page-4-c.md <-- /level-one/level-two/level-three/level-four/page-4-c
│ │ │ ├── _index.md <-- /level-one/level-two/level-three
│ │ │ ├── page-3-a.md <-- /level-one/level-two/level-three/page-3-a
│ │ │ ├── page-3-b.md <-- /level-one/level-two/level-three/page-3-b
│ │ │ └── page-3-c.md <-- /level-one/level-two/level-three/page-3-c
│ │ ├── _index.md <-- /level-one/level-two
│ │ ├── page-2-a.md <-- /level-one/level-two/page-2-a
│ │ ├── page-2-b.md <-- /level-one/level-two/page-2-b
│ │ └── page-2-c.md <-- /level-one/level-two/page-2-c
│ ├── _index.md <-- /level-one
│ ├── page-1-a.md <-- /level-one/page-1-a
│ ├── page-1-b.md <-- /level-one/page-1-b
│ └── page-1-c.md <-- /level-one/page-1-c
├── _index.md <-- /
└── page-top.md <-- /page-top
```

View File

@@ -17,6 +17,7 @@ featuredImagePreview: ""
toc: false
autoCollapseToc: true
lightgallery: true
math: false
comment: true
---

View File

@@ -17,6 +17,7 @@ featuredImagePreview: ""
toc: false
autoCollapseToc: true
lightgallery: true
math: false
comment: true
---

View File

@@ -17,6 +17,7 @@ featuredImagePreview: ""
toc: true
autoCollapseToc: true
lightgallery: true
math: true
comment: true
---

View File

@@ -17,6 +17,7 @@ featuredImagePreview: ""
toc: false
autoCollapseToc: true
lightgallery: true
math: false
comment: true
---

View File

@@ -17,6 +17,7 @@ featuredImagePreview: ""
toc: false
autoCollapseToc: true
lightgallery: true
math: false
comment: true
---

View File

@@ -17,12 +17,13 @@ featuredImagePreview: ""
toc: true
autoCollapseToc: true
lightgallery: true
math: true
comment: false
dev: true
---
## :(fas fa-rocket): This is a test page
## & :(fas fa-rocket): This is a test page
[https://www.aol.com/article/entertainment/2020/02/10/oscars-viewership-hits-new-low-with-236-million-viewers/23923047/](https://www.aol.com/article/entertainment/2020/02/10/oscars-viewership-hits-new-low-with-236-million-viewers/23923047/)
@@ -30,6 +31,12 @@ Test all features in development.
<!--more-->
## Test Img
![Web Image 1](https://static.dillonzq.com/images/20190817130904-U6cPUk.jpg "Web Image")
![Local Image](/images/Apple-Devices-Preview.png "Local Image")
## Test Code
### Inline code
@@ -43,11 +50,11 @@ class DataHolder<T>{
T item;
public void setData(T t) {
this.item=t;
this.item=t;
}
public T getData() {
return this.item;
return this.item;
}
}
```
@@ -384,10 +391,6 @@ Here is a story about love...
int a = 1;
{{< /typeit >}}
## Test Img
![Gif](https://static.dillonzq.com/images/20190817130904-U6cPUk.jpg "Title")
## Test Align
{{% align right %}}