[FUN] HTML Mingyu Zhu’s Personal Web Page

中文

Code

<html>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<head>

<title>Mingyu Zhu</title>

</head>

<body>

<div style="position:absolute; width:100%; height:100%; z-index:-1; left:0; top:0;"> 
<img src="https://filedn.eu/ltLpz9YGUS2hi1pJmklNfDb/en_us/dimfigure.JPG" height="100%" width="100%" style="position:absolute;left:0; top:0;"> 
</div>

<div style="width:300px;height:50px;float:left"> 
<form action="http://www.google.com/search" method="get"> 
<input type="text" name="q" size="20" maxlength="255" value="" /> 
<input type="submit" name="btnG" value="Google" /> 
</form>
<a href="https://zhu-mingyu.github.io" style="right: 15px; position: absolute; font-size:25px;color:red">中文 (GitHub)</a>
<a href="https://zhumingyu.com" style="right: 215px; position: absolute; font-size:25px;color:red">中文</a>
</div> 

<div style="left: 8px; position: absolute; top: 75px;font-size:45px;">Mingyu Zhu's Personal Web Page</div>

<div style="left: 800px; position: absolute; top: 300px;font-size:15px;">"Hope everyone can achieve self achievement and self happiness fairly."</div>

<a href="http://eternalcenter.com" target="_blank" style="left: 8px; position: absolute; top: 185px;font-size:20px;color:black">Eternal Center (eternalcenter.com), Mingyu Zhu's personal website</a>
<a href="https://e.pcloud.link/publink/show?code=kZukhJZUhQq66Fxs0yg5rL1LsAgrSD3ytMk" target="_blank" style="left: 8px; position: absolute; top: 215px;font-size:20px;color:black">Mingyu Zhu's personal website data for cloning</a>
<a href="https://github.com/eternalcenter-now/eternalcenter-now" target="_blank" style="left: 8px; position: absolute; top: 245px;font-size:20px;color:black">Mingyu Zhu's personal website code for cloning</a>
<a href="http://static.eternalcenter.com" target="_blank" style="left: 8px; position: absolute; top: 275px;font-size:20px;color:black">Effect display page of Mingyu Zhu's personal website</a>
<a href="https://eternalcenter-now.github.io" target="_blank" style="left: 8px; position: absolute; top: 305px;font-size:20px;color:black">Effect display page of Mingyu Zhu's personal website (GitHub)</a>
<a href="https://e.pcloud.link/publink/show?code=kZrJhJZbVIBf8jmVFzumvaYnEwPlLLc34DX" target="_blank" style="left: 8px; position: absolute; top: 335px;font-size:20px;color:black">Public personal data of Mingyu Zhu</a>

</body>

<html/>

Background Picture

[命令] Linux 命令 set (设置 Shell 里的位置变量或者 Shell 的执行方式)

内容一:set 命令的格式

1.1 设置 Shell 的位置变量的格式

# set <Value of the first position variable> <Value of the second location variable> ......

1.2 设置 Shell 的执行方式

# set <parameter>

或者:

# set <parameter> +o

或者:

# set <parameter> -o

(补充:+o 代表打开特殊属性,-o 代表结束特殊属性)

内容二: set 的常用参数

1) -a 将已修改的变量进行标记,为将其输出至环境变量做准备
2) -b 让被中止的后台进程立刻显示退出状态代码
3) -d 取消使用杂凑表记忆中使用过的指令
4) -e 若退出状态代码不为 0 (正常退出)则立即退出,并显示错误原因
5) -f 取消通配符
6) -h 默认自动记录函数位置
7) -k 让命令的参数为此命令的环境变量
8) -l 默认自动记录 for 循环变量名
9) -m 监视模式
10) -n 测试模式(只读取不执行)
11) -p 优先顺序模式
12) -P 让文件或目录代替符号链接
13) -t 让随后的命令执行后立即退出
14) -u 使用未定义的变量时显示错误信息
15) -v 显示输入值
16) -H shell 使用感叹号 “!” + 号码的方式调用 history 命令中的历史命令
17) -x 命令指向前先显示此命令的参数或变量

(补充:将以上参数前面的 – 换成 + 则会变成相反的效果)

[内容] Linux 数组

内容一:定义数组

1.1 定义数组全部的值

1.1.1 在命令行中定义数组的值
# <array_name>=(<value0> <value1> <value2> <value3> <value4>)

或者:

# <array_name>=(\
<value0>\
<value1>\
<value2>\
<value3>\
<value4>\
)
1.1.2 在脚本中定义数组的值
<array_name>=(
<value0>
<value1>
<value2>
<value3>
<value4>
)

或者:

<array_name>[0]=<value0>
<array_name>[1]=<value1>
<array_name>[2]=<value2>
<array_name>[3]=<value3>
<array_name>[4]=<value4>

1.2 定义数组某个指定位置元素的值

1.2.1 在命令行定义数组某个指定位置元素的值
# <array_name>[0]=<value0>

(补充:这里以定义数组第 1 个元素位置的值为例)

1.2.2 在脚本定义数组某个指定位置元素的值
<array_name>[0]=<value0>

(补充:这里以定义数组第 1 个元素位置的值为例)

1.3 给数组追加新的元素

# <array_name>+=(<the value of the new element> <the value of the new element> <the value of the new element> ......)

或者:

# <array_name>+=('<the value of the new element>' '<the value of the new element>' '<the value of the new element>' ......)

(补充:这里每个空格间隔 1 个新的元素,元素的位置依次递增)

内容二:显示数组

2.1 显示数组全部的值

# echo ${<array_name>[*]}

或者:

# echo ${<array_name>[@]}

2.2 显示数组元素的个数

# echo ${#<array_name>[*]}

或者:

# echo ${#<array_name>[@]}

2.3 显示数组最长单个元素的长度

# echo ${#<array_name>[n]}

2.4 显示数组单个元素的值

# echo ${<array_name>[1]}

(补充:这里以显示数组第 2 个元素的值为例)

2.5 显示数组位置经过计算得出的元素的值

# echo ${command_array[2 + 1]} 

(补充:这里以显示数组第 2 + 1 = 3 个,也就是第 3 个元素的值为例)

2.6 显示数组位置经过计算得出的元素的值,并在计算过程中使用变量

# echo ${command_array[(2 * $i) + 1]}

(补充:这里以显示数组第 2 乘以变量 i 的值再加上 1 的位置的元素的值为例)

2.7 显示数组单个元素的值,并在前面加前缀

# echo "First Index: ${<array_name>[0]}"

(补充:这里以显示数组第 1 个元素的值,并在前面加上 First Index: 前缀为例)

内容三:数组的使用案例

3.1 使用脚本手动创建数组

3.1.1 创建使用数组的脚本
# vim test.sh

创建以下内容:

#!/bin/bash
  
NAME[0]='a1'
NAME[1]='b2'
NAME[2]='c3'
NAME[3]='d4'
NAME[4]='e5'

echo "first one: ${NAME[0]}"
echo "${NAME[*]}"

(补充:这里以创建名为 test.sh 显示数组的第 1 个值和所有值,并在第 1 个值前面添加 first one 前缀的脚本为例)

3.1.2 执行使用数组的脚本
# . test.sh 
first one: a1
all: a1 b2 c3 d4 e5

(补充:这里以执行名为 test.sh 的脚本,显示第 1 行是 first one: a1 第 2 行是 all: a1 b2 c3 d4 e5 的结果为例)

3.2 使用脚本自动创建数组

3.2.1 创建使用数组的脚本
# vim test.sh

创建以下内容:

#!/bin/bash
Variaty=`echo a;echo b;echo c`
Number=0
Array=(0 1 2)

for i in $(echo $Variaty)
do
    Array[$Number]="$i"
    let Number++
done

The_first_value=${Array[0]}
The_second_value=${Array[1]}
The_third_value=${Array[2]}

echo $The_first_value
echo $The_second_value
echo $The_third_value

(补充:这里以创建名为 test.sh 显示全部三个数组的值为例)

3.2.2 执行使用数组的脚本
# . test.sh

(补充:这里以执行名为 test.sh 的脚本为例)