转自:https://blog.csdn.net/luoyu6/article/details/82947713

应用场景:我们把导航固定在页面顶部的时候,点击锚链接跳转到相应的部分时,很可能导航把页面的内容覆盖了

像这样,被导航挡住了一部分:

我们想要的结果:

代码实现:

1.A标签:
<a href="javascript:;" class="navItems" navto="services">服务与支持</a>

其中
href="javascript:;"鼠标放上为了显示小手,如果不需要可以去掉
class="navItems" 必须,为了jquery选择器只获取class="navItems"的A标签
navto="services" 必须,瞄点ID

2.瞄点主体内容:
<div id="services">...内容...</div>

其中id="services" 对应上面的navto="services"

3.js代码:

<script type="text/javascript">
$('.navItems').click(function() {
var navto = $(this).attr('navto');
if(navto != "#") {
    var $div = $('#' + navto);
    var top = $div.offset().top || 0;
    $('html,body').animate({
        'scroll-top': top - 70
        }, 500);
} else {
    $('html,body').animate({
        'scroll-top': 0
       }, 500);

    }

});
</script>

其中70值可以根据需要修改偏移量,500值修改移动速度,500值个人觉得效果不错,可以默认不用修改

最后把js代码复制到</body>....这个位置即可.....</html>

说明:上面js代码需要引入jquery文件才有效

本方法最终效果非常棒,点击A标签时缓慢移动,可以说是解决锚点链接跳转后位置上下偏移的完美好办法!如果用纯href="#"这样锚点实现,效果生硬,用户体验差,而且实现上也差强人意,所以推荐大家使用此方法。

完~

转自:https://inwao.com/Plyr.html
感谢作者@inwao提供如此小巧好用的视频插件

第一步:让typecho1.1支持video/source标签

修改var/Markdown.php,找到第37行,如下:

$parser->_commonWhiteList .= '|img|cite|embed|iframe';

在后面添加videosource,如下:

$parser->_commonWhiteList .= '|img|cite|embed|iframe|video|source';

第二步:安装plyr插件

下载地址:Plyr

下载之后自行上传到Typecho插件目录且修改插件名为:plyr 启用即可。

主要功能:

  • PC 端与手机端自适应。
  • 与 Plyr 官方控件样式同步。
  • 只需一个插件,即可播放MP3/MP4。

带封面视频演示:

视频代码:

<video poster="https://inwao.com/usr/uploads/2017/03/4008215693.jpg" src="https://inwao.com/usr/uploads/2017/03/1537548116.mp4"></video>

完~

1.人生是一场旅程。我们经历了几次轮回,才换来这个旅程。而这个旅程很短,因此不妨大胆一些,不妨大胆一些去爱一个人,去攀一座山,去追一个梦……有很多事我都不明白。但我相信一件事。上天让我们来到这个世上,就是为了让我们创造奇迹。 ——《大鱼海棠》

2.龙应台在《目送》里写道:我慢慢地、慢慢地了解到,所谓父女母子一场,只不过意味着,你和他的缘分就是今生今世不断地在目送他的背影渐行渐远。

3.从父母的婚姻中我明白,家庭关系中首位是夫妻关系,夫妻之间应该是互相包容,互相理解,互相疼爱,互相信任,互相促进,互相成就。

4.情诗就是

I love three things in this world.
Sun,moon and you.
Sun for morning.
Moon for night.
You forever.

浮世三千,吾爱有三。
日,月与卿。
日为朝,
月为暮。
卿为朝朝暮暮。

5.“ 我这一生都是坚定不移的唯物主义者,唯有你,我希望有来生。”

6.能和家人一起生活,是世界上最奢侈的生活,能成为一家人,是世界上最长的缘分。

7.这世上只有一种成功,就是能按自己喜欢的方式去过这一生。

8.我很清楚的知道:人一天工作的极限是4个小时,超过了就是应付工作。

9.女儿问我,如果我和爸爸都掉进河里了,只能救一个,你救谁?我说,我会救你。她很开心,但是还没等她说话,我又说,其实不是我会救你,而是爸爸不会允许我救他,对人来说最重要的就是生命,有的人觉得自由理想比生命更重要,就会为此献身。而对你爸爸来说,你的生命比他自己的生命更重要,所以爸爸会要求我救你而放弃自己的生命,妈妈也是一样的

10.大致的意思是说,我说要请你吃饭,其实是为了和你上床;我说要和你看电影,其实是为了和你上床;我说要和你探讨哲学,其实是为了和你上床。但如果我说要和你上床,那一定是因为我认为我有这个权力。

11.相信我,选对象,五官干净,气质干净,总不会太差。

12.待人接物要礼貌要虚心,终身受益匪浅。

13.三千繁华,弹指刹那,百年过后,不过一捧黄沙。

14.什么是真正的情商?
至今记得一位长辈对我说过的一段话:“如果有朋友生了老二你去探望,体贴的做法是给老大也买一份礼物,并且在探望时多跟老大交流,让他(她)感到叔叔阿姨的关注和爱一如既往。在这个时候,老大是全家之中最敏脆弱的,你的小小体贴可能使得他(她)对老二的态度完全不同。降低老大的敌意,是你给老二最好的礼物。”

15.不管怎么说,为人父母,真是一件责任重大又无比困难的事。
在抚育孩子面前,一切名利都是过眼云烟,因为,一个不成器的孩子,足以毁掉你的一生。

未完待续~

转自:https://github.com/typecho-fans/plugins/tree/master/Sticky

Typecho文章置顶插件Sticky v1.0.1

实现功能:
在首页或分类列表页中置顶显示,支持多id分隔,自定义前缀输出,自动附加前缀。

本地下载:Sticky

VPS服务器直接下载 在/usr/plugins 目录下 ,运行下面命令:

wget https://heidong.cc/usr/uploads/2019/06/3079915414.zip

解压缩命令:unzip 3079915414.zip

typecho后台启用插件Sticky,效果如图:

完~

改1个文件,2个位置

修改的文件:var/HyperDown.php

第一个位置是把markdown语法超链接添加nofollow和target属性

在第386
return $self->makeHolder("<a href=\"{$url}\">{$escaped}</a>"); 替换下面代码:

if (strstr($url,'//heidong.cc') == false ) {
return $self->makeHolder("<a href=\"{$url}\" target=\"_blank\" rel=\"nofollow\">{$escaped}</a>");
} else {
return $self->makeHolder("<a href=\"{$url}\" target=\"_blank\">{$escaped}</a>");
}

第二个位置是把文章内直接显示的网址添加nofollow和target属性
还是这个文件搜索enableAutoLink,找到下面的代码:

// autolink url
if ($enableAutoLink) {
    $text = preg_replace_callback(
        "/(^|[^\"])((https?):[\p{L}_0-9-\.\/%#!@\?\+=~\|\,&\(\)]+)($|[^\"])/iu",
        function ($matches) use ($self) {
            $link = $self->call('parseLink', $matches[2]);
            return "{$matches[1]}<a href=\"{$matches[2]}\">{$link}</a>{$matches[4]}";
        },
        $text
    );
}

把其中 return "{$matches[1]}<a href=\"{$matches[2]}\">{$link}</a>{$matches[4]}"; 替换下面代码:

if (strstr($link,'//heidong.cc') == false ) {
    return "{$matches[1]}<a href=\"{$matches[2]}\" target=\"_blank\" rel=\"nofollow\">{$link}</a>{$matches[4]}";
} else {
    return "{$matches[1]}<a href=\"{$matches[2]}\" target=\"_blank\">{$link}</a>{$matches[4]}";
}

完~

二维码