|
近期闲来无事，想将之前的旧站点继续守护起来，奈何运用的搬瓦工服务器由于搭建了的缘故，总是会显现IP被封的问题，用来搭建站点并不合适(需要经常变更IP位置)。但由于预算有限亦不愿意再单独购买一台主机用来建设站点，因此就想着找找免费的建站服务供给商来安排自己的网站，如今站点初步建设完成，总结分享给期盼低成本建站的伴侣。
这套安排方法并不需要你懂代码，按部就班复制粘贴完成配置就可，对非技术人员来讲相对简单。
免费的建站服务供给商
供给商
优点
缺点
WordPress.com
易于运用，供给多种主题和插件，能够容易定制网站
免费版本有宣传，功能受限
Wix
拖放式编辑器，适合新手，供给海量模板
免费版本有宣传，存储空间有限
Weebly
简单易用，拖放式构建器，集成电子商务功能
免费版本有Weebly品牌宣传，功能相对有限
GitHub Pages
适合技术人员，支持自定义域名，完全免费，无宣传
需要有些技术知识，适合静态网站
Google Sites
与Google其他服务无缝集成，简单易用，适合团队协作
功能比较基本，不适合繁杂的网站需要
Netlify
适合研发人员，支持连续安排和自定义域名，免费套餐功能强大
需要有些技术知识
这儿面WordPress.com、Wix、Weebly免费版本都有内置宣传，这不是我想要的，我需要干净的页面。GitHub Pages、Google Sites都有离开了VPN没法拜访的问题。Netlify注册居然需要身份证验证？？
当然还有传统的wordpress方法，这个和Wordpress.com不是一个东西，由于我不准备购买额外的主机因此不在选取内。况且即使购买主机还需要有数据库，倘若选取ALL IN ONE的模式安排，稳定性是很大的问题，况且我个人不会php，没法自己二次研发，因此倘若你是技术人员Wordpress的可折腾性是不足的，而倘若你是非技术人员Wordpress安排非专业人士亦是不太好处理的况且无源码将来的拓展性亦受限。
最后选取的方法是Vercel和Vercel Template的一个轻量级建站模版Platforms Starter Kit，不外结论是这东西其实并无想象中那样好，重点是bug有不少完成度不高，然则做为个人博客或独立站的基本模板完全够用，于此同期还能得到完整的SSL服务、监控、日志、存储、照片服务、云服务的高稳定性，而这些功能的花费是0。
关联资源位置
模板位置： https://vercel.com/templates/next.js/platforms-starter-kit
安排流程以及重视点准备工作：Github账号(https://github.com/)，注册流程省略了Vercel账号(https://vercel.com/)，能够经过github账号一键注册，重视下Plan Type选取Hobby是免费的，其他省略了购买一个域名(省略)
Plan Type选取Hobby是免费的
一键安排
代码仓库名叫作
填写你的根域名
管理账号关联配置
这几个配置项经过 https://github-client-generator.vercel.app/↗这个位置生成就可，拜访上面的位置，一路点击，需要输入名字的地区随意输入，而后就得到了想要的秘钥，拷贝之后填进去就可。
运用网站生成关联秘钥配置
重视在这一步创建完github秘钥并拷贝完成后，需要回到github页面修改该秘钥的回调位置，否则将会显现登陆后回调不正确的问。拜访 https://github.com/settings/apps进行修改
在这儿修改github认证秘钥的回调位置，否则没法登陆
添加回调位置，把localhost:3000替换为app.你自己域名就可
重视回调位置修改，由于仅有后台需要登录。
创建一个新的BlobStorage
- 认证的Vercel秘钥配置AUTH_BEARER_TOKEN
，在这个链接 https://vercel.com/account/tokens创建，名字随意，重视创建完成需要复制一下秘钥，由于秘钥只会在创建完成后给你展示一次，后续你就复制不了了
生成Vercel认证秘钥
- 项目ID配置PROJECT_ID_VERCEL，这个值在你的Vercel应用的Settings(路径大概是这般：https://vercel.com/<你的项目名叫作>/<你的应用名叫作>/settings)里就可找到
找到项目ID
- TeamID配置TEAM_ID_VERCEL，这个值在你的Vercel项目的Settings(路径大概是这般：https://vercel.com/<你的项目名叫作>/~/settings)里就可找到
找到TeamId
- OPENAI_API_KEY，这个值的功效是发布文案的内置编辑器内嵌入了一个AI提示的功能，只需要你有openAI的apiKey，填了之后在你进行文案的时候能够经过/快捷性进行AI自动续写。
配置完成，等待安排成功。
域名配置
域名配置有两套方法： 将你的域名完全托管到Vercel，由Vercel负责域名解析服务在你的域名原托管服务商配置域名映射到Vercel的入口IP两种方法都无问题，根据Vercel的域名配置提示进行设置就可。
最后就可运用你的域名访问到你的网站了，拜访https://app.你的根域名就可拜访到站点管理后台，来创建你域名下的子站点（亦便是说你完全能够运用这一套应用来安排非常多个独立站点）
站点管理后台
创建完成子站点后，就能够向子站点中添加文案之类的内容，并经过为子站点设置的子域名拜访到你的子站点。
你还能够拜访https://app.vercel.pub/体验官方Demo，或我的博客体验子站点的样式 https://blog.justinmad.com/
前面说到这套模版有有些bug，在我的博客里有说到怎样处理，我自己亦在克隆的仓库里做了修复，除了bug以外，我额外为这个子站点的页面增多了分页、社媒分享、联系我一类的小功能，后面倘若有需要的伴侣我能够贴出代码的仓库位置。总的来讲做为个人博客或轻量级的外贸制品介绍页来讲完全没问题，毕竟这一套下来什么花费都不需要，何况还有源码能够随意修改，更重要的是你还能够白嫖到一套云端的（1个Postgresql实例 1个类似Redis的KV库实例1个对象存储BlobStorage实例， 这些存储乃至为你做了隔离的研发、预览、生成环境）。
Vercel的模版里还有有些功能非常齐全的电商类模板，后续能够分享一个强大的电商处理方法Medusa的安排流程，这个东西比本文的这个模板可要强大太多了，功能涵盖完整的电商功能：交易、商品、营销、用户、购物车、支付（支持10+种类货币和主流的境外支付平台）、订单、库存、履约（正向、逆向、换货、赔付）、税务等等，最重要的是开源，针对二次研发非常友好。
| 
发表于 2024-7-29 08:41:09