当前位置:首页 > 每日看点

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

卡卷网2年前 (2025-01-11)每日看点304

概述

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

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

对用户好的事情要重复做,今天再次详细地做一期教程,给大家省下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元。

扫描二维码推送至手机访问。

版权声明:本文由卡卷网发布,如需转载请注明出处。

本文链接:https://www.kajuan.net/ttnews/2025/01/8702.html

分享给朋友:

相关文章

下班后可以做点什么副业赚钱呢?

下班后可以做点什么副业赚钱呢?

首先说明一下,我分享的任务不需要交钱,也不需要入群,只需要你去平台学习就可以。如果有任何让你交钱,进群的任务,请警惕被 割韭菜 。今天给大家分享 7大赚钱副业,新手小白0粉丝 0门槛0技术都可以去做,不说大富大贵,但是赚个零花钱还是可以。如…

打印速度慢,是不是打印机cpu不行?

打印速度慢,是不是打印机cpu不行?

打印机是机械设备,cpu内存硬盘它也有但这只是它的电控部分,打印机类似于汽车属于机电一体化设备和电脑不是一个类型的产品。 很多人总是认为打印机和电脑是一类产品,实际上这是一个误区,电脑是it(Information Technology)信…

我觉得华为Mate60Pro明明配置不高,为什么还是有那么多人买呢?

我也好奇啊,所以闲聊时,我问了我们公司的副总,我说Mate60pro配置这么拉胯你怎么还买啊? 他一脸疑惑的看着我,配置?什么配置?我这手机信号挺好的啊? 我们总经理用的是去年华为出的折叠手机,花了一万多,我也想问问他同样的问题,但奈何一直…

你每天用来涨知识的手机应用程序有哪些?

你每天用来涨知识的手机应用程序有哪些?

经过深度使用和测评, 从100个APP中选出的这35个超实用的app,每一个都是最硬核最有料的涨知识神器!每天打开看看,能让你提神醒脑,眼界大开,成为朋友聚会上的话题王者! 先放上全部APP目录,有新闻资讯类、英语学习类、读书类、影视类…

MacOS真的比Windows流畅吗?

我现在公司配的机器,配置是绝对的大古董了 惠普z230sff薄塔 cpu只是个4770,没错不是4790k,4770全核睿频只有3.8g 显卡更是古董,k600,已经结束驱动更新支持了,显存仅1g,跑分跑不过13代uhd核显 内存是加到16…

为什么现在 AI 已经没啥热度了?

从改名叫大模型那一刻,懂行的就已经放弃了,剩下资本和无知网友还有点后劲 所谓大模型,本质就是一个更大、更快数据库的传声筒。更大更快本身确实很厉害,但依然只是传声筒,和AI根本不沾边 数据库之外仍然一无所知,甚至数据库之内的输出逻辑还要依赖大…

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。