OpenSVN 安装使用

本文详细介绍了如何在服务器上安装并配置OpenVPN,以及如何为客户端安装和配置OpenVPN客户端,实现远程安全连接。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 


一、安装服务器

1、  到http://openvpn.net/上下载openvpn的最新版,时至今日是openvpn-2.0.9.tar.gz。

网上都说还需要lzo这个压缩库。也可以不安装,在编译程序的时候只需要加上--disable-lzo就可以了。这样所有要安装的就是一个包openvpn-2.0.9.tar.gz。

  1)解压 tar -xvf  openvpn-2.0.9.tar.gz

  2)./configure --disable-lzo 

  这个过程很可能需要Redhat的一些开发包,我安装的时候又打上了openssl-devel-0.9.7a- 43.2.i386.rpm、zlib-devel-1.2.1.2-1.2.i386.rpm、e2fsprogs-devel-1.35-12.2.EL4.i386.rpm

  3)make 

    make install

  4)生成证书

    cd /root/openvpn-2.0.9/easy-rsa 
export D=`pwd` 
export KEY_CONFIG=$D/openssl.cnf 
export KEY_DIR=$D/keys 
export KEY_SIZE=1024 
export KEY_COUNTRY=CN 
export KEY_PROVINCE=HA 
export KEY_CITY=ZZ 
export KEY_ORG="brds" 
export KEY_EMAIL=gxy423@hotmail.com
./clean-all 
./build-ca

 

用最新的2.1版本到此会报路径错误,没有细究原因,按提示输入信息即可,windows下可编辑vars文件写入信息

./build-key-server server 生成服务器证书

./build-key client1  生成客户端证书,注意Common Name (eg, your name or your server's hostname) []:client1    #重要: 每个不同的 client 生成的证书, 名字必须不同.

    ./build-key client2
    ./build-key client3依次生成其他客户端证书

最后 执行./build-dh

生成的所有证书在/root/openvpn-2.0.9/easy-rsa/keys

其中服务器需要的是ca.crtserver.crtserver.keydh1024.pem

每个客户端需要的是ca.crtclient1-3.crtclient1-3.key

 

1、  配置文件

a)        cp  /root/openvpn-2.0.9/sample-config-files/server.conf  /usr/local/etc/server.conf

b)        vi  /usr/local/etc/server.conf

                         i.              proto udp改成proto tcp

                        ii.              ca那四行改成

ca /root/openvpn-2.0.9/easy-rsa/keys/ca.crt

cert /root/openvpn-2.0.9/easy-rsa/keys/server.crt

key /root/openvpn-2.0.9/easy-rsa/keys/server.key

dh /root/openvpn-2.0.9/easy-rsa/keys/dh1024.pem

                      iii.              server那行改成

server 10.0.0.0 255.255.255.0

                      iv.              注释掉comp-lzo

                        v.              改成verb 5可以多查看一些调试信息

2、   启动服务:

关闭服务器、防火墙上所有对SSH22)、openvpn1194)的拦截。

echo 1 > /proc/sys/net/ipv4/ip_forward

/usr/local/sbin/openvpn --config /usr/local/etc/server.conf

为了实现开机启动,在/etc/rc.local后面添加

/usr/local/sbin/openvpn --config /usr/local/etc/server.conf > /dev/null 2>&1 &

1.         安装客户端

1、   http://openvpn.se/上下载与openvpn服务器版本一致的Windows客户端“OpenVPN GUI For Windows

a)          例如, 服务器装的是 OpenVPN 2.09, 那么下载的 OpenVPN GUI fow windows应该是: openvpn-2.0.9-gui-1.0.3-install.exe

2、   执行openvpn-2.0.9-gui-1.0.3-install.exe。一切采用默认设置。

3、   ca.crtclient1.crtclient1.key复制到C:\Program Files\OpenVPN\config。(不同用户使用不同的证书,每个证书包括.crt.key两个文件,如client2.crtclient2.key

4、   /root/openvpn-2.0.9/sample-config-files/client.conf 的基础上建立客户端配置文件,改名为C:\Program Files\OpenVPN\config\client.ovpn

a)          proto udp改成proto tcp

b)         remote那行改成

gait.buaa.edu.cn 1194

c)          ca3行改为

ca ca.crt

cert client1.crt

key client1.key

d)         注释掉comp-lzo

5、   连接:在右下角的openvpn图标上右击,选择“Connect”。正常情况下应该能够连接成功,分配正常的IP

 

OpenVPN 给客户端固定分配IP---配置如下:
修改server.conf
加入这么一行:
client-config-dir /etc/openvpn/ccd
mkdir /etc/openvpn/ccd
cd /etc/openvpn/ccd
ccd目录下面的 文件名要以客户端证书的名称,也就是:
Common Name (eg, your name or your server's hostname) 

vim sunny
ifconfig-push 192.168.0.5 192.168.0.6

openvpn只支持255.255.255.252 的子网,而且252的子网只有两个IP,一个分配给客户端,一个留给服务器用.
所以ccd目录下面的文件内容只能是:
ifconfig-push 192.168.0.1 192.168.0.2
ifconfig-push 192.168.0.5 192.168.0.6
ifconfig-push 192.168.0.9 192.168.0.10
ifconfig-push 192.168.0.13 192.168.0.14

 

 

 

<think>我们正在寻找替代大量使用` `来实现文本对齐的优雅方法。根据引用[1][2][3]的内容,过度使用` `可能导致布局问题,尤其是在响应式设计中。引用[4]提到了使用Flexbox布局的`align-content`属性,但这里我们更关注水平对齐问题。 优雅的替代方案: 1. 使用CSS的Flexbox布局:可以轻松实现元素的对齐,无需使用` `。 2. 使用CSS Grid布局:同样可以精确控制元素位置。 3. 使用text-align属性:对于文本对齐,使用text-align更合适。 4. 使用margin和padding:通过调整间距实现对齐。 5. 使用伪元素:在某些情况下,可以用伪元素来添加间隔。 具体到问题中的代码,原代码中使用了多个` `来分隔指令ID、类型和按钮。我们可以通过CSS布局来重构,避免使用` `。 重构步骤: 1. 将指令信息(ID和类型)和操作按钮(暂停、删除)分别放入两个容器中。 2. 使用Flexbox布局,让这两个容器分别占据左右两侧。 3. 在左侧信息容器内,也可以使用Flex布局来设置ID和类型的间距。 代码示例: 原代码结构(简化): ```html <div class="instruction-info"> <span class="cmd-id"> {{ cmd.id }}</span>         <span class="cmd-type">{{ cmd.type }}</span>        <el-button ...>暂停</el-button> <el-button ...>删除</el-button> </div> ``` 重构后: ```html <div class="instruction-info"> <div class="info-left"> <span class="cmd-id">{{ cmd.id }}</span> <span class="cmd-type">{{ cmd.type }}</span> </div> <div class="info-right"> <el-button ...>暂停</el-button> <el-button ...>删除</el-button> </div> </div> ``` 样式: ```css .instruction-info { display: flex; justify-content: space-between; /* 左右两侧分开 */ align-items: center; /* 垂直居中 */ } .info-left { display: flex; gap: 20px; /* 使用gap属性设置子元素之间的间距 */ } .info-right { display: flex; gap: 10px; /* 按钮之间的间距 */ } ``` 这样,我们完全移除了` `,使用Flex布局的gap属性(或者margin)来控制间距,更加清晰和易于维护。 另外,根据引用[3]提到的,在表格对齐等场景中,如果确实需要空格,可以考虑使用` `作为占位,但布局场景中应优先使用CSS。 总结:使用CSS布局技术(Flexbox或Grid)替代` `进行对齐是更优雅、更可维护的方式。 相关问题: 1. 在响应式设计中,如何调整Flexbox布局以适应不同屏幕尺寸? 2. 除了Flexbox,CSS Grid在实现复杂布局时有哪些优势? 3. 如何解决Flexbox布局中的浏览器兼容性问题? 4. 在文本排版中,如何实现首行缩进、段落间距等效果而不使用` `或` `?</think># 优雅的文本对齐方案:替代大量 的CSS布局方法 在HTML中使用大量` `来实现对齐不仅代码臃肿,还会导致维护困难和响应式问题。下面我将介绍几种更优雅的CSS替代方案。 ## 问题分析 使用` `的常见问题: - 代码可读性差,难以维护 - 无法适应不同屏幕尺寸 - 间距控制不精确 - 不利于响应式设计 ## 优雅的CSS替代方案 ### 1. Flexbox布局(推荐) ```html <div class="flex-container"> <div class="label">指令ID:</div> <div class="value">CMD-2023-001</div> <div class="label">类型:</div> <div class="value">类型A</div> <div class="actions"> <button>暂停</button> <button>删除</button> </div> </div> <style> .flex-container { display: flex; align-items: center; /* 垂直居中 */ gap: 15px; /* 元素间距 */ } .label { font-weight: bold; min-width: 70px; /* 固定标签宽度 */ } .actions { margin-left: auto; /* 自动将按钮推到右侧 */ display: flex; gap: 10px; } </style> ``` ### 2. Grid布局(复杂布局首选) ```html <div class="grid-container"> <div class="label">指令ID:</div> <div class="value">CMD-2023-001</div> <div class="label">类型:</div> <div class="value">类型A</div> <div class="actions"> <button>暂停</button> <button>删除</button> </div> </div> <style> .grid-container { display: grid; grid-template-columns: auto 1fr auto 1fr auto; /* 5列布局 */ align-items: center; gap: 15px; } .actions { grid-column: 5; /* 将按钮放在最后一列 */ display: flex; justify-content: flex-end; /* 右对齐 */ gap: 10px; } </style> ``` ### 3. 伪元素实现等宽间距 ```html <div class="spaced-container"> <span>指令ID: CMD-2023-001</span> <span>类型: 类型A</span> <div class="actions"> <button>暂停</button> <button>删除</button> </div> </div> <style> .spaced-container { display: flex; } .spaced-container > span:not(:last-child)::after { content: ""; display: inline-block; width: 30px; /* 自定义间距 */ } </style> ``` ### 4. 文本对齐与间距控制 ```css /* 替代   的文本对齐方案 */ .text-align-center { text-align: center; } .text-align-right { text-align: right; } /* 替代   的间距控制 */ .spacing-small { margin-right: 8px; } .spacing-medium { margin-right: 16px; } .spacing-large { margin-right: 24px; } ``` ## 实际应用示例 ```html <div class="command-card"> <div class="command-header"> <h3>任务标题</h3> </div> <div class="command-grid"> <div class="command-info"> <span class="label">指令ID:</span> <span class="value">CMD-2023-001</span> </div> <div class="command-info"> <span class="label">类型:</span> <span class="value">类型A</span> </div> <div class="command-actions"> <button class="btn-warning">暂停</button> <button class="btn-danger">删除</button> </div> </div> </div> <style> .command-card { border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); } .command-header { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #eee; } .command-grid { display: grid; grid-template-columns: 1fr 1fr auto; gap: 15px; align-items: center; } .command-info { display: flex; gap: 10px; } .label { font-weight: bold; min-width: 60px; } .command-actions { display: flex; justify-content: flex-end; gap: 10px; } .btn-warning { background: #ffc107; border: none; padding: 6px 12px; border-radius: 4px; cursor: pointer; } .btn-danger { background: #dc3545; color: white; border: none; padding: 6px 12px; border-radius: 4px; cursor: pointer; } </style> ``` ## 最佳实践建议 1. **优先使用Flexbox/Grid布局**:现代CSS布局技术提供了更强大的对齐能力[^4] 2. **使用gap属性控制间距**:替代` `创建元素间距 3. **利用margin/padding进行微调**:精确控制元素间距 4. **避免使用固定宽度**:使用min-width/max-width实现响应式设计 5. **使用CSS变量统一间距**: ```css :root { --spacing-sm: 8px; --spacing-md: 16px; --spacing-lg: 24px; } .element { margin-right: var(--spacing-md); } ``` 6. **在必须使用空格时**:考虑使用` `(1/6em)或` `(1/2em)替代` `[^2][^3] 通过这些CSS技术,您可以完全避免使用` `进行布局控制,创建更干净、更可维护且响应式的设计。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值