总字数 <%= wordcount(post.content) %>
|
预计阅读时间 <%= min2read(post.content) %> 分钟
+ <% } %>
<%- post.content %>
<% } %>
-
<% if ((theme.reward_type === 2 || (theme.reward_type === 1 && post.reward)) && !index){ %>
diff --git a/themes/yilia/source-src/config/photo-wall.json b/themes/yilia/source-src/config/photo-wall.json
new file mode 100644
index 0000000..c8c0411
--- /dev/null
+++ b/themes/yilia/source-src/config/photo-wall.json
@@ -0,0 +1,30 @@
+[
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00001.jpg"},
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00002.jpg"},
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00003.jpg"},
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00004.jpg"},
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00005.jpg"},
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00006.png"},
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00007.jpg"},
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00001.jpg"},
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00002.jpg"},
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00003.jpg"},
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00004.jpg"},
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00005.jpg"},
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00006.png"},
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00007.jpg"},
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00001.jpg"},
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00002.jpg"},
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00003.jpg"},
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00004.jpg"},
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00005.jpg"},
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00006.png"},
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00007.jpg"},
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00001.jpg"},
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00002.jpg"},
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00003.jpg"},
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00004.jpg"},
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00005.jpg"},
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00006.png"},
+ {"url":"https://blog-cdn.nos-eastchina1.126.net/photo-wall/pic00007.jpg"}
+]
\ No newline at end of file
diff --git a/themes/yilia/source-src/css/main.scss b/themes/yilia/source-src/css/main.scss
index dc8100f..7eb2d75 100644
--- a/themes/yilia/source-src/css/main.scss
+++ b/themes/yilia/source-src/css/main.scss
@@ -19,6 +19,7 @@
@import "./footer";
@import "./waifu";
@import "./night";
+@import "./page/photo-wall";
@media screen and (max-width: 800px) {
@import "./mobile";
@import "./mobile-slider";
diff --git a/themes/yilia/source-src/css/page/photo-wall.scss b/themes/yilia/source-src/css/page/photo-wall.scss
new file mode 100644
index 0000000..0bcf3e5
--- /dev/null
+++ b/themes/yilia/source-src/css/page/photo-wall.scss
@@ -0,0 +1,21 @@
+/*
+* 照片墙页面专用css
+*/
+// 瀑布流最外层
+#photo-wall {
+ margin: 0 auto;
+ column-count: auto;
+ column-width: 240px;
+ column-gap: 20px;
+ // 每一列图片包含层
+ .item {
+ margin-bottom: 20px;
+ // 防止多列布局，分页媒体和多区域上下文中的意外中断
+ break-inside: avoid;
+ }
+ // 图片
+ .item-img {
+ width: 100%;
+ vertical-align: middle;
+ }
+}
diff --git a/themes/yilia/source-src/js/fix.js b/themes/yilia/source-src/js/fix.js
index 721ce91..ebf2933 100644
--- a/themes/yilia/source-src/js/fix.js
+++ b/themes/yilia/source-src/js/fix.js
@@ -8,21 +8,11 @@ function init() {
$nav.innerHTML = $nav.innerHTML + 'Next »'
}
- // 新窗口打开
- if (yiliaConfig && yiliaConfig.open_in_new) {
- let $a = document.querySelectorAll(('.article-entry a:not(.article-more-a)'))
- $a.forEach(($em) => {
- let target = $em.getAttribute('target');
- if (!target || target === '') {
- $em.setAttribute('target', '_blank');
- }
- })
- }
// 目录序号
if (yiliaConfig && yiliaConfig.toc_hide_index) {
- let $a = document.querySelectorAll(('.toc-number'))
+ let $a = document.querySelectorAll('.toc-number')
Array.prototype.forEach.call($a, function($em){
- $em.style.display = 'none';
+ $em.style.display = 'none'
})
}
}
diff --git a/themes/yilia/source-src/js/main.js b/themes/yilia/source-src/js/main.js
index a6612d1..4c862bc 100644
--- a/themes/yilia/source-src/js/main.js
+++ b/themes/yilia/source-src/js/main.js
@@ -16,6 +16,11 @@ Util.addLoadEvent(function() {
})
const commentConfig = require("../config/comment.json")
if(window.yiliaConfig.isPost && commentConfig.valine.enable) {
- // 如果是文章详情页面, 并且启用了评论, 则加载评论相关代码
+ // 文章详情页面, 并且启用了评论, 则加载评论相关代码
import(/* webpackChunkName: "comment" */ './comment')
+}
+
+if(window.yiliaConfig.pageid === 'PhotoWall') {
+ // 自定义的照片墙页面
+ import(/* webpackChunkName: "photo-wall" */ './photo-wall')
}
\ No newline at end of file
diff --git a/themes/yilia/source-src/js/photo-wall.js b/themes/yilia/source-src/js/photo-wall.js
new file mode 100644
index 0000000..629b674
--- /dev/null
+++ b/themes/yilia/source-src/js/photo-wall.js
@@ -0,0 +1,13 @@
+import photoWallJson from '../config/photo-wall.json'
+
+var content = '
'
+photoWallJson.forEach(item => {
+ content += `
+
+
+
+ `
+})
+content += '
'
+
+document.getElementById('photo-wall').innerHTML = content
\ No newline at end of file
diff --git a/themes/yilia/source-src/js/viewer.js b/themes/yilia/source-src/js/viewer.js
index fb908c5..a616cf7 100644
--- a/themes/yilia/source-src/js/viewer.js
+++ b/themes/yilia/source-src/js/viewer.js
@@ -36,6 +36,6 @@ function init() {
}
// export default { init }
-Util.addLoadEvent(function() {
- init()
-})
\ No newline at end of file
+if(!window.yiliaConfig.pageid) { // 非个性化页面的普通文章
+ Util.addLoadEvent(init)
+}
\ No newline at end of file