当前位置：卡卷网 / 每日看点 / 正文

自己搭建一个网站简易的大概多少钱？

作者：卡卷网发布时间：2025-01-11 16:38浏览数量：79次评论数量：0次

概述

所有的流量入口，我只相信网页入口，只有自己的网页，才是没有限流或者封号的可能，只要不违法，话语权就在自己手上，流量的终点就是自己的网页。

之前也做了一期搭建笔记网页教程，其实还少填了很多知识，不过依旧引起了良好的反馈。

对用户好的事情要重复做，今天再次详细地做一期教程，给大家省下499元，涉及的知识如下：

VitePressGithubActionsGithuPages证书Nginx负载均衡

先花几分钟，简单学习下这些知识点。

VitePress

VitePress是类似VuePress的一个静态博客，它支持markdown文件生成静态网页，还支持在markdown文件中变现vue代码，支持自定义主题。

VitePress是一个静态站点生成器(SSG)，专为构建快速、以内容为中心的站点而设计。简而言之，VitePress获取用Markdown编写的内容，对其应用主题，并生成可以轻松部署到任何地方的静态HTML页面。

GithuActions

GithuActions可以理解为自动化脚本，自动将项目进行编译，可以指定编译结果输出到GithuPage。

GitHuActions允许用户创建工作流（Workflow），这些工作流会在特定事件发生时自动执行。事件可以是推送到仓库的代码变更、创建或关闭Issue、拉取请求（PullRequest）等。工作流由一个或多个任务（Jo）组成，每个任务可以在不同的作（Linux、Windows、macOS）上运行，并且可以并行或串行执行‌。

GithuPages

GithuPages是Githu提供给用户发布网页内容的静态托管服务。

‌GitHuPages‌是一个由GitHu提供的免费静态托管服务。它允许用户直接从GitHu仓库中托管，无需设置或复杂的部署过程。GitHuPages专门用于托管静态内容，如HTML、S、JaScript文件和图片，适用于个人在线简历、项目展示等场景‌。

s证书

狭隘点地说，不知何时开始，不支持s证书将会被浏览器拦截，也就是开始收保护费了。

各大商提供3个月免费的s认证，需要提供申请证书，申请后下载证书文件，配置到即可，3个月到期后就要重新配置一次。

s是对请求的升级版本，通过证书进行加密传输，增加了内容的安全，避免了请求被拦截的风险。

Nginx负载均衡

nginx是超级好用的搭建网页的工具软件，可以理解为入口，通过nginx可以将域名转发请求到内网。

也就是说，一个nginx可以根据一个策略，例如通过请求ip的hash进行分别转发到不同的主机，即负载均衡。

当然如果只有一个主机，可以将请求转发到127.0.0.1。

Nginx(enginex)是一个高性能的和反向we，同时也提供了IMAP/POP3/TP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的://Ramler.ru站点（俄文：Рамблер）开发的，公开版本1.19.6发布于2020年12月15。

其将源代码以类SD许可证的形式发布，因它的稳定性、丰富的功能集、简单的配置文件和低资源的消耗而闻名。2022年01月25，nginx1.21.6发布。

Nginx是一款轻量级的We/反向及电子邮件（IMAP/POP3），在SD-like协议下发行。其特点是占有内存少，并发能力强，事实上nginx的并发能力在同类型的网页中表现较好。

笔记网页搭建步骤

用VitePress模板项目记录笔记配置GithuActions自动化部署开启GithuPages静态网页Nginx转发域名请求到GithuPagesNginx配置s证书配置域名解析到Nginx主机

用VitePress模板项目记录笔记

这一步其实非常简单，直接fork样例工程即可。

s://githu/lyming99/wenz_vitepress_demo

配置GithuActions自动化部署

在样例工程中，文件夹./githu/workflows中有具体配置，其实也是从Vitepress官网得到的配置。

要注意的是，里面的分支要和项目的分支一致，否则githu不能成功启动脚本。

开启GithuPages静态网页

在githupages配置页面，配置uildanddeployment指向GithuActions。

然后在Customdomain里面配置一个域名（自行购）。

Nginx转发域名请求到GithuPages

#负载均衡 upstreamdemo_doc{ server185.199.108.153; server185.199.109.153; server185.199.110.153; server185.199.111.153; } server{ listen80; server_namedemo.wenzdoc; location/{ proxy_pass://demo_doc; } }

Nginx配置s证书

此步骤较为麻烦，需要将请求转发到s，申请证书后，下载证书文件放到对应路径即可。

例如放到的下列2个路径之下：

//nginx/etc/nginx/wenzdoc.pem;/etc/nginx/wenzdoc.key

#负载均衡 upstreamdemo_doc{ server185.199.108.153; server185.199.109.153; server185.199.110.153; server185.199.111.153; } server{ listen80; #填写证书绑定的域名 server_namedemo.wenzdoc; #将所有请求通过rewrite指令重定向到S。 rewrite^(.*)$s://$host$1; location/{ indexindex.htmlindex.htm; } } server{ listen443ssl; #填写证书绑定的域名 server_namedemo.wenzdoc; #填写证书文件绝对路径 ssl_certificate/etc/nginx/wenzdoc.pem; #填写证书私钥文件绝对路径 ssl_certificate_key/etc/nginx/wenzdoc.key; ssl_session_cacheshared:SSL:1m; ssl_session_timeout5m; #自定义设置使用的TLS协议的类型以及加密套件（以下为配置示例，请您自行评估是否需要配置） #TLS协议版本越高，S通信的安全性越高，但是相较于低版本TLS协议，高版本TLS协议对浏览器的兼容性较差。

//ssl_ciphersECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4; ssl_protocolsTLSv1.1TLSv1.2TLSv1.3; #表示优先使用服务端加密套件。

默认开启 ssl_prefer_server_cipherson; location/{ #contentlocation proxy_pass://demo_doc; #exactmatches->reversecleanls->folders->notfound try_files$i$i.html$i/=404; #nonexistentpages error_page404/404.html; //#afolderwithoutindex.htmlraises403inthissetup error_page403/404.html; #adjustcachingheaders #filesintheassetsfolderhehashesfilenames location~*^/assets/{ expires1y; add_headerCache-Control"pulic,immutale"; } } }

配置域名解析到Nginx主机

这点较简单，直接将域名解析到nginx即可。

总结

每一步步骤都是需要具体作的，如果遇到不懂的问题，可以先问问人工智能，含泪省下499元。

END

免责声明：本文由卡卷网编辑并发布，但不代表本站的观点和立场，只提供分享给大家。

评论打赏

上一篇：sqlite作为数据库的效果如何？
下一篇：ja开发者总是说内存不值钱，内存不要钱，是这么回事吗？

卡卷网主页 联系他吧

请记住:卡卷网 Www.Kajuan.Net

卡卷网

自己搭建一个网站简易的大概多少钱？