这套支配方案并不须要你懂代码,按部就班复制粘贴完成配置即可,对非技能职员来说相对大略。
免费的建站做事供应商供应商
优点

缺陷
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://vercel.com/templates/next.js/platforms-starter-kit),点击Deploy一键支配
接下来便是创建代码仓库(仓库名随意)、创建存储数据库(数据库名随意)代码仓库名称
配置项目,这一步稍麻烦一点,但也都是复制粘贴的事,下面挨个讲一下详细配置方法域名NEXT_PUBLIC_ROOT_DOMAIN,这里要把稳填写你申请的根域名,比如你申请的是gooddomain.com,那就写gooddomain.com不须要加任何前缀,由于代码里有很多和域名硬编码的东西,以是建议不要写其他形式填写你的根域名
上岸主账号认证信息设置,这个账号紧张是上岸后台进行网站管理利用,三个配置项NEXTAUTH_SECRET, AUTH_GITHUB_ID,AUTH_GITHUB_SECRET管理账号干系配置
这几个配置项通过https://github-client-generator.vercel.app/↗这个地址天生即可,访问上面的地址,一起点击,须要输入名字的地方随意输入,然后就得到了想要的秘钥,拷贝之后填进去即可。
利用网站天生干系秘钥配置
把稳在这一步创建完github秘钥并拷贝完成后,须要回到github页面修正该秘钥的回调地址,否则将会涌现上岸后回调禁绝确的问。访问https://github.com/settings/apps进行修正
在这里修正github认证秘钥的回调地址,否则无法上岸
添加回调地址,把localhost:3000更换为app.你自己域名即可
把稳回调地址修正,由于只有后台须要登录。
图片存储TOKEN配置BLOB_READ_WRITE_TOKEN,须要先创建一个Blob Storage的库,打开项目或者运用页面,点击Storage选项卡,点击create输入一个名字即可创建完成,然后复制粘贴即可创建一个新的BlobStorage
以下配置非必须项,紧张是为了实现这个模板多租户的功能,须要调用vercel的Api,以是须要配置,如果你不须要这些功能,那么就可以随便填(由于不填无法支配)- 认证的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+种类货币和主流的境外支付平台)、订单、库存、如约(正向、逆向、换货、赔付)、税务等等,最主要的是开源,对付二次开拓非常友好。