山河博客HTML

一个动画渐变的科幻形按钮

大家好我是山河,今晚我给大家带来了一个很好看的按钮,动画效果很棒,代码大家自己借鉴吧。

话不多说,直接贴代码出来。

先上效果图(点击下面文字可以查看图片)

blog.shanhe.info
效果图

直接上代码

css代码块

a {
            display: block;
            width: 220px;
            height: 70px;
            z-index: 1;
        }

        a:after {
            content: '';
            background: linear-gradient(120deg, #6559ae, #ff7159, #6559ae);
            background-size: 400% 400%;
            animation: gradient 3s ease-in-out infinite, border 0.5s forwards ease-in-out reverse;
        }

        a>span {
            display: block;
            background: linear-gradient(120deg, #6559ae, #ff7159, #6559ae);
            background-size: 400% 400%;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: gradient 3s ease-in-out infinite;
        }

        .absolute-centering,
        body:after,
        a,
        a:after {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
        }

        .text-formatting,
        a {
            text-transform: uppercase;
            text-decoration: none;
            text-align: center;
            letter-spacing: 2px;
            line-height: 70px;
            font-size: 28px;
        }

        @keyframes gradient {
            0% {
                background-position: 14% 0%;
            }

            50% {
                background-position: 87% 100%;
            }

            100% {
                background-position: 14% 0%;
            }
        }

        @keyframes border {
            0% {
                -webkit-clip-path: polygon(0% 100%, 4px 100%, 4px 4px, 216px 4px, 216px 66px, 4px 66px, 4px 100%, 100% 100%, 100% 0%, 0% 0%);
            }

            25% {
                -webkit-clip-path: polygon(0% 100%, 4px 100%, 4px 4px, 216px 4px, 216px 66px, 216px 66px, 216px 100%, 100% 100%, 100% 0%, 0% 0%);
            }

            50% {
                -webkit-clip-path: polygon(0% 100%, 4px 100%, 4px 4px, 216px 4px, 216px 4px, 216px 4px, 216px 4px, 216px 4px, 100% 0%, 0% 0%);
            }

            75% {
                -webkit-clip-path: polygon(0% 100%, 4px 100%, 4px 4px, 4px 4px, 4px 4px, 4px 4px, 4px 4px, 4px 4px, 4px 0%, 0% 0%);
            }

            100% {
                -webkit-clip-path: polygon(0% 100%, 4px 100%, 4px 100%, 4px 100%, 4px 100%, 4px 100%, 4px 100%, 4px 100%, 4px 100%, 0% 100%);
            }
        }

html代码块

<a href="#"><span>按钮</span></a>

好了,本文到此结束。

我是山河

山河博客Code-2

vps性能测试之yabs.sh脚本 

大家好我是山河,今天我来跟大家讲解一些服务器性能的测试的方法,我们买到服务器之后,安装好centos系统之后,然后再安装 curl

此次测试山河拿的是HK 服务器来测试的

安装 必要的 curl

代码

yyum install curl -y

等待安装完之后,再安装yabs.sh脚本

代码

curl -sL yabs.sh | bash

等待安装

安装图

效果图

好了,本文到此结束,剩下的安装结果就不发了,实测有效。

本文山河原创文章。

山河博客Code-2

vps性能测试之Zbench脚本 

大家好我是山河,今天我来跟大家讲解一些服务器性能的测试的方法,我们买到服务器之后,安装好centos系统之后,然后再安装 wget 。

此次测试山河拿的是HK 服务器来测试的

代码

yum install wget -y

等待安装完之后,再安装Zbench脚本

代码

wget -N --no-check-certificate https://raw.githubusercontent.com/FunctionClub/ZBench/master/ZBench-CN.sh && bash ZBench-CN.sh

然后等待安装,安装完之后会出现

本文到此结束,文章为山河原创文章。

山河博客Code-2

vps性能测试之superbench脚本

大家好我是山河,今天我来跟大家讲解一些服务器性能的测试的方法,我们买到服务器之后,安装好centos系统之后,然后再安装 wget 。

此次测试山河拿的是HK 服务器来测试的

代码

yum install wget -y

等待安装完之后,再安装superbenchh脚本

代码

wget -qO- https://down.vpsaff.net/linux/speedtest/superbench.sh | sudo bash

等待安装完毕即可。

安装图

此次安装superbenchh脚本测试失败。

还是换Bench.sh脚本吧。

山河博客Code-2

vps性能测试之Bench.sh脚本

大家好我是山河,今天我来跟大家讲解一些服务器性能的测试的方法,我们买到服务器之后,安装好centos系统之后,然后再安装 wget 。

此次测试山河拿的是HK 服务器来测试的

代码

yum install wget -y

等待安装完之后,再安装Bench.sh脚本

代码

wget -qO- bench.sh | bash

然后回车执行

然后就开始检测了

CPU model 是处理器型号参数

total mem是内存

total Disk 是硬盘

带宽测试

好了,本文到此结束,我是山河,原创文章

https://blog.shanhe.info/

linux系统的vps怎么用ssh连接

大家好我是山河,今天我们给大家来一个给小白的教程,linux系统的vps 连接ssh方法,这个方法是电脑的,下一篇我写一个手机的。

好了,直接进入正题

首先先下载一个免费老牌软件 PuTTy

blog.shanhe.info

点击打开

blog.shanhe.info

输入ip 之后点击open

blog.shanhe.info

然后再看图

https://blog.shanhe.info/

点击之后,输入账号名 root (linux vps 默认账号就是root)

https://blog.shanhe.info/

然后输入密码 (如果复制粘贴,请点击鼠标右键在cmd里面,然后按回车)

成功如下图

https://blog.shanhe.info/

好了,本文到此结束,我是山河,原创文章。

山河博客HTML

山河html教程-最全表单教程

大家好,我是山河,今天我给大家带来html表单教程,可配合css,js,php等使用,表单用处广泛,评论,文章发表,留言板,意见,个人信息等,用处广泛。

本次教程是最终教程,带实例和成品图片
因为我这个手机web编辑器会自动补全代码,所以多出来很多现在用不到的东西。
表单内用到的属性我建议去菜鸟教程看属性
有错误请指出
以下是我写的一个实例,因为自动补全会补一些七七八八的东西,真烦

<!DOCTYPE html>

<html lang="CN">

<head>

<meta charset="utf-8">

<meta name="keywords" content="山河html表单">

<meta name="description" content="html教程">

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"><!--响应式-->

<title>山河html表单教程</title>

<script>src="https://code.jquery.com/jquery-3.4.1.min.js"</script>

</head>

<body id="id0" style="">

<form action="biaodan.php" method="post" id="id2">

名字:<input type="text" name="name" size="7" maxlength="6" value="最多5个字" id="id3"><br>

地址:<input type="text" name="address" maxlength="30" value="最多30字" id="id4"><br>

电话:<input type="text" name="phone" maxlength="14" value="最多14字" id="id5"><br>

账号:<input type="text" name="zhname" maxlength="12" size="12" id="id6"><br>

密码:<input type="password" name="Password" maxlength="14" size="14" id="id7" style=""><br>

学历:<select name="Academic Degree" id="id8">

  <option value="university" selected="selected" id="id9">大学</option>

  <option value="High school" id="id10">高中</option>

  <option value="Junior middle school" id="id11">初中</option>

  <option value="Primary school" id="id12">小学</option>

  <option value="Be Reading" id="id13">在读</option>

</select><br>

性别:<input type="radio" name="xinbie" value="male" id="id8">男

<input type="radio" name="xinbie" value="female" id="id9">女<br>

备注:<textarea name="remark" rows="8" cols="30" id="id10">山河html表单教程</textarea><br>

&nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<input wetools-sendsubmit="" type="button" name="tijiao" value="提交" id="id9">  &nbsp; &nbsp; <input type="reset" value="重置" id="id10">

</body>

</html>

成品图片我加上去
加到附件上了,下载来看吧
教程结束了,有事情群里找我
附件上的图片一言难尽,我做的成品和附加上的图片差远了,论坛克扣像素跟扣扣一样
by.山河 2020.4.2

https://blog.shanhe.info/

浅夏云香港CN2服务器测评

hello大家好,我是山河,今天由浅夏云赞助提供了一台 HK 服务器,那我们就给他安排一个最全面的测评,山河接到服务器之后就开始使用了,实际感觉很不错。

测评很详细,价格实惠,产品质量过硬。

vps 购买地点 购物车 | 浅夏云 (qxqxo.com)

首先看看价格和配置。

https://blog.shanhe.info/
https://blog.shanhe.info/

2H2G 5M 20G系统盘 100G/月流量的配置

仅需 15

一大亮点:

https://blog.shanhe.info/

vps 的 系统可以装 win,小白党的福利。

下面我们上Bench.sh来测试一下服务器的相关数据

首先是处理器

https://blog.shanhe.info/

E5-2660的处理器,这个价格已经是上品了。

然后我们看看硬盘的IO

https://blog.shanhe.info/

中规中规,这个价位也是顶级了。

最后是带宽

https://blog.shanhe.info/

上传 5Mbps 下载 5Mbps,商家给足了量,不存在虚标

另外,香港的带宽大家都知道,价格很贵,15元这个配置带宽,可以说是传家宝了。

南京,上海的延迟时间平均也才 40ms ,海外延迟最低的就是 HK vps。

总结,15元的HK vps ,海外厂是找不到这个配置还在 20米以下的了,不说海外厂了,就国内厂,没有几厂能拿得出来的,反正就一句话,物美价廉,各位看官细品,手慢无。

最后我们测一下安装宝塔 7.9 版本

https://blog.shanhe.info/

可以看出来,性能和速度还是很令人满意的,小型网站这个价位,美滋滋。

放个Bench.sh测完总图

https://blog.shanhe.info/

购物车 | 浅夏云 (qxqxo.com) vps 购买地点

最后:

未成年人及不能独立承担法律责任的个人及群体请勿访问本博客。

访问本博客请务必遵守有关互联网的相关法律、规定与规则;不能利用本博客所提及的内容从事任何违法、违规操作;否则造成的一切后果由访问者自行承担。