lzane / hexo-light-gallery Goto Github PK
View Code? Open in Web Editor NEWGenerate gallery using light gallery for Hexo 图片预览 照片墙
Generate gallery using light gallery for Hexo 图片预览 照片墙
I have been tried to use the lightgallery plugins those been provided in readme, however it seems they could not be loaded properly. The error in the console was "Uncaught SyntaxError: Unexpected token <". I have tried adding plugins in _config.yml
and index.js
in the plugin. Maybe I didn't get it the right way.
Sorry to trouble you.
I want to know how to enable the lg-zoom plug-in?
I download the lg-zoom.js and put it in \source, then edit the _config.yml like this
lightgallery:
# if you don't specify the css or js source, the default cdn will be used.
# css: # css source url
# js: #js source url
# sorry that I can not find any cdn hosting following plugins,
# please self-host the plugin js and add url here
plugins:
# lg-thumbnail:
lg-zoom:"http://localhost:4000/lg-zoom.js/dist/lg-zoom.min.js"
But it can't work.
Hope you could give me some advices.
我使用的是icarus主题,安装了hexo-lazyload-image插件后,点击图片放大会一直显示loading图片,无法显示真实图片,请问是否有解决办法?
和hexo-all-minifier 有冲突,压缩HTML后出现如下报错
Cannot read property 'replace' of null
报错的来源可能是 renderer.js
function wrapImage(data){
data.content = data.content.replace(imgRgr, function replace(match){
var res = '<a ';
期望修复它
There is a conflict with hexo-all-minifier . After compressing HTML, the following error is reported
Cannot read property 'replace' of null
The source of the error may be renderer.js
function wrapImage(data){
data.content = data.content.replace(imgRgr, function replace(match){
var res = '<a ';
Expect to fix it
This plugin looks promising but I have no idea how to use it. More documentation and an example would be nice.
链接如下:
https://www.jsdelivr.com/?query=author%3A%20sachinchoolur
lightgallery:
js: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/js/lightgallery.min.js'
css: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/css/lightgallery.min.css'
plugins:
lg-thumbnail.js: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/lg-thumbnail.min.js'
lg-fullscreen.js: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/lg-fullscreen.min.js'
lg-zoom.js: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/lg-zoom.min.js'
lg-autoplay.js: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/lg-autoplay.min.js'
lg-video.js: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/lg-video.min.js'
lg-hash.js: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/lg-hash.min.js'
lg-pager.js: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/lg-pager.min.js'
Hi, I want to use this gallery plugin on my hexo blog. But the function seems to OVERLAY with the HEXO default image displaying.
For example, I included 3 images img1.jpg img2.jpg img3.jpm
in the post. When the site is served, I did not see a gallery, just 3 individual pictures. But when you click on the picture, you can see the lightgallery zoom-in window overlay with the default zoom-in window.
Is there a way to fix that?
theme: hexo-next, hexo-lanscape
_config.yml:
lightgallery: # all options comment-out/no plugin
in post (asset_folder true):
<div id="gallery">
{% asset_img img1.jpg img1 %}
{% asset_img img2.jpg img2 %}
{% asset_img img3.jpg img3 %}
`
Check:
css, script, .js are all present in page's source file.
你好,这个插件是直接用npm install --save hexo-light-gallery
安装后就可用吗?但是我这里好像无效。你在READMEd的Usage中说要安装lightgallery.js,我就又把它下载放到hexo主题文件夹下的source/js
目录,可还是无效。所以想请教你一下正确的方式应该是什么,谢谢~
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.