🔥 📝 Fixed #148 Add English language support.
40
exampleSite/content/post/06-image-viewer/index.en-us.md
Normal file
@@ -0,0 +1,40 @@
|
||||
---
|
||||
title: "Image browsing Tool"
|
||||
description: "By default, images within the article will be browsed. Clicking on an image will display a larger image, while clicking on a blank space will close it."
|
||||
Keywords: "image, image, browser, photo album"
|
||||
|
||||
date: 2025-01-25T21:28:12+08:00
|
||||
lastmod: 2025-01-25T21:28:12+08:00
|
||||
|
||||
categories:
|
||||
- Example
|
||||
|
||||
tags:
|
||||
- Image
|
||||
- Album
|
||||
- Browse
|
||||
|
||||
url: "demo/image-viewer.html"
|
||||
toc: false
|
||||
expired: true
|
||||
---
|
||||
|
||||
This theme comes with an image browser function that supports browsing images that appear in the article area. Clicking on an image can view a larger image, while clicking on a blank space can close it. No need to configure any parameters, just add image information at the corresponding position in the article.
|
||||
|
||||
<!--more-->
|
||||
|
||||
The image browser referenced [fengyuanchen](https://fengyuanchen.github.io/) Developed [viewerjs](https://fengyuanchen.github.io/viewerjs/) Supports displaying image name, size, rotation, scaling, playback, and other functions. You can click on the following example image to view the experience:
|
||||
|
||||
## Animals
|
||||
|
||||

|
||||

|
||||

|
||||

|
||||
|
||||
## Scenery
|
||||
|
||||

|
||||

|
||||

|
||||

|
||||
40
exampleSite/content/post/06-image-viewer/index.md
Normal file
@@ -0,0 +1,40 @@
|
||||
---
|
||||
title: "图像浏览工具 "
|
||||
description: "默认会对文章内的图片, 进行图片浏览,点击图片可以查看大图,点击空白处可以关闭。"
|
||||
keywords: "image,图像,浏览器,相册"
|
||||
|
||||
date: 2024-07-21T10:28:12+08:00
|
||||
lastmod: 2024-07-21T10:28:12+08:00
|
||||
|
||||
categories:
|
||||
- 示例文章
|
||||
|
||||
tags:
|
||||
- 图像
|
||||
- 相册
|
||||
- 浏览
|
||||
|
||||
url: "/demo/image-viewer.html"
|
||||
toc: false
|
||||
expired: true
|
||||
---
|
||||
|
||||
本主题自带图像浏览器功能,支持对文章区域内出现的图片进行浏览,点击图片可以查看大图,点击空白处可以关闭。不需要配置任何参数,只要在文章里面相应的位置添加图片信息即可 。
|
||||
|
||||
<!--more-->
|
||||
|
||||
图像浏览器引用了 [fengyuanchen](https://fengyuanchen.github.io/) 开发的 [viewerjs](https://fengyuanchen.github.io/viewerjs/),支持显示图像名称,尺寸,旋转,缩放,播放等功能。可点击如下的示例图像查看体验:
|
||||
|
||||
## 动物
|
||||
|
||||

|
||||

|
||||

|
||||

|
||||
|
||||
## 风景
|
||||
|
||||

|
||||

|
||||

|
||||

|
||||
|
After Width: | Height: | Size: 62 KiB |
|
After Width: | Height: | Size: 147 KiB |
|
After Width: | Height: | Size: 95 KiB |
|
After Width: | Height: | Size: 120 KiB |
|
After Width: | Height: | Size: 103 KiB |
|
After Width: | Height: | Size: 59 KiB |
|
After Width: | Height: | Size: 121 KiB |
|
After Width: | Height: | Size: 117 KiB |