网站进化史
本文最后更新于 511 天前,其中的信息可能已经有所发展或是发生改变。

插入b站视频(原版)

<iframe src="//player.bilibili.com/player.html?aid=542925864&cid=258855138&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

效果展示

插入b站视频(美化)

<iframe id=sbrxp src="//player.bilibili.com/player.html?aid=542925864&cid=258855138&page=1&high_quality=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width: 950px; height: 600px; max-width: 100%"> </iframe> 

效果展示

页脚获取运行时间

<span id="runtime_span"></span>
 <script type="text/javascript">function show_runtime(){window.setTimeout("show_runtime()",1000);X=new
 Date("10/15/2022 00:00:00");
 Y=new Date();T=(Y.getTime()-X.getTime());M=24*60*60*1000;
 a=T/M;A=Math.floor(a);b=(a-A)*24;B=Math.floor(b);c=(b-B)*60;C=Math.floor((b-B)*60);D=Math.floor((c-C)*60);
 runtime_span.innerHTML="本站已经运行: "+A+"天"+B+"小时"+C+"分"+D+"秒"}show_runtime();</script> 

效果展示:

插入代码(已过时)

插入代码示例:printf("Hello! World");
<code> printf(“Hello! World”);</code>

现使用argon主题托管的代码块

页脚显示备案号

<div id="master" >
    <a href="http://beian.miit.gov.cn/"><center>宁ICP备2022001435号-1</center></a>
</div>
<style type="text/css" >
 #master {
       position:absolute;
      bottom:0;
      text-align :center;
        }
</style>

效果见主页

切换网页标题变化

<script type="text/javascript">
      /*  动态标题*/
     var OriginTitile = document.title,
      titleTime;
     document.addEventListener("visibilitychange",
     function() {
      if (document.hidden) {
        document.title = "你别走吖 Σ(っ °Д °;)っ";
        clearTimeout(titleTime)
    } else {
        document.title = "(/≧▽≦/)你又回来啦!" ;
        titleTime = setTimeout(function() {
            document.title = OriginTitile
        },
        2000)
    }
    });
    </script>

此为脚本代码,不能直接用于页头HTML

Github卡片

WP官方提供的Github卡片只支持工程项目的插入,显示速度非常快

在使用wp-reposidget-master插件后也支持仓库(好像正常情况下一直支持,但我在装了这个插件后才能正常用原版卡片

更新日志

创建于2022/10/18
更新于2022/10/19
*将插入b站视频(修改)添加代码high_quality=1高画质播放,实测以720p播放
更新于2022/10/21
*添加插入代码
更新于2022/10/23
*将代码内容全部替换为代码格式
更新于2022/11/8
*由于elementor代码高亮需要付费,所以卸载elementor插件,采用wordpress原版编辑器,更换代码形式为代码块高亮,高亮配色为atom-one-dark
*原版编辑器与修改后的插入B站视频HTML美化后代码冲突,导致文章无法完全显示,正在寻找解决办法
更新于2022/11/9
*更换插入B站视频美化后代码,将css内嵌在单元格内即可解决,猜测是原本用的命名position可能与其他元素重名
更新于2022/11/14
*将更新日志从文本格式换为时间线格式
更新于2022/11/24
*添加页脚备案号代码
*添加网页标题变化代码
更新于2022/12/26
添加Github卡片,使用插件wp-reposidget-master(后弃置,使用原版卡片
更新于2022/12/29
考虑到这里不仅记录源代码,也记录了插件的使用过程,将文章更名为网站进化史
当前文章: 《网站进化史》
本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。

评论

  1. 博主
    Windows Edge
    2年前
    2022-11-08 23:23:02

    test

  2. 博主
    Windows Edge
    1年前
    2023-1-09 1:50:52

    test

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇