超详细图解:从 0 搭建一个个人网站,也太简单了吧 (6)

我网站里的文章排版样式,借用的是 mdnice 的主题,个人非常喜欢。

/* 二级标题 */ .view-content h2 { margin: 40px 20px auto; height: 40px; background-color: rgb(251, 251, 251); border-bottom: 1px solid rgb(246, 246, 246); overflow: hidden; box-sizing: border-box; } /* 二级标题内容 */ .view-content h2 { margin-left: -10px; display: inline-block; width: auto; height: 40px; background-color: rgb(33, 33, 34); border-bottom-right-radius:100px; color: rgb(255, 255, 255); padding-right: 30px; padding-left: 30px; line-height: 40px; font-size: 16px; } /* 二级标题修饰 请参考有实例的主题 */ .view-content h2:after { } /* 三级标题内容 */ .view-content h3 { margin-top: 5px; padding-top: 20px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; font-size: 17px; border-bottom: 2px solid rgb(33, 33, 34); line-height: 1.1; } /* 引用文字 */ .view-content blockquote p { color: #353535; font-size: 16px; margin: 0 10px; display: block; } .view-content .blockquote:after { content: "”"; float: right; display: block; font-size: 2em; color: rgb(248, 57, 41); font-family: Arial, serif; line-height: 1em; font-weight: 700; } /* 二维码显示 */ header .gongzhonghao { color: #fff; font-size: 14px; position: absolute; bottom: 30px; } header .weixinhao { color: #fff; font-size: 14px; position: absolute; bottom: 180px; } 6.4 部署 HTTPS

关于如何部署 HTTPS ,我在之前的文章里讲过一种。

今天再介绍另外一种:使用宝塔。

注册并登陆宝塔(https://bt.cn),然后进入控制面板,进行实名认证。

超详细图解:从 0 搭建一个个人网站,也太简单了吧

点击申请证书

超详细图解:从 0 搭建一个个人网站,也太简单了吧

选择免费的就好

超详细图解:从 0 搭建一个个人网站,也太简单了吧

填写你的域名后,支付订单(其实不要钱)。

超详细图解:从 0 搭建一个个人网站,也太简单了吧

然后点击详情,需要验证该域名是归你所有。

方法它会告诉你,登陆我的阿里云域名解析,根据如下提示去添加 DNS解析规则

超详细图解:从 0 搭建一个个人网站,也太简单了吧

然后静待一段时间验证成功了,就可以点击如下按钮,下载数据证书。

超详细图解:从 0 搭建一个个人网站,也太简单了吧

下载到本地后,你会得到一个 zip 包,解压一下,就可以看到证书文件及私钥。

超详细图解:从 0 搭建一个个人网站,也太简单了吧

因为我的博客使用的是 Nginx,因此我该 Nginx 下的两个文件上传到我的服务器上的 nginx 目录下.

具体怎么上传呢?你可以使用远程拷贝软件,例如 WinSCP,也可以使用 lrzsz (推荐使用)。

传到哪个目录下呢?

先使用 find 命令查找一下你的 nginx.conf 路径

$ find / -name nginx.conf /usr/local/nginx/conf/nginx.conf

你的证书文件可以和 nginx.conf 放在同一目录下

/usr/local/nginx/conf

接下来使用 vim 编辑该文件,找到 server,添加如下行( server 原本的内容 我使用 ... 表示,意思是不需要去动。 )

server { listen 443 ssl; # 注释掉该行 # listen 80 default_server reuseport; #证书文件名称 ssl_certificate 1_iswbm.com_bundle.pem; #私钥文件名称 ssl_certificate_key 0_iswbm.com.key; ... }

最后重启 nginx

$ systemctl restart nginx

尝试用 https 访问一下我的网站 https://iswbm.com,非常顺利。

超详细图解:从 0 搭建一个个人网站,也太简单了吧

到这里,事情其实还没有结束,你还需要做两件事情:

第一件事:在后台进行一些配置,不然从网站跳转的时候还是会使用 http

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzxpsg.html