Releases · CPlayer-CN/gridea-theme-cplayer-material

30 Mar 05:52

CPlayer-CN

β-0.0.6

0f3a0b0

β-0.0.6 Latest

Latest

优化深色样式代码。

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:47~~2020年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:28~~2020年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

Assets 4

16 Mar 04:54

CPlayer-CN

β-0.0.5

ac22b50

β-0.0.5

优化文章分页样式。

2020年03月15日19:38:10
修改 post.ejs 文件。

<main>
...
    <% if (post.prevPost && !post.hideInList) { %><a href="<%= post.prevPost.link %>" mdui-tooltip="{content: '上一篇', position: 'right'}"><i class="mdui-icon material-icons">arrow_back</i><%= post.prevPost.title %></a><% } %>
    <% if (post.nextPost && !post.hideInList) { %><a href="<%= post.nextPost.link %>" mdui-tooltip="{content: '下一篇', position: 'left'}" class="mdui-float-right"><%= post.nextPost.title %><i class="mdui-icon material-icons">arrow_forward</i></a><% } %>
...
</main>

<nav>
    <% if (post.prevPost && !post.hideInList) { %><a href="<%= post.prevPost.link %>" mdui-tooltip="{content: '上一篇', position: 'right'}"><button class="mdui-btn mdui-btn-icon mdui-btn-dense mdui-color-theme-accent mdui-ripple"></button><i class="mdui-icon material-icons">arrow_back</i></button><%= post.prevPost.title %></a><% } %>
    <% if (post.nextPost && !post.hideInList) { %><a href="<%= post.nextPost.link %>" mdui-tooltip="{content: '下一篇', position: 'left'}" class="mdui-float-right"><%= post.nextPost.title %><button class="mdui-btn mdui-btn-icon mdui-btn-dense mdui-color-theme-accent mdui-ripple"><i class="mdui-icon material-icons">arrow_forward</i></button></a><% } %>
</nav>

2020年03月15日19:39:40
2020年03月15日23:30:41

<nav class="mdui-container mdui-m-t-2 mdui-m-b-2">
    <% if (post.prevPost && !post.hideInList) { %><a href="<%= post.prevPost.link %>" mdui-tooltip="{content: '上一篇', position: 'right'}"><button class="mdui-btn mdui-btn-icon mdui-btn-dense mdui-color-theme-accent mdui-ripple mdui-m-r-1"><i class="mdui-icon material-icons">arrow_back</i></button><%= post.prevPost.title %></a><% } %>
    <% if (post.nextPost && !post.hideInList) { %><a href="<%= post.nextPost.link %>" mdui-tooltip="{content: '下一篇', position: 'left'}" class="mdui-float-right"><%= post.nextPost.title %><button class="mdui-btn mdui-btn-icon mdui-btn-dense mdui-color-theme-accent mdui-ripple mdui-m-l-1"><i class="mdui-icon material-icons">arrow_forward</i></button></a><% } %>
</nav>

2020年03月15日23:31:12
2020年03月15日23:42:24
修改 modify.css 文件。

.mdui-theme-layout-dark#post nav a {
    text-decoration: none;
    color: #fff;
}
#post nav a {
    text-decoration: none;
    color: #000;
}

2020年03月15日23:43:03
2020年03月15日23:49:50
修改 pagination.ejs 文件。

<div class="pagination-container">
    <% if (pagination.prev) { %><a href="<%= pagination.prev %>" mdui-tooltip="{content: '上一页', position: 'right'}"><i class="mdui-icon material-icons">arrow_back</i></a><% } %>
    <% if (pagination.next) { %><a href="<%= pagination.next %>" mdui-tooltip="{content: '下一页', position: 'left'}" class="mdui-float-right"><i class="mdui-icon material-icons">arrow_forward</i></a><% } %>
</div>

<nav class="mdui-container mdui-m-t-2 mdui-m-b-2">
    <% if (pagination.prev) { %><a href="<%= pagination.prev %>" mdui-tooltip="{content: '上一页', position: 'right'}"><button class="mdui-btn mdui-btn-icon mdui-btn-dense mdui-color-theme-accent mdui-ripple mdui-m-r-1"><i class="mdui-icon material-icons">arrow_back</i></button></a><% } %>
    <% if (pagination.next) { %><a href="<%= pagination.next %>" mdui-tooltip="{content: '下一页', position: 'left'}" class="mdui-float-right"><button class="mdui-btn mdui-btn-icon mdui-btn-dense mdui-color-theme-accent mdui-ripple mdui-m-l-1"><i class="mdui-icon material-icons">arrow_forward</i></button></a><% } %>
</nav>

2020年03月15日23:51:02
2020年03月15日23:51:57
修改 archives.ejs、index.ejs和tag.ejs 文件。

...
    <%- include('./includes/pagination') %>
</main>

...
</main>

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

2020年03月15日23:52:20

在可扩展导航栏中加入主题相关链接。

2020年03月15日23:57:42
修改 modify.css 文件。

#drawer .spread {
    position: absolute;
    width: 100%;
    bottom: 0;
}

2020年03月15日23:58:44
2020年03月16日00:03:17
修改 header.ejs 文件。

...
    <ul class="mdui-list">
        <% menus.forEach(function(menu) { %><% if (menu.openType === 'External') { %>
            <a href="<%= menu.link %>" class="menu" target="_blank"><li class="mdui-list-item mdui-ripple"><%= menu.name %></li></a><% } else { %><a href="<%= menu.link %>" class="menu"><li class="mdui-list-item mdui-ripple"><%= menu.name %></li></a><% } %>
        <% }); %>
    </ul>

...
    <ul class="mdui-list">
        <% menus.forEach(function(menu) { %><% if (menu.openType === 'External') { %>
            <a href="<%= menu.link %>" target="_blank"><li class="mdui-list-item mdui-ripple"><%= menu.name %></li></a><% } else { %><a href="<%= menu.link %>" class="menu"><li class="mdui-list-item mdui-ripple"><%= menu.name %></li></a><% } %>
        <% }); %>
        <a href="https://github.com/CPlayer-CN/gridea-theme-cplayer-material" class="spread"><li class="mdui-list-item mdui-ripple">主题主页</li></a>
    </ul>

2020年03月16日00:03:27

将首页 img 标签中添加 onerror 属性，使它在网络环境较差情况下重新加载。

2020年03月16日00:29:51
修改 post-list.ejs 文件。

                <img src="<%= post.feature %>">

                <img src="<%= post.feature %>" onerror="this.src='<%= post.feature %>';">

2020年03月16日00:30:41

将文章中 a 标签添加 target 和 rel 属性，使文章中链接在新标签页打开。

2020年03月16日12:30:05
修改 modify.js 文件。

// 文章 a 标签
$('#post main a').prop({
    target:"_blank",
    rel:"nofollow noopener noreferrer"
});

2020年03月16日12:32:04

Assets 4

14 Mar 03:05

CPlayer-CN

β-0.0.4

d87db64

β-0.0.4

修改文章列表页面为瀑布流样式。
2020年03月14日09:22:07
新增 masonry.pkgd.min.js 文件。
来自 https://unpkg.com/masonry-layout@4.2.2/dist/masonry.pkgd.min.js

新增 imagesloaded.pkgd.min.js 文件。
来自 https://unpkg.com/imagesloaded@4.1.4/imagesloaded.pkgd.min.js

修改 post-list.ejs 文件。

<% posts.forEach(function(post) { %>
    <section class="mdui-card mdui-m-b-2">
        <% if (post.feature) { %>
        <div class="mdui-card-media" style="background-image: url(<%= post.feature %>);">
            <% if (post.isTop) { %>
            <div class="mdui-card-menu">
                <i mdui-tooltip="{content: '顶置', position: 'left'}" class="mdui-icon material-icons mdui-text-color-orange">import_contacts</i>
            </div>
            <% } %>
        </div>
        <% } %>
        <div class="mdui-card-primary">
            <a href="<%= post.link %>" class="mdui-card-primary-title"><%= post.title %></a>
            <div class="mdui-card-primary-subtitle"><%= post.dateFormat %></div>
        </div>
        <div class="mdui-card-content"><%- post.description %></div>
    </section>
<% }); %>

<% posts.forEach(function(post) { %>
    <section class="mdui-col mdui-m-b-2">
        <div class="mdui-card">
            <% if (post.feature) { %>
            <div class="mdui-card-media">
                <img src="<%= post.feature %>">
                <% if (post.isTop) { %>
                <div class="mdui-card-menu">
                    <i mdui-tooltip="{content: '顶置', position: 'left'}" class="mdui-icon material-icons mdui-text-color-orange">import_contacts</i>
                </div>
                <% } %>
            </div>
            <% } %>
            <div class="mdui-card-primary">
                <div class="mdui-card-primary-title"><a href="<%= post.link %>"><%= post.title %></a></div>
                <div class="mdui-card-primary-subtitle"><%= post.dateFormat %></div>
            </div>
            <div class="mdui-card-content"><%- post.description %></div>
        </div>
    </section>
<% }); %>

修改 index.ejs 文件。

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

...
<main class="mdui-m-a-2 mdui-row-xs-1 mdui-row-sm-2 mdui-row-md-3 mdui-row-xl-4 mdui-typo mdui-m-t-2">
...

修改 modify.js 文件。

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

2020年03月14日09:31:15
2020年03月14日09:45:08
修改 modify.css 文件。

#index .mdui-card-media {
    background-size: cover;
    height: 35vh;
}
#post .mdui-card-media {
    background-size: cover;
    height: 50vh;
}
...

...

修改 footer.ejs 文件。

...
<script src="<%= themeConfig.domain %>/media/js/lightense.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>
...

2020年03月14日09:52:12
2020年03月14日10:15:41

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

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

2020年03月14日10:16:12
2020年03月14日10:31:24
修改 post.ejs 文件。

        <% if (post.feature) { %><div class="mdui-card-media" style="background-image: url('<%= post.feature %>');"></div><% } %>

        <% if (post.feature) { %>
        <div class="mdui-card-media">
            <img src="<%= post.feature %>">
        </div>
        <% } %>

2020年03月14日10:32:03

修改归档页面，文章发布时间样式。
2020年03月14日10:06:05
修改 post-list-archives.ejs 文件。

                        <a href="<%= post.link %>" class="mdui-typo-title-opacity"><%= post.title %></a> - <span class="mdui-typo-body-1-opacity"><%= post.dateFormat %></span>

                        <span class="mdui-typo-body-1-opacity"><%= post.dateFormat %></span> | <a href="<%= post.link %>" class="mdui-typo-title-opacity"><%= post.title %></a>

2020年03月14日10:07:08

统一顶置图标的颜色为强调色。
2020年03月14日10:11:17
修改 post-list.ejs 文件。

<i mdui-tooltip="{content: '顶置', position: 'left'}" class="mdui-icon material-icons mdui-text-color-orange">import_contacts</i>

<i mdui-tooltip="{content: '顶置', position: 'left'}" class="mdui-icon material-icons mdui-text-color-theme-accent">star</i>

2020年03月14日10:12:11

再次修正暗色与亮色样式高亮不统一的问题。
2020年03月14日10:19:55
修改 modify.css 文件。

.mdui-theme-layout-dark .hljs {
    padding: 0;
}

.mdui-theme-layout-dark .hljs {
    padding: 0 !important;
}

2020年03月14日10:20:15

Assets 3

12 Mar 11:34

CPlayer-CN

β-0.0.3

a805244

β-0.0.3

优化暗色样式。
2020年03月12日18:59:15
修改 modify.js 文件。

// 深色样式
// 手动切换
$("#DarkStyle").on("click",function() {
    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) {
    "light" === localStorage.getItem("theme") && setStyleLight();
}
var time = (new Date).getHours();
if('6' < time && time < '18') {
    setStyleLight()
};

// 深色样式
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();
});

2020年03月12日19:01:58

去除多余的 index.js 文件。
2020年03月12日19:03:13
2020年03月12日19:03:16
统一暗色样式和亮色样式的高亮样式。
2020年03月12日19:03:53
修改 modify.css 文件。

...
.mdui-theme-layout-dark .hljs {
    padding: 0;
}

2020年03月12日19:04:43

添加顶置文章的样式。
2020年03月12日19:17:39
修改 post-list.ejs 文件。

        <div class="mdui-card-media" style="background-image: url(<%= post.feature %>);"></div>

        <div class="mdui-card-media" style="background-image: url(<%= post.feature %>);">
            <% if (post.isTop) { %>
            <div class="mdui-card-menu">
                <i mdui-tooltip="{content: '顶置', position: 'left'}" class="mdui-icon material-icons mdui-text-color-orange">import_contacts</i>
            </div>
            <% } %>
        </div>

2020年03月12日19:21:42

Assets 3

12 Mar 04:04

CPlayer-CN

β-0.0.2

a1ab98e

β-0.0.2

2020年03月12日09:42:57

新增文章图片放大。
新增 lightense.min.js 文件。
来自 https://github.com/sparanoid/lightense-images

修改 modify.js 文件。

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

2020年03月12日09:45:00
2020年03月12日09:47:26
修改 footer.ejs 文件。

<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/modify.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/modify.js"></script>

2020年03月12日09:48:47
2020年03月12日11:08:23
修改 modify.css 文件。

...
.lightense-backdrop {
    background-color: rgba(0,0,0,.4) !important;
    backdrop-filter: none !important;
}

2020年03月12日11:09:10
2020年03月12日11:14:25

...
figure {
    outline: none;
}

2020年03月12日11:14:56

修正返回顶部不能正常运行的问题。
2020年03月12日09:49:35
添加 jquery.min.js 文件。
来自 https://code.jquery.com/jquery-3.4.1.min.js

修改 footer.ejs 文件。

...
<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/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/highlight.min.js"></script>
<script src="<%= themeConfig.domain %>/media/js/lightense.min.js"></script>
<script src="<%= themeConfig.domain %>/media/js/modify.js"></script>

2020年03月12日09:52:09
2020年03月12日09:55:21
修改 modify.js 文件。

// 初始化
var $$ = mdui.JQ
hljs.initHighlightingOnLoad()

// 深色样式
// 手动切换
$$("#DarkStyle").on("click",function() {
    $$("body").toggleClass("mdui-theme-layout-dark");
});
$$(function() {
    var time = (new Date).getHours();
    if('6' < time &&time < '18') {
        $$("html body").removeClass("mdui-theme-layout-dark");
    };
});

// 返回顶部
$$('body').append('<a id="to-top" class="mdui-fab mdui-fab-fixed mdui-color-theme-accent mdui-ripple mdui-fab-hide"><i class="mdui-icon material-icons mdui-text-color-white">expand_less</i></a>');
$(function() {
	var toTop = $("#to-top"),
    toTopHide = function() {
        if ($(window).scrollTop() > 420) {
            toTop.removeClass("mdui-fab-hide");
        } else {
            toTop.addClass("mdui-fab-hide");
        }
    };
	if ($(window).scrollTop() > 420) {
		toTopHide()
	}
	$(window).scroll(function() {
		toTopHide()
	});
	toTop.click(function() {
		$("body,html").animate({
			scrollTop: 0
		}, 500)
	})
});

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

// 初始化
hljs.initHighlightingOnLoad()

// 深色样式
// 手动切换
$("#DarkStyle").on("click",function() {
    $("body").toggleClass("mdui-theme-layout-dark");
});
$(function() {
    var time = (new Date).getHours();
    if('6' < time &&time < '18') {
        $("html body").removeClass("mdui-theme-layout-dark");
    };
});

// 返回顶部
$('body').append('<a id="to-top" class="mdui-fab mdui-fab-fixed mdui-color-theme-accent mdui-ripple mdui-fab-hide"><i class="mdui-icon material-icons mdui-text-color-white">expand_less</i></a>');
$(function() {
	var toTop = $("#to-top"),
    toTopHide = function() {
        if ($(window).scrollTop() > 420) {
            toTop.removeClass("mdui-fab-hide");
        } else {
            toTop.addClass("mdui-fab-hide");
        }
    };
	if ($(window).scrollTop() > 420) {
		toTopHide()
	}
	$(window).scroll(function() {
		toTopHide()
	});
	toTop.click(function() {
		$("body,html").animate({
			scrollTop: 0
		}, 500)
	})
});

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

2020年03月12日09:56:40

优化暗色样式。
2020年03月12日11:20:11
修改 modify.js 文件。

$("#DarkStyle").on("click",function() {
    $("body").toggleClass("mdui-theme-layout-dark");
});
$(function() {
    var time = (new Date).getHours();
    if('6' < time &&time < '18') {
        $("html body").removeClass("mdui-theme-layout-dark");
    };
});

$("#DarkStyle").on("click",function() {
    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();
}
var time = (new Date).getHours();
if('6' < time && time < '18') {
    setStyleLight()
};

2020年03月12日11:24:59

Assets 3

10 Mar 23:50

CPlayer-CN

β-0.0.1-hotfix

2acc9c7

β-0.0.1-hotfix

修正文章下一篇和上一篇显示错误的问题。
修改 post.ejs 文件。

    <% if (post.prevPost && !post.hideInList) { %><a href="<%= post.prevPost.link %>" mdui-tooltip="{content: '上一篇', position: 'right'}"><i class="mdui-icon material-icons">arrow_back</i><%= post.prevPost.title %></a><% } %>
    <% if (post.nextPost && !post.hideInList) { %><a href="<%= post.nextPost.link %>" mdui-tooltip="{content: '下一篇', position: 'left'}"><i class="mdui-icon material-icons">arrow_back</i><%= post.nextPost.title %></a><% } %>

    <% if (post.prevPost && !post.hideInList) { %><a href="<%= post.prevPost.link %>" mdui-tooltip="{content: '上一篇', position: 'right'}"><i class="mdui-icon material-icons">arrow_back</i><%= post.prevPost.title %></a><% } %>
    <% if (post.nextPost && !post.hideInList) { %><a href="<%= post.nextPost.link %>" mdui-tooltip="{content: '上一篇', position: 'left'}" class="mdui-float-right"><%= post.nextPost.title %><i class="mdui-icon material-icons">arrow_forward</i></a><% } %>

Assets 3

10 Mar 23:29

CPlayer-CN

β-0.0.1

8260a93

β-0.0.1

添加文章页面下一篇和上一篇样式。
修改 post.ejs 文件。

    <% if (post.nextPost && !post.hideInList) { %>
        <div class="next-post">
            <div class="next">下一篇</div>
            <a href="<%= post.nextPost.link %>">
                <h3 class="post-title">
                <%= post.nextPost.title %>
                </h3>
            </a>
        </div>  
    <% } %>

    <% if (post.prevPost && !post.hideInList) { %><a href="<%= post.prevPost.link %>" mdui-tooltip="{content: '上一篇', position: 'right'}"><i class="mdui-icon material-icons">arrow_back</i><%= post.prevPost.title %></a><% } %>
    <% if (post.nextPost && !post.hideInList) { %><a href="<%= post.nextPost.link %>" mdui-tooltip="{content: '上一篇', position: 'left'}"><i class="mdui-icon material-icons">arrow_back</i><%= post.nextPost.title %></a><% } %>

删除多余的 style.css 文件。
滚动栏美化。
修改 modify.css 文件。

...
html {
    scrollbar-color: rgba(0,0,0,.5) #9E9E9E;
    scrollbar-width: thin;
}
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track {
    background-color: #9E9E9E;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.5);
}

定时去掉深色模式。
修改 modify.js 文件。

$$(function() {
    var time = (new Date).getHours();
    if('6' < time &&time < '18') {
        $$("html body").removeClass("mdui-theme-layout-dark");
    };
});

添加返回顶部。
修改 modify.js 文件。

// 返回顶部
$$('body').append('<a id="to-top" class="mdui-fab mdui-fab-fixed mdui-color-theme-accent mdui-ripple mdui-fab-hide"><i class="mdui-icon material-icons mdui-text-color-white">expand_less</i></a>');
$(function() {
	var toTop = $("#to-top"),
    toTopHide = function() {
        if ($(window).scrollTop() > 420) {
            toTop.removeClass("mdui-fab-hide");
        } else {
            toTop.addClass("mdui-fab-hide");
        }
    };
	if ($(window).scrollTop() > 420) {
		toTopHide()
	}
	$(window).scroll(function() {
		toTopHide()
	});
	toTop.click(function() {
		$("body,html").animate({
			scrollTop: 0
		}, 500)
	})
});

Assets 3

10 Mar 05:06

CPlayer-CN

α-0.0.3

3589e69

α-0.0.3 Pre-release

Pre-release

首个公开版。

Assets 2

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

β-0.0.5

Releases: CPlayer-CN/gridea-theme-cplayer-material

β-0.0.6

β-0.0.5

β-0.0.5

β-0.0.4

β-0.0.3

β-0.0.2

β-0.0.1-hotfix

β-0.0.1

α-0.0.3