博客更换ICARUS主题

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

navbar:
    # Navigation bar menu links
    menu:
        首页: /
        归档: /archives/
        资料: /keep/
        友链: /links/
        统计: /laboratory
        相册: /photos/
        关于: /about/
        索引: /sitemap.xml
    links:
        Download on GitHub:
            icon: fab fa-github
            url: 'https://github.com/lxqxsyu'

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

footer:
    # Links to be shown on the right of the footer section
    links:
        Creative Commons:
            icon: fab fa-creative-commons
            url: 'https://creativecommons.org/'
        Attribution 4.0 International:
            icon: fab fa-creative-commons-by
            url: 'https://creativecommons.org/licenses/by/4.0/'
        Download on GitHub:
            icon: fab fa-github
            url: 'https://github.com/lxqxsyu'

1
2

plugins:
    gallery: true

1
2
3
4
5
6
7
8
9

<div class="justified-gallery">
![Elephant](/hexo-theme-icarus/gallery/animals/elephant.jpeg)
![Dog](/hexo-theme-icarus/gallery/animals/dog.jpeg)
![Birds](/hexo-theme-icarus/gallery/animals/birds.jpeg)
![Cat](/hexo-theme-icarus/gallery/animals/cat.jpeg)
![Fox](/hexo-theme-icarus/gallery/animals/fox.jpeg)
![Horse](/hexo-theme-icarus/gallery/animals/horse.jpeg)
![Leopard](/hexo-theme-icarus/gallery/animals/leopard.jpeg)
</div>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

diff --git a/includes/helpers/layout.js b/includes/helpers/layout.js
index 7fd6c07..6bfd0b3 100644
--- a/includes/helpers/layout.js
+++ b/includes/helpers/layout.js
@@ -32,6 +32,9 @@ module.exports = function (hexo) {
 
     hexo.extend.helper.register('column_count', function () {
         let columns = 1;
+        if (this.page.__post === true || this.page.__page === true) {
+            return 2;
+        }
         const hasColumn = hexo.extend.helper.get('has_column').bind(this);
         columns += hasColumn('left') ? 1 : 0;
         columns += hasColumn('right') ? 1 : 0;
diff --git a/layout/common/widget.ejs b/layout/common/widget.ejs
index 9f58bd5..c6b267c 100644
--- a/layout/common/widget.ejs
+++ b/layout/common/widget.ejs
@@ -25,7 +25,7 @@
         <%- partial('widget/' + widget.type, { widget, post: page }) %>
     <% }) %>
     <% if (position === 'left') { %>
-        <div class="column-right-shadow is-hidden-widescreen <%= sticky_class('right') %>">
+        <div class="column-right-shadow <%= (page.__page !== true && page.__post !== true) ? 'is-hidden-widescreen' : '' %> <%= sticky_class('right') %>">
         <% get_widgets('right').forEach(widget => {%>
             <%- partial('widget/' + widget.type, { widget, post: page }) %>
         <% }) %>
diff --git a/layout/layout.ejs b/layout/layout.ejs
index cf7be87..b76c9e6 100644
--- a/layout/layout.ejs
+++ b/layout/layout.ejs
@@ -21,7 +21,9 @@
             <div class="columns">
                 <div class="column <%= main_column_class() %> has-order-2 column-main"><%- body %></div>
                 <%- partial('common/widget', { position: 'left' }) %>
+                <% if (page.__page !== true && page.__post !== true) { %>
                 <%- partial('common/widget', { position: 'right' }) %>
+                <% } %>
             </div>
         </div>
     </section>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

@media screen and (min-width: screen-widescreen)
    .is-1-column .container
    .is-2-column .container
        max-width: screen-widescreen - 2 * gap
        width: screen-widescreen - 2 * gap
@media screen and (min-width: screen-fullhd)
    .is-2-column .container
        max-width: screen-fullhd - 2 * gap
        width: screen-fullhd - 2 * gap
    .is-1-column .container
        max-width: screen-desktop - 2 * gap
        width: screen-desktop - 2 * gap

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

    <% function main_column_class() {
        switch (column_count()) {
            case 1:
                return 'is-12';
            case 2:
                return 'is-8-tablet is-9-desktop is-9-widescreen';
            case 3:
                return 'is-8-tablet is-8-desktop is-6-widescreen'
        }
        return '';
    } %>

1
2
3
4
5
6
7
8
9

<% function side_column_class() {
    switch (column_count()) {
        case 2:
            return 'is-4-tablet is-3-desktop is-3-widescreen';
        case 3:
            return 'is-4-tablet is-4-desktop is-3-widescreen';
    }
    return '';
} %>

1
2
3

plugins:
    #51.la统计
    tj51la: true

1
2
3

<% if (has_config('plugins.tj51la') ? get_config('plugins.tj51la') : false) { %>
                
<% } %>

1
2
3
4
5

<% if (plugin !== false) { %>
    <% if (head) { %>
        <script type="text/javascript" src="https://js.users.51.la/xxxxxx.js"></script>
    <% } %>
<% } %>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

+ <% if (page.__page !== true && page.__post !== true) { %>
<% if (site.tags.length) { %>
<div class="card widget">
    <div class="card-content">
        <h3 class="menu-label">
            <%= __('widget.tag_cloud') %>
        </h3>
        <%- tagcloud() %>
    </div>
</div>
<% } %>
+ <% } %>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

<div class="column <%= side_column_class() %> <%= visibility_class() %> <%= order_class() %> column-<%= position %> <%= sticky_class(position) %>">
    <% get_widgets(position, column_count()).forEach(widget => {%>
        <%- partial('widget/' + widget.type, { widget, post: page }) %>
    <% }) %>
    <% if (position === 'left') { %>
        <div class="column-right-shadow <%= (page.__page !== true && page.__post !== true) ? 'is-hidden-widescreen' : '' %> <%= sticky_class('right') %>">
-       <% get_widgets('right', column_count()).forEach(widget => {%>
+		    <% get_widgets(right, column_count()).forEach(widget => { if(widget.type !== 'tag'){%>
                <%- partial('widget/' + widget.type, { widget, post: page }) %>
-        <% }) %>
+        <% }}) %>
        </div>
    <% } %>
</div>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

hexo.extend.helper.register('get_widgets_by_columns', function(position, column) {
  const hasWidgets = hexo.extend.helper.get('has_config').bind(this)('widgets');
  if (!hasWidgets) {
    return [];
  }
  const widgets = hexo.extend.helper.get('get_config').bind(this)('widgets');
  for(var i=0; i<widgets.length; ++i){
    if(widgets[i].type === 'recent_posts'){
      widgets[i].position = (column === 2 ? 'left' : 'right');
    }
  }
  return widgets.filter(widget => widget.hasOwnProperty('position') && widget.position === position); 
});

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

<div class="column <%= side_column_class() %> <%= visibility_class() %> <%= order_class() %> column-<%= position %> <%= sticky_class(position) %>">
-   <% get_widgets(position, column_count()).forEach(widget => {%>
+   <% get_widgets_by_columns(position, column_count()).forEach(widget => {%>
        <%- partial('widget/' + widget.type, { widget, post: page }) %>
    <% }) %>
    <% if (position === 'left') { %>
        <div class="column-right-shadow <%= (page.__page !== true && page.__post !== true) ? 'is-hidden-widescreen' : '' %> <%= sticky_class('right') %>">
-        <% get_widgets('right', column_count()).forEach(widget => { if(widget.type !== 'tag'){%>
+        <% get_widgets_by_columns('right', column_count()).forEach(widget => { if(widget.type !== 'tag'){%>
                <%- partial('widget/' + widget.type, { widget, post: page }) %>
        <% }}) %>
        </div>
    <% } %>
</div>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

hexo.extend.helper.register('has_random_recent_thumbnail', function (post) {
    const getConfig = hexo.extend.helper.get('get_config').bind(this);
    return getConfig('article.random_recent_thubnail', true);
});

hexo.extend.helper.register('get_random_recent_thumbnail', function (post) {
  const autothubnail = hexo.extend.helper.get('has_random_recent_thumbnail').bind(this)(post);
  var url = "images/thumbnail.svg";
  if(autothubnail){
    url = "/photos/life/image" + Math.floor(Math.random()*26) + ".jpg";
  }
  return this.url_for(url);
});

1
2

article:
		random_recent_thubnail: true

1
2
3
4
5
6
7
8
9

- <% if(!has_config('thumbnail') || get_config('thumbnail') !== false) { %>
+ <% if (!has_config('article.random_recent_thubnail') || get_config('article.random_recent_thubnail') !== false) { %>
<a href="<%- url_for((post.link?post.link:post.path)) %>" class="media-left">
    <p class="image is-64x64">
- 			 <img class="thumbnail" src="<%= get_thumbnail(post) %>" alt="<%= post.title %>">
+        <img class="thumbnail" src="<%= get_random_recent_thumbnail(post) %>" alt="<%= post.title %>">
    </p>
</a>
<% } %>

1
2
3
4
5

<div class="justified-gallery">
![Elephant](/hexo-theme-icarus/gallery/animals/elephant.jpeg)
......
    
</div>

1
2
3
4
5
6
7
8
9

document.addEventListener('DOMContentLoaded', function () {
    if (typeof ($.fn.lightGallery) === 'function') {
-       $('.article').lightGallery({ selector: '.gallery-item'});
+       $('.article').lightGallery({ selector: '.gallery-item', loop: true, escKey: true, keyPress: true});
    }
    if (typeof ($.fn.justifiedGallery) === 'function') {
        $('.justified-gallery').justifiedGallery({rowHeight:160, margins:4});
    }
});

1
2
3
4
5
6
7
8
9

document.addEventListener('DOMContentLoaded', function () {
    if (typeof ($.fn.lightGallery) === 'function') {
        $('.article').lightGallery({ selector: '.gallery-item' });
    }
    if (typeof ($.fn.justifiedGallery) === 'function') {
-       $('.justified-gallery').justifiedGallery();
+       $('.justified-gallery').justifiedGallery({rowHeight:160, margins:4});
    }
});

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

$('.article img:not(".not-gallery-item")').each(function () {
    // wrap images with link and add caption if possible
    if ($(this).parent('a').length === 0) {
-       $(this).wrap('<a class="gallery-item" href="' + $(this).attr('src') + '"></a>');        
+       $(this).wrap('<a class="gallery-item" style="display:block;text-align:center;" href="' + $(this).attr('src') + '"></a>');
        if (this.alt) {
            $(this).after('<div class="has-text-centered is-size-6 has-text-grey caption">' + this.alt + '</div>');
        }
    }
});

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

.article
    .article-meta
        margin-bottom: 0.5rem !important
    .content
        font-size: 1.1rem
        blockquote.pullquote
            float: right
            max-width: 50%
            font-size: 1.15rem
            position: relative
+       a
+           img
+               margin: auto
+               display: block