β-0.0.6

• 优化深色样式代码。

2020年03月23日01:40:04
修改 modify.js 文件。

// 深色样式
function toggleStyle() {
    if (localStorage.getItem("theme") == 'dark') {
        setStyleLight();
    } else {
        setStyleDark();
    }
}
function setStyleDark() {
    $('body').addClass('mdui-theme-layout-dark');
    localStorage.setItem("theme", "dark");
}
function setStyleLight() {
    $('body').removeClass('mdui-theme-layout-dark');
    localStorage.setItem("theme", "light");
}
if ("undefined" != typeof Storage) {
    "dark" === localStorage.getItem("theme") && setStyleDark();
}
if ("light" != typeof Storage) {
    "light" === localStorage.getItem("theme") && setStyleLight();
}
$('#DarkStyle').click(function() {
    toggleStyle();
});

// 深色样式
function toggleStyle() {
    if (localStorage.getItem("style") != '') {
        if (localStorage.getItem("style") == 'dark') {
            setStyleLight();
        } else {
            setStyleDark();
        }
    } else {
        var time = (new Date).getHours();
        if('6' < time && time < '18') {
            setStyleLight()
        }
    }
}
function setStyleDark() {
    $('body').addClass('mdui-theme-layout-dark');
    localStorage.setItem("style", "dark");
}
function setStyleLight() {
    $('body').removeClass('mdui-theme-layout-dark');
    localStorage.setItem("style", "light");
}
if ("light" != typeof Storage) {
    "light" === localStorage.getItem("style") && setStyleLight();
}
$('#DarkStyle').click(function() {
    toggleStyle();
});

2020年03月23日01:42:38

• 优化文章页头图显示。

2020年03月27日21:45:24
修改 modify.css 文件。

#post .mdui-card-media img {
    max-height: 75vh;
}

2020年03月27日21:46:00

• 减少在不必要页面中引入，多余的样式或脚本。

2020年03月30日11:00:17
2020年03月30日11:00:32
修改 footer.ejs 文件。

<script src="<%= themeConfig.domain %>/media/js/jquery.min.js"></script>
<script src="<%= themeConfig.domain %>/media/js/mdui.min.js"></script>
<script src="<%= themeConfig.domain %>/media/js/highlight.min.js"></script>
<script src="<%= themeConfig.domain %>/media/js/lightense.min.js"></script>
<script src="<%= themeConfig.domain %>/media/js/masonry.pkgd.min.js"></script>
<script src="<%= themeConfig.domain %>/media/js/imagesloaded.pkgd.min.js"></script>
<script src="<%= themeConfig.domain %>/media/js/modify.js"></script>

<script src="<%= themeConfig.domain %>/media/js/jquery.min.js"></script>
<script src="<%= themeConfig.domain %>/media/js/mdui.min.js"></script>
<script src="<%= themeConfig.domain %>/media/js/modify.js"></script>

2020年03月30日11:00:47
2020年03月30日11:01:32
修改 post.ejs 文件。

<%- include('./includes/footer') %>

<%- include('./includes/footer') %>
<script src="<%= themeConfig.domain %>/media/js/highlight.min.js"></script>
<script src="<%= themeConfig.domain %>/media/js/lightense.min.js"></script>
<script>
// 初始化-高亮代码
hljs.initHighlightingOnLoad();
// 初始化-文章图片放大
window.addEventListener('load', function () {
    Lightense('#post .mdui-card-content img');
}, false);
</script>

2020年03月30日11:01:472020年03月30日11:55:02
2020年03月30日11:02:19
修改 index.ejs 文件。

<%- include('./includes/footer') %>

<%- include('./includes/footer') %>
<script src="<%= themeConfig.domain %>/media/js/masonry.pkgd.min.js"></script>
<script src="<%= themeConfig.domain %>/media/js/imagesloaded.pkgd.min.js"></script>
<script>
// 初始化-文章列表页面瀑布流。
function masonry() {
    // 初始化 masonry
    $('.mdui-row-xs-1').masonry({
        itemSelector: '.mdui-col',
        horizontalOrder: true
    });
}
masonry()
$('.mdui-col').imagesLoaded( function() {
    masonry()
});
</script>

2020年03月30日11:02:282020年03月30日11:54:55
2020年03月30日11:12:37
修改 modify.js 文件。

// 初始化
hljs.initHighlightingOnLoad()
...
// 文章图片放大
window.addEventListener('load', function () {
    Lightense('#post .mdui-card-content img');
}, false);

// 文章列表页面瀑布流。
function masonry() {
    // 初始化 masonry
    $('.mdui-row-xs-1').masonry({
        itemSelector: '.mdui-col',
        horizontalOrder: true
    });
}
masonry()
$('.mdui-col').imagesLoaded( function() {
    masonry()
});

尝试了

// 初始化
try {
    // 初始化-文章列表页面瀑布流。
    function masonry() {
        // 初始化 masonry
        $('.mdui-row-xs-1').masonry({
            itemSelector: '.mdui-col',
            horizontalOrder: true
        });
    }
    masonry()
    $('.mdui-col').imagesLoaded( function() {
        masonry()
    });
}
catch(ReferenceError) {
    // 初始化-高亮代码
    hljs.initHighlightingOnLoad();
    // 初始化-文章图片放大
    window.addEventListener('load', function () {
        Lightense('#post .mdui-card-content img');
    }, false);
}

和

function RelativePath() {
    var url = document.location.toString();
    var arrUrl = url.split("//");

    var start = arrUrl[1].indexOf("/");
    var relUrl = arrUrl[1].substring(start);//stop省略，截取从start开始到结尾的所有字符

    if(relUrl.indexOf("?") != -1){
        relUrl = relUrl.split("?")[0];
    }
    return relUrl;
}
// 初始化
if (RelativePath() = '/') {
    // 初始化-文章列表页面瀑布流。
    function masonry() {
        // 初始化 masonry
        $('.mdui-row-xs-1').masonry({
            itemSelector: '.mdui-col',
            horizontalOrder: true
        });
    }
    masonry()
    $('.mdui-col').imagesLoaded( function() {
        masonry()
    });
} else if(RelativePath().match(/\/post/)) {
    // 初始化-高亮代码
    hljs.initHighlightingOnLoad();
    // 初始化-文章图片放大
    window.addEventListener('load', function () {
        Lightense('#post .mdui-card-content img');
    }, false);
}

最终

...

2020年03月30日11:26:42

• 修改归档页面

2020年03月30日12:56:57
修改 post-list-archives.ejs 文件。

            <% posts.forEach(function(post) { %>
                <%if (post.date.indexOf(year) !== -1) { %>
                    <article class="mdui-list">
                        <a href="<%= post.link %>" class="mdui-list-item mdui-ripple"><%= post.dateFormat %> <%= post.title %></a>
                    </article>
                <% } %>
            <% }); %>

            <article class="mdui-list">
                <% posts.forEach(function(post) { %>
                        <%if (post.date.indexOf(year) !== -1) { %>
                            <a href="<%= post.link %>" class="mdui-list-item mdui-list-item-title mdui-ripple"><div class="mdui-list-item-content"><div class="mdui-list-item-title"><%= post.title %></div><div class="mdui-list-item-text mdui-list-item-one-line"><span class="mdui-text-color-theme-text"><%= post.dateFormat %></div></div></a>
                        <% } %>
                <% }); %>
            </article>

2020年03月30日13:21:25
2020年03月30日13:00:33
修改 archives.ejs 文件。

<main class="mdui-container mdui-typo mdui-m-t-2">

<main class="mdui-container mdui-m-t-2">

2020年03月30日13:00:53