个人博客美化(二) freecrazy 2021-12-23T20:52:11+08:00 522

网站添加标题状态、二次元人物(宠物)、诗词

一、前因

前啥因,接着以前那篇来。

二、监听标题状态

找到主题的head.html。

themes\dream\layouts\partials\head.html

添加下列代码

<!--listen title -start-->
<script>
document.addEventListener('visibilitychange',function(){
    if( document.visibilityState == 'hidden' ){
    normal_title = document.title;
    document.title = 'ヽ(`Д´-)ノ瞎跑啥,回来!';
    }else{
    document.title = 'ヾ(Ő∀Ő3)ノ有点听话哦!';
    setTimeout(function(){
        document.title = normal_title;
    }, 1200)
    }
});
</script>
<!--listen title -end-->

效果如下:

三、添加二次元人物

找到主题的baseof.html

themes\dream\layouts_default\baseof.html

添加下列两行搞定,如果你的网站有了font-awesom就不用添加了

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">
<script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js"></script>

效果如下:

没啥用,想调教的更好的话参考官方文档:https://github.com/stevenjoezhang/live2d-widget

四、今日诗词

来点文艺范。两行搞定,找到放置的位置加入span标签,找到head.html加入script。

<span id="jinrishici-sentence">正在加载今日诗词....</span>
<script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>

网址:https://www.jinrishici.com/doc/#json-fast

效果:

五、线条背景

head.html中加入

<!--动态线条背景-->
<script type="text/javascript"
color="#030000" opacity='0.6' zIndex="-2" count="222" src="//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js">
</script>

color : 线条颜色 count : 线条数量

效果:

六、总结

慢慢整。

© 2021 - 2024 闲余悟道

载入运行时间...

avatar
关于我

癫狂乐天,狂放不羁,叛世逆俗,天纯不可一世。

跑酷

游戏玩腻,自个寻的,只喜纯跑,不喜炫技

滑板

身处异乡,未找到跑酷伙伴,转投滑板,oli练到死

骑行

通勤会的,通着通着成了爱好,不攀里数,不懂车构,菜腿一枚

爬山

老妈生错了生肖,喜欢在台阶或石头上蹦跶

设计

大学学的,PS效率实用流

代码

培训得的,已弃坑,得益于此,软件玩得起飞,如本博客内容

剪辑

无聊学的,人生苦短,想学的太多,学会罢了,我应该会了了吧……

写作

读书多了自然而然就……he,tui,人人都会,正在精进中

独自环过岛

海南岛,9天骑行,一人一包一帐篷,事故故事一堆堆

只身入过藏

心之所向,21点的太阳妙不可言

万里路

不少,如……

万卷书

微多,如……


人生苦短,繁华三千,可纵情声色,亦可摇桨泛舟。

碎年流光,若都平淡如水,岂非虚度一遭。

波澜不惊的一生虽不可恨,但数载光阴就历尽沧桑的生活应该更畅快。

别试图在文章末尾评论处留言,那只是摆设,不过若是打赏,我定会收到心意。联系方式本页社交链接中有猫腻。

清心决

心若冰清,天塌不惊。

万变犹定,神怡气静。

尘垢不沾,俗相不染。

虚空甯宓,浑然无物。

无有相生,难易相成。

份与物忘,同乎混涅。

天地无涯,万物齐一。

飞花落叶,虚怀若谷。

千般烦忧,才下心头。

即展眉头,灵台清幽。

心无挂碍,意无所执。

解心释神,莫然无魂。

水流心不惊,云在意俱迟。

一心不赘物,古今自逍遥。

自由转载-非商用-转载注明出处即可。