搭建网站的三种方式：家庭服务器、云服务器、serv00免费服务器 ...

方案

网站原始内容：markdown笔记。
笔记转为网站：使用 MkDocs 将笔记转换为静态网站。
部署网站：使用 serv00 免费服务器。
域名：使用自购域名。也可以使用serv00的免费域名，但是免费域名无法CDN。
域名解析和CDN：cloudflare免费CDN。
‍
1.领取 serv00 免费服务器

注册serv00的须要条件：

• 干净的ip：每个ip只能注册一次，ip不干净可以尝试不同的节点。
  
• 干净的邮箱：每个邮箱只能注册一次。
  

‍
关于【邮箱不可用】办理本领：

• 1.用不存在的邮箱xxx@xxx​注册serv00
  
• 2.serv00注册乐成后再去注册邮箱：xxx@xxx
  
• 3.登录serv00时，点击找回密码。serv00的密码就发到邮箱上了。
  

‍
注册乐成：serv00账号可登录serv00服务器，每个账号可以使用512MB内存+3GB硬盘资源。
‍
注册教程：视频教程
‍
注册所在：https://www.serv00.com
‍
tips：思源笔记 用户可以使用NoteToWebsite​插件直接将笔记导出为静态网站。跳过第2、3节，直接来到第4节：部署网站到服务器。
‍
2.安装MkDocs

可选的：创建和激活 python 假造情况

2. sudo apt update
4. # 安装python环境
5. sudo apt install python3 python3-pip python3-venv -y
7. # python虚拟环境
8. python3 -m venv .python-venv/
10. # 激活python虚拟环境
11. source .python-venv/bin/activate
13. # 更新虚拟环境的 pip
14. .python-venv/bin/pip install --upgrade pip

复制代码

‍
安装 MkDocs

1. pip install mkdocs-material

复制代码

‍
3.天生网站

创建 MkDocs 项目

1. mkdocs new ~/mkdocs/
2. cd ~/mkdocs

复制代码

‍
将笔记复制到项目 docs 目录下
‍
启动预览网站

1. mkdocs serve

复制代码

‍
预览网站：http://127.0.0.1:8000​
‍
天生网站资源：执行mkdocs build
​天生网站文件夹项目文件夹/site​

1. mkdocs build

复制代码

‍
4.部署网站到服务器

提供三种方案，选择一种即可：

• 全免费方案：serv00 免费服务器 +serv00 免费域名。优点是免费，缺点是网速比较慢，跨国。
  
• 花点小钱方案：serv00 免费服务器 + 自购域名：优点是可以套cloudflare的免费CDN加快。
  
• 花点小钱方案：自购云服务器 + 自购域名：除了可以套cloudflare的免费CDN加快以外，还具最高的自由度。
  

‍
推荐购买一个域名，性价比和可玩性很高。
‍
建站方案一：免费域名+免费服务器

此时你应该已经乐成注册了serv00，收到了邮件。你获得了serv00的登录所在、账号xxx​、密码和免费域名xxx.serv00.net​。可以开始部署网站到服务器。
‍

• 上传静态资源到服务器：当地计算机执行
  
  1. # 打包
  2. zip -r site.zip ~/mkdocs/site/
  4. # 上传到服务器
  5. scp site.zip user@ip:~/domains/xxx.serv00.net/

  复制代码
• 替换网站资源：登录serv00服务器执行
  
  1. # 切换工作目录到域名文件夹
  2. cd ~/domains/xxx.serv00.net/
  4. # 删除网站资源
  5. rm  -rf public_html/
  7. # 解包
  8. unzip  site.zip -d public_html/
  10. # 替换网站资源
  11. mv site/ public_html/

  复制代码

访问网站：替换完成后就可以通过 xxx.serv00.net 访问网站了，xxx 是你注册serv00的用户名。
访问示例网站：https://soulio.serv00.net
网络体验：被墙挡住了。
​

​
建站方案二：自购域名+免费服务器

• 登录 serv00 管理页面，添加静态网站
  ​
  
  ​
  在文件夹 ~/domains/​ 可以查看和管理刚添加的站点
  ​
  
  ​
  
• 上传静态资源到服务器
  当地计算机执行
  
  1. # 打包
  2. zip -r site.zip ~/mkdocs/site/
  4. # 上传到服务器 ~/domains/域名目录
  5. scp site.zip xxx@s6.serv00.com:~/domains/soulio.top/

  复制代码
• 替换网站资源：在 serv00 服务器上执行
  
  1. # 切换工作目录到 ~/domains/域名目录
  2. cd ~/domains/soulio.top/
  4. # 删除网站资源
  5. rm -rf public_html/
  7. # 解包
  8. unzip -d site.zip
  10. # 替换网站资源
  11. mv site/ public_html/

  复制代码

接下来设置域名解析和CDN加快
具备条件：此时你应该已经购买了自己的域名，并注册并登录 Cloudflare

• 将你的域名转到Cloudflare管理：详情自行在网上搜刮，不难
  ​
  
  ​
  
• 查看服务器IP： serv00 管理页面，点击【SSL】>【WWW websites】查看 ip
  ​
  
  ​
  
• 域名解析
  
  
  
  • 域名解析到serv00服务器的ip
    
  • 勾选代理，启用CDN加快
    
  ​
  
  ​
  
  

访问网站：通过自己的域名访问网站
访问示例网站：https://soulio.top
网络体验：通过 CF 代理加快后，加载速率能够接受的。
​

​
‍
建站方案三：自购域名+自购服务器

这个就跟 serv00 不要紧了。

• 购买服务器：买自制的就行了
  
• 安装Nginx：服务器执行
  
  1. sudo apt install nginx-core -y

  复制代码
• 上传网站资源：当地计算机执行
  
  1. # 打包
  2. zip -r site.zip ~/mkdocs/site/
  4. # 上传
  5. scp site.zip xxx@ip:~

  复制代码
• 部署网站资源：服务器执行
  
  1. # 解包
  2. unzip -d /usr/share/nginx/html/site.zip
  3. # 放置（放一个正常的位置就行）
  4. mv site/ /usr/share/nginx/html/

  复制代码
• 设置 Nginx 网站服务器
  
  
  
  • 添加设置文件 /etc/nginx/conf.d/mysite.conf​
    
    1. server {
    2.     # 端口
    3.     listen 80;
    5.         # 域名
    6.     server_name site.soulio.top;
    8.     location / {
    9.         root /usr/share/nginx/html/site; # 静态文件的目录
    10.         index index.html index.htm;
    11.         charset utf-8;
    12.         try_files <span class="katex--inline"><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mi>u</mi><mi>r</mi><mi>i</mi></mrow><annotation encoding="application/x-tex">uri </annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:0.6595em;"><span class="mord mathnormal">u</span><span class="mord mathnormal" style="margin-right:0.02778em;">r</span><span class="mord mathnormal">i</span></span></span></span></span>uri/ =404;
    13.     }
    14. }
    15. </span>

    复制代码
  • 检查设置公道性
    
    1. nginx -t

    复制代码
  • 加载设置
    
    1. nginx -s reload

    复制代码
  
  
• DNS 解析
  购买域名，域名解析到服务器 ip，示例：
  ​
  
  ​
  

‍
访问：可以通过自己的域名访问网站了
示例网站：https://bj.soulio.top
网络体验：走CDN反而比较慢，但是更安全。
​

​
‍
关于https://bj.soulio.top这个网站：
比较有意思的是搭建这个网站没有购买云服务器，仅使用了HomeServer（家里的淘汰笔记本）+ipv6的非80/443端口。CDN发挥了关键的作用：

• 端口隐藏：将非80、443端口转换为80、443端口。
  
• 隐藏源服务器ip所在
  
• 对源主机起到了一定水平的掩护
  

网站的作用是将思源笔记的全部文章分享出去
​

​
出于安全思量，不久将会关闭这个网站。网站放到serv00或者云服务器才能安心。
​

​
‍
结语

搭建网站的方案照旧非常机动的，各有优劣：

• 放在家里：底层本，高性能；面临网络安全的威胁。
  
• 放云服务器：安全性更高；续费贵，迁徙麻烦。
  
• 放serv00：不用思量安全问题，不停免费不停用；可用资源少，账号权限低。
  

‍
动态网站：serv00也是可以搭建动态网站的，比如Typecho、WordPress、wiki.js。
体验：在512MB内存的限制下，WordPress和wiki.js体现得非常卡顿，wiki.js轻度使用下内存占用超过了400MB。Typecho的体现是最好的，内存占用仅几十MB，反应也比较快。
示例网站：typecho.soulio.top
‍

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。