github/hexo-theme-next
1
0
Fork 0
mirror of https://github.com/next-theme/hexo-theme-next.git synced 2026-01-20 19:02:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add hyperlink support to group-pictures (#143)

Browse Source
This commit is contained in:
No.5972 2020-11-19 06:38:50 -06:00 committed by GitHub
parent 4581626dc3
commit 54b4b4cc56
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 23 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
scripts/tags/group-pictures.js
View File

@ -126,7 +126,7 @@ module.exports = ctx => function(args, content) {
content = ctx.render.renderSync({ text: content, engine: 'markdown' }); content = ctx.render.renderSync({ text: content, engine: 'markdown' });
const pictures = content.match(/<img[\s\S]*?>/g); const pictures = content.match(/(<a[^>]*>((?!<\/a)(.|\n))+<\/a>)|(<img[^>]+>)/g);
return `<div class="group-picture">${templates.dispatch(pictures, group, layout)}</div>`; return `<div class="group-picture">${templates.dispatch(pictures, group, layout)}</div>`;
}; };

26
test/tags/group-pictures.js
View File

@ -4,6 +4,9 @@ require('chai').should();
const Hexo = require('hexo'); const Hexo = require('hexo');
const hexo = new Hexo(); const hexo = new Hexo();
const link = '<div class="group-picture-column"><a href="https://theme-next.js.org/"><img src="/images/sample.png"></a></div>';
const image = '<div class="group-picture-column"><img src="/images/sample.png"></div>';
describe('group-pictures', () => { describe('group-pictures', () => {
const groupPicture = require('../../scripts/tags/group-pictures')(hexo); const groupPicture = require('../../scripts/tags/group-pictures')(hexo);
@ -13,7 +16,7 @@ describe('group-pictures', () => {
groupPicture(['3-1'], ` groupPicture(['3-1'], `
![](/images/sample.png) ![](/images/sample.png)
![](/images/sample.png) ![](/images/sample.png)
![](/images/sample.png)`).should.eql('<div class="group-picture"><div class="group-picture-row"><div class="group-picture-column"><img src="/images/sample.png"></div><div class="group-picture-column"><img src="/images/sample.png"></div><div class="group-picture-column"><img src="/images/sample.png"></div></div></div>'); ![](/images/sample.png)`).should.eql(`<div class="group-picture"><div class="group-picture-row">${image}${image}${image}</div></div>`);
}); });
it('layout 5-2', () => { it('layout 5-2', () => {
@ -22,7 +25,7 @@ describe('group-pictures', () => {
![](/images/sample.png) ![](/images/sample.png)
![](/images/sample.png) ![](/images/sample.png)
![](/images/sample.png) ![](/images/sample.png)
![](/images/sample.png)`).should.eql('<div class="group-picture"><div class="group-picture-row"><div class="group-picture-column"><img src="/images/sample.png"></div><div class="group-picture-column"><img src="/images/sample.png"></div></div><div class="group-picture-row"><div class="group-picture-column"><img src="/images/sample.png"></div></div><div class="group-picture-row"><div class="group-picture-column"><img src="/images/sample.png"></div><div class="group-picture-column"><img src="/images/sample.png"></div></div></div>'); ![](/images/sample.png)`).should.eql(`<div class="group-picture"><div class="group-picture-row">${image}${image}</div><div class="group-picture-row">${image}</div><div class="group-picture-row">${image}${image}</div></div>`);
}); });
it('remove text', () => { it('remove text', () => {
@ -31,7 +34,22 @@ describe('group-pictures', () => {
Text Text
![](/images/sample.png) ![](/images/sample.png)
Text Text
![](/images/sample.png)`).should.eql('<div class="group-picture"><div class="group-picture-row"><div class="group-picture-column"><img src="/images/sample.png"></div><div class="group-picture-column"><img src="/images/sample.png"></div><div class="group-picture-column"><img src="/images/sample.png"></div></div></div>'); ![](/images/sample.png)`).should.eql(`<div class="group-picture"><div class="group-picture-row">${image}${image}${image}</div></div>`);
});
it('set hyperlinks', () => {
groupPicture(['4-3'], `
![](/images/sample.png)
[![](/images/sample.png)](https://theme-next.js.org/)
[![](/images/sample.png)](https://theme-next.js.org/)
![](/images/sample.png)`).should.eql(`<div class="group-picture"><div class="group-picture-row">${image}${link}</div><div class="group-picture-row">${link}${image}</div></div>`);
});
it('set hyperlinks 2', () => {
groupPicture(['3-1'], `
![](/images/sample.png)
[![](/images/sample.png)](https://theme-next.js.org/)
![](/images/sample.png)`).should.eql(`<div class="group-picture"><div class="group-picture-row">${image}${link}${image}</div></div>`);
}); });
it('no layout', () => { it('no layout', () => {
@ -40,6 +58,6 @@ Text
![](/images/sample.png) ![](/images/sample.png)
![](/images/sample.png) ![](/images/sample.png)
![](/images/sample.png) ![](/images/sample.png)
![](/images/sample.png)`).should.eql('<div class="group-picture"><div class="group-picture-row"><div class="group-picture-column"><img src="/images/sample.png"></div><div class="group-picture-column"><img src="/images/sample.png"></div><div class="group-picture-column"><img src="/images/sample.png"></div></div><div class="group-picture-row"><div class="group-picture-column"><img src="/images/sample.png"></div><div class="group-picture-column"><img src="/images/sample.png"></div></div></div>'); ![](/images/sample.png)`).should.eql(`<div class="group-picture"><div class="group-picture-row">${image}${image}${image}</div><div class="group-picture-row">${image}${image}</div></div>`);
}); });
}); });