深海游弋的鱼 – 默默的点滴

CSS高度自适应铺满全屏

HTML:

<!DOCTYPE html>
<html>
 
<head>
    <meta charset="utf-8" />
    <title>dddd</title>
    <link rel="stylesheet" type="text/css" href="test.css" />
</head>
 
<body class="HolyGrail">
    <header>...</header>
    <div class="HolyGrail-body ">
        <main class="HolyGrail-content">...</main>
        <nav class="HolyGrail-nav">...</nav>
        <aside class="HolyGrail-ads">...</aside>
    </div>
    <footer>...</footer>
</body>

<!DOCTYPE html>

<html>

<head>

</head>

</div>

</body>

CSS:

.HolyGrail {
    display: flex;
    flex-direction: column;
    background-color: blueviolet;
}
 
header,
footer {
    height: 100px;
    background-color: aquamarine;
}
 
body {
    padding: 0;
    margin: 0;
    min-height: 100vh;
}
 
.HolyGrail-body {
    flex: 1;
    background-color: brown;
}

.HolyGrail {

display: flex;

flex-direction: column;

background-color: blueviolet;

}

header,

footer {

height: 100px;

background-color: aquamarine;

}

body {

padding: 0;

margin: 0;

min-height: 100vh;

}

.HolyGrail-body {

flex: 1;

background-color: brown;

}

这里需要注意的是设置body的min-height: 100vh;以及margin: 0;

vw和vh

vm、vh、vmin、vmax是一种视窗单位，也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗（Viewport）大小来决定的，单位 1，代表类似于 1%。视窗(Viewport)是你的浏览器实际显示内容的区域—，换句话说是你的不包括工具栏和按钮的网页浏览器。

具体描述如下：

vw：视窗宽度的百分比（1vw 代表视窗的宽度为 1%）
vh：视窗高度的百分比
vmin：取当前Vw和Vh中较小的那一个值
vmax：取当前Vw和Vh中较大的那一个值

vh和vw相对于视口的高度和宽度， 1vh 等于1/100的视口高度，1vw 等于1/100的视口宽度比如：浏览器高度900px，宽度为750px, 1 vh = 900px/100 = 9 px，1vw = 750px/100 = 7.5 px，很容易实现与同屏幕等高的框。

参考链接

spring boot设置favicon，favicon不生效，不成功，不起作用

Favicon配置

默认的Favicon图标

关闭默认图标
在application.properties中添加：

spring.mvc.favicon.enabled=false

1	spring.mvc.favicon.enabled=false

或者（我这个有效果）：

spring.favicon.enabled = false

1	spring.favicon.enabled = false

效果具体原因：https://jira.spring.io/browse/SPR-12851

spring boot设置favicon，favicon不生效，不成功，不起作用

springboot显示的是一片叶子，我们如何使用自己的favicon呢？

1.将favicon.icon放到resources目录下例如：/public,/static等等

2.完成上面的步骤还不能显示，还需在你的页面的head标签添加代码

<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="shortcut icon" th:href="@{/favicon.ico}" type="image/x-icon"/>
    <link rel="icon" th:href="@{/favicon.ico}" type="image/x-icon"/>
    <link rel="bookmark" th:href="@{/favicon.ico}" type="image/x-icon"/>
</head>

<head>

</head>

3.注意我使用的thymeleaf所以是以上代码片段如果你不是请这样添加

<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
    <link href="/favicon.ico" rel="icon" type="image/x-icon"/>
    <link href="/favicon.ico" rel="bookmark" type="image/x-icon"/>
</head>

<head>

</head>

参考链接

spring boot设置favicon，favicon不生效，不成功，不起作用

fail2ban with OpenVPN(ubuntu 20.04)

This page describes how to set up fail2ban with OpenVPN 2.4.7 (tested on ubuntu 20.04)

Create /etc/fail2ban/filter.d/openvpn.conf containing:

# Fail2Ban filter for selected OpenVPN rejections
#
#

[Definition]

# Example messages (other matched messages not seen in the testing server's logs):
# Fri Sep 23 11:55:36 2016 TLS Error: incoming packet authentication failed from [AF_INET]59.90.146.160:51223
# Thu Aug 25 09:36:02 2016 117.207.115.143:58922 TLS Error: TLS handshake failed

failregex = ^ TLS Error: incoming packet authentication failed from \[AF_INET\]<HOST>:\d+$
            ^ <HOST>:\d+ Connection reset, restarting
            ^ <HOST>:\d+ TLS Auth Error
            ^ <HOST>:\d+ TLS Error: TLS handshake failed$
            ^ <HOST>:\d+ VERIFY ERROR

ignoreregex =

# Fail2Ban filter for selected OpenVPN rejections

[Definition]

# Example messages (other matched messages not seen in the testing server's logs):

# Fri Sep 23 11:55:36 2016 TLS Error: incoming packet authentication failed from [AF_INET]59.90.146.160:51223

# Thu Aug 25 09:36:02 2016 117.207.115.143:58922 TLS Error: TLS handshake failed

failregex = ^ TLS Error: incoming packet authentication failed from \[AF_INET\]<HOST>:\d+$

^ <HOST>:\d+ Connection reset, restarting

^ <HOST>:\d+ TLS Auth Error

^ <HOST>:\d+ TLS Error: TLS handshake failed$

^ <HOST>:\d+ VERIFY ERROR

ignoreregex =

Create /etc/fail2ban/jail.local containing:

# Fail2Ban configuration fragment for OpenVPN

[openvpn]
enabled  = true
port     = 1194
protocol = udp
filter   = openvpn
logpath  = /var/log/openvpn/openvpn.log
maxretry = 3

# Fail2Ban configuration fragment for OpenVPN

[openvpn]

enabled = true

port = 1194

protocol = udp

filter = openvpn

logpath = /var/log/openvpn/openvpn.log

maxretry = 3

To effect the configuration change:

$ service fail2ban restart

1	$ service fail2ban restart

To test the configuration change, check /var/log/fail2ban.log initially for service start messages and later for WARNING [openvpn] Ban and Unban messages.

参考链接

HOWTO fail2ban with OpenVPN

禁止macOS系统产生.DS_Store文件的方法

Mac经常会产生 .DS_Store 的隐藏文件，虽然在 Mac 上看不到，但是有时用了人家的 U 盘或把 U 盘拿到 Windows 系统上用，就会看到。

.DS_Store 是 Mac OS 保存文件夹的自定义属性的隐藏文件，如文件的图标位置或背景色，相当于Windows 的 desktop.ini。

禁止 .DS_Store 生成：
打开 “终端” ，复制黏贴下面的命令，回车执行，重启Mac即可生效。

$ defaults write com.apple.desktopservices DSDontWriteNetworkStores -bool TRUE

1

$ defaults write com.apple.desktopservices DSDontWriteNetworkStores -bool TRUE
恢复 .DS_Store 生成：

$ defaults delete com.apple.desktopservices DSDontWriteNetworkStores

1

$ defaults delete com.apple.desktopservices DSDontWriteNetworkStores

一	二	三	四	五	六	日
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31