Hello World

本文最后更新于：2016年11月30日 晚上

本篇日志用于归纳记录自己在学习建设个人博客站点中的各种修改。

2016-12-18

2016-12-17

  • 修复多说UA表示手机端不对齐的问题。

2016-12-11

  • 加上fancybox.js 以后可以点击预览图片啦！
  • 原主题采用 jquery.nav.js 来给目录导航跳转加上过渡，感觉不是很好，以下是自己改造过的锚点平滑过渡，jquery.easing.1.3.js.js 为jq扩展了过渡的效果
1
2
3
4
5
6
7
8
9
async('//resource.zwjay.cn/jekyll/js/jquery.easing.1.3.js.js', function () {
    $($body).on('click', '#tag_cloud a', function (event) {
        let index = this.title;
        let id = '#' + index;
        $("html,body").animate({
            scrollTop: [$(id).offset().top - 65, 'easeOutQuint']
        }, 800);
    })
});

2016-12-4

  • 更换404页面。SVG

2016-12-3

  • 给主题加上页码，关于我的多说最近访客头像样式优化，TAGS的平滑滚动
1
2
3
4
5
6
7
$($body).on('click', '#tag_cloud a', function (event) {
    let index = this.title;
    let id = '#' + index;
    $("html,body").animate({
        scrollTop: [$(id).offset().top,'easeOutQuint']
    }, 800, 'easing');
})

过渡效果采用 easeOutBack jquery.easing

2016-12-1

  • HEXO bug 太多，改为jekyll，爽多啦！

2016-3-4

  • 手机端文章显示目录样式修改，回到顶部去掉跳转评论按钮。
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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
#tocButton {
    z-index: 100;
    position: fixed;
    left: .5em;
    top: auto; /*In order to cover style in article.styl*/
    bottom: 10px;
    padding: .2em .4em;
    border: 1px solid rgba(39,40,34,.3);
    background: rgba(255, 255, 255, .7);
    font-size: 1em;
    font-weight: bold;
    color: gray;
}

.toc-article {
    display: none;
    z-index: 99;
    left: 0;
    top: 50%;
    bottom: 7.5%;
    right :50%
    height: auto;
    max-height: 58%;
    min-width: 7em;
    overflow: auto;
    margin-left: 0;
    padding: 10px;
    padding-left: 0;
    border-radius: 2.8%;
    background: none;
    font-size: 1em;
    line-height: 1.25em;
    .toc-title {
        display: none;
    }
    .toc {
        padding: 0.5em;
    }
    >ol {
        margin: 0;
        padding: 0.5em;
        border-radius: 5px;
        background: rgba(255, 255, 255, .9);
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        top: 0;
        ol {
            padding: 0.1em 0;
            padding-left: 1.2em;
        }
    }
    a {
        color: #767676;
    }
}

2016-2-29

  • 加入百度统计

2016-2-28

  • Hexo如果开启文章目录，会根据Markdown的#标记自动生成文章目录，并且自动添加序号，但是如果我们的文章中也使用了序号，那就会出现两个序号.
  • 我解决这个问题是是通过js正则匹配删除了序号。在博客的layout/_partial/toc.ejs文件中添加如下代码
1
2
3
4
5
6
7
var regex = /^\d+\.+/;
var tocItemTextArray = $(".toc-text");
for (var i = 0; i < tocItemTextArray.length; i++) {
    var item = tocItemTextArray[i].innerText;
    item = item.replace(regex, "");
    tocItemTextArray[i].innerText = item;
}
  • 加入
  • hexo-beautify,Beautify Hexo generated HTML, CSS and JS files, using js-beautify.
  • hexo-clean-css,Minify CSS files with clean-css.
  • hexo-uglify,Minify JavaScript files with UglifyJS.

2016-2-27 网页字体修改

  • font-family: Lato, “Microsoft Jhenghei”, WenQuanYi Micro Hei, “Microsoft YaHei”, Aril, sans-serif;

2016-2-25 修改左栏样式

2016-1-26 增加进度条

2016-1-25 多说评论框背景修改

  • 多说评论框背景修改

2016-1-23 加入置顶

2016-1-22 关于我页面加入Blog搭建时间

  • 增加距离搭建到现在的总时间

2016-1-21 引入Animate.css

2016-1-20 绑定域名&添加404页面

  • zwj.space
  • 404

2016-1-19 添加-我的相册

  • 其中获取的token替换在”?”处
1
getList("https://api.instagram.com/v1/users/self/media/recent/?access_token=?");

2016-1-18 在github部署博客

#HEXO
Hello World
https://www.zwjay.cn/2016/01/18/2016-01-18-blog-log/
作者
Mr.Jaxson
发布于
2016年1月18日
许可协议