论坛 › 贵州 › 低成本的个人站点安排办法，亦适合搭建轻量级的外贸独立站

f9yx0du 发表于 2024-7-29 08:41:09

低成本的个人站点安排办法，亦适合搭建轻量级的外贸独立站

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">近期</span>闲来无事，想将之前的旧站点继续<span style="color: black;">守护</span>起来，奈何<span style="color: black;">运用</span>的搬瓦工服务器<span style="color: black;">由于</span>搭建了的缘故，总是会<span style="color: black;">显现</span>IP被封的问题，用来搭建站点并不合适(需要经常变更IP<span style="color: black;">位置</span>)。但<span style="color: black;">由于</span>预算有限<span style="color: black;">亦</span>不愿意再单独购买一台主机用来建设站点，<span style="color: black;">因此</span>就想着找找免费的建站服务<span style="color: black;">供给</span>商来<span style="color: black;">安排</span>自己的网站，如今站点初步建设完成，总结分享给<span style="color: black;">期盼</span>低成本建站的<span style="color: black;">伴侣</span>。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> <strong style="color: blue;"><span style="color: black;">这套<span style="color: black;">安排</span><span style="color: black;">方法</span>并不需要你懂代码，按部就班复制粘贴完成配置<span style="color: black;">就可</span>，对非技术人员<span style="color: black;">来讲</span>相对简单。</span></strong></p>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">免费的建站服务<span style="color: black;">供给</span>商</h1>
    <div style="color: black; text-align: left; margin-bottom: 10px;">
      <div style="color: black; text-align: left; margin-bottom: 10px;">
            <div style="color: black; text-align: left; margin-bottom: 10px;">
                <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;"><span style="color: black;">供给</span>商</span></strong></p>
                <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">优点</span></strong></p>
                <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">缺点</span></strong></p>
                <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">WordPress.com</span></p>
                <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">易于<span style="color: black;">运用</span>，<span style="color: black;">供给</span>多种主题和插件，<span style="color: black;">能够</span><span style="color: black;">容易</span>定制网站</span></p>
                <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">免费版本有<span style="color: black;">宣传</span>，功能受限</span></p>
                <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">Wix</span></p>
                <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">拖放式编辑器，适合新手，<span style="color: black;">供给</span><span style="color: black;">海量</span>模板</span></p>
                <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">免费版本有<span style="color: black;">宣传</span>，存储空间有限</span></p>
                <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">Weebly</span></p>
                <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">简单易用，拖放式构建器，集成电子商务功能</span></p>
                <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">免费版本有Weebly品牌<span style="color: black;">宣传</span>，功能相对有限</span></p>
                <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">GitHub Pages</span></p>
                <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">适合技术人员，支持自定义域名，完全免费，无<span style="color: black;">宣传</span></span></p>
                <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">需要<span style="color: black;">有些</span>技术知识，适合静态网站</span></p>
                <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">Google Sites</span></p>
                <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">与Google其他服务无缝集成，简单易用，适合团队协作</span></p>
                <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">功能比较<span style="color: black;">基本</span>，不适合<span style="color: black;">繁杂</span>的网站<span style="color: black;">需要</span></span></p>
                <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">Netlify</span></p>
                <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">适合<span style="color: black;">研发</span>人员，支持<span style="color: black;">连续</span><span style="color: black;">安排</span>和自定义域名，免费套餐功能强大</span></p>
                <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">需要<span style="color: black;">有些</span>技术知识</span></p>
            </div>
      </div>
    </div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">这儿</span>面WordPress.com、Wix、Weebly免费版本都有内置<span style="color: black;">宣传</span>，这不是我想要的，我需要干净的页面。GitHub Pages、Google Sites都有离开了VPN<span style="color: black;">没法</span><span style="color: black;">拜访</span>的问题。Netlify注册居然需要身份证验证？？</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> <span style="color: black;">当然还有传统的wordpress<span style="color: black;">方法</span>，这个和Wordpress.com不是一个东西，<span style="color: black;">由于</span>我不准备购买额外的主机<span style="color: black;">因此</span>不在<span style="color: black;">选取</span>内。<span style="color: black;">况且</span>即使购买主机还需要有数据库，<span style="color: black;">倘若</span><span style="color: black;">选取</span>ALL IN ONE的模式<span style="color: black;">安排</span>，稳定性是很大的问题，<span style="color: black;">况且</span>我个人不会php，<span style="color: black;">没法</span>自己二次<span style="color: black;">研发</span>，</span><span style="color: black;"><span style="color: black;">因此</span><span style="color: black;">倘若</span>你是技术人员Wordpress的可折腾性是<span style="color: black;">不足</span>的，而<span style="color: black;">倘若</span>你是非技术人员Wordpress<span style="color: black;">安排</span>非专业人士<span style="color: black;">亦</span>是不太好<span style="color: black;">处理</span>的<span style="color: black;">况且</span><span style="color: black;">无</span>源码<span style="color: black;">将来</span>的拓展性<span style="color: black;">亦</span>受限</span><span style="color: black;">。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> <span style="color: black;"><span style="color: black;">最后</span><span style="color: black;">选取</span>的<span style="color: black;">方法</span>是Vercel和Vercel Template的一个轻量级建站模版Platforms Starter Kit，<span style="color: black;">不外</span>结论是这东西其实并<span style="color: black;">无</span>想象中<span style="color: black;">那样</span>好，<span style="color: black;">重点</span>是bug有不少完成度不高，</span><span style="color: black;"><span style="color: black;">然则</span><span style="color: black;">做为</span>个人博客<span style="color: black;">或</span>独立站的<span style="color: black;">基本</span>模板完全够用，于此<span style="color: black;">同期</span>还能得到完整的SSL服务、监控、日志、存储、<span style="color: black;">照片</span>服务、云服务的高稳定性，而这些功能的<span style="color: black;">花费</span>是0。</span></p>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">关联</span>资源<span style="color: black;">位置</span></h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">模板<span style="color: black;">位置</span>：</p>https://vercel.com/templates/next.js/platforms-starter-kit
    <h1 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">安排</span>流程以及<span style="color: black;">重视</span>点</h1>准备工作：Github账号(https://github.com/)，注册流程省略了Vercel账号(https://vercel.com/)，<span style="color: black;">能够</span><span style="color: black;">经过</span>github账号一键注册，<span style="color: black;">重视</span>下Plan Type<span style="color: black;">选取</span>Hobby是免费的，其他省略了购买一个域名(省略)<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-axegupay5k/6f1044b4b31d48f7a2ed9f01da45b74c~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722814882&amp;x-signature=HtyjEd73%2BHla3w7ZsVN%2FJyYplds%3D" style="width: 50%; margin-bottom: 20px;">
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Plan Type<span style="color: black;">选取</span>Hobby是免费的</p>
    </div><span style="color: black;">安排</span>流程<span style="color: black;">安排</span>很简单，<span style="color: black;">拜访</span>模版<span style="color: black;">位置</span>(<span style="color: black;">https://vercel.com/templates/next.js/platforms-starter-kit</span>)，点击Deploy<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/f4bb3cec23d5455ea7c066d1bb8515dc~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722814882&amp;x-signature=5QTPTb8%2BGXsrQwTwXKIh1EcJDGc%3D" style="width: 50%; margin-bottom: 20px;">
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">一键<span style="color: black;">安排</span></p>
    </div>接下来<span style="color: black;">便是</span>创建代码仓库（仓库名随意）、创建存储数据库（数据库名随意）<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/e71928a4228b480dbfab5742b353fc92~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722814882&amp;x-signature=ig%2FXY4qwBh%2BzKClvZMmJUD5lWzQ%3D" style="width: 50%; margin-bottom: 20px;">
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">代码仓库名<span style="color: black;">叫作</span></p>
    </div>配置项目，这一步稍麻烦一点，但<span style="color: black;">亦</span>都是复制粘贴的事，下面挨个讲一下<span style="color: black;">详细</span>配置<span style="color: black;">办法</span>域名NEXT_PUBLIC_ROOT_DOMAIN，<span style="color: black;">这儿</span>要<span style="color: black;">重视</span>填写你申请的根域名，<span style="color: black;">例如</span>你申请的是gooddomain.com，那就写gooddomain.com不需要加任何前缀，<span style="color: black;">由于</span>代码里有<span style="color: black;">非常多</span>和域名硬编码的东西，<span style="color: black;">因此</span><span style="color: black;">意见</span>不要写其他形式<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/4c0aa3c5603546e59be62c1c93aea69f~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722814882&amp;x-signature=xmB3l%2FMOaomeNWSaNHA87AF5E9g%3D" style="width: 50%; margin-bottom: 20px;">
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">填写你的根域名</p>
    </div>登陆主账号认证信息设置，这个账号<span style="color: black;">重点</span>是登陆后台进行网站管理<span style="color: black;">运用</span>，三个配置项<strong style="color: blue;">NEXTAUTH_SECRET, AUTH_GITHUB_ID</strong><span style="color: black;">，</span><strong style="color: blue;">AUTH_GITHUB_SECRET</strong>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p26-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/1eef3b2787ef45d49b009c8b3425f95e~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722814882&amp;x-signature=ssxLa6wpQHMw05%2FqTJgHE4EsAF8%3D" style="width: 50%; margin-bottom: 20px;">
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">管理账号<span style="color: black;">关联</span>配置</p>
    </div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这几个配置项<span style="color: black;">经过</span></p>https://github-client-generator.vercel.app/↗这个<span style="color: black;">位置</span>生成<span style="color: black;">就可</span>，<span style="color: black;">拜访</span>上面的<span style="color: black;">位置</span>，一路点击，需要输入名字的<span style="color: black;">地区</span>随意输入，<span style="color: black;">而后</span>就得到了想要的秘钥，拷贝之后填进去<span style="color: black;">就可</span>。
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/6800a1e10cdf4420bce30c1d0012a607~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722814882&amp;x-signature=zI6SSi7dLRPVaPWAulPX3tGAhkA%3D" style="width: 50%; margin-bottom: 20px;">
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">运用</span>网站生成<span style="color: black;">关联</span>秘钥配置</p>
    </div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> <span style="color: black;">重视</span>在这一步创建完github秘钥并拷贝完成后，需要回到github页面修改该秘钥的回调<span style="color: black;">位置</span>，否则将会<span style="color: black;">显现</span>登陆后回调不正确的问。<span style="color: black;">拜访</span></p>https://github.com/settings/apps进行修改
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/6b003e57fc9b43b3adbce217520ac0c5~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722814882&amp;x-signature=NyasL4bQORWBzsf24pZ5uisRyQ4%3D" style="width: 50%; margin-bottom: 20px;">
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在<span style="color: black;">这儿</span>修改github认证秘钥的回调<span style="color: black;">位置</span>，否则<span style="color: black;">没法</span>登陆</p>
    </div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 添加回调<span style="color: black;">位置</span>，把localhost:3000替换为<span style="color: black;">app.你自己域名</span><span style="color: black;">就可</span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/420aee46e60c456089b330f5fac0faa8~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722814882&amp;x-signature=9ff1F3kMfJfL4P0vn%2BXDPWzI1fk%3D" style="width: 50%; margin-bottom: 20px;">
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">重视</span>回调<span style="color: black;">位置</span>修改，<span style="color: black;">由于</span><span style="color: black;">仅有</span>后台需要登录。</p>
    </div><span style="color: black;">照片</span>存储TOKEN配置<strong style="color: blue;"><span style="color: black;">BLOB_READ_WRITE_TOKEN，需要先创建一个Blob Storage的库，打开项目<span style="color: black;">或</span>应用页面，点击Storage选项卡，点击create输入一个名字<span style="color: black;">就可</span>创建完成，<span style="color: black;">而后</span>复制粘贴<span style="color: black;">就可</span></span></strong>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/53ab682e4aad445f9327063fb073888e~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722814882&amp;x-signature=RfTmAE6T9N8oOncVv4f3%2FKs7kKM%3D" style="width: 50%; margin-bottom: 20px;">
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">创建一个新的BlobStorage</p>
    </div>以下配置非必须项，<span style="color: black;">重点</span>是为了实现这个模板多租户的功能，需要调用vercel的Api，<span style="color: black;">因此</span>需要配置，<span style="color: black;">倘若</span>你不需要这些功能，<span style="color: black;">那样</span>就<span style="color: black;">能够</span>随便填（<span style="color: black;">由于</span>不填<span style="color: black;">没法</span><span style="color: black;">安排</span>）<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> - 认证的Vercel秘钥配置<strong style="color: blue;"><span style="color: black;">AUTH_BEARER_TOKEN</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">，在这个链接</p>https://vercel.com/account/tokens创建，名字随意，<span style="color: black;">重视</span>创建完成需要复制一下秘钥，<span style="color: black;">由于</span>秘钥只会在创建完成后给你展示一次，后续你就复制不了了

    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/8427627447774e7eb02d6ba0f79b3b3e~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722814882&amp;x-signature=cs7wZRisrSO0rKleE%2Fl9jwy6iuE%3D" style="width: 50%; margin-bottom: 20px;">
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">生成Vercel认证秘钥</p>
    </div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> - <span style="color: black;">项目ID配置</span><strong style="color: blue;"><span style="color: black;">PROJECT_ID_VERCEL，</span></strong><span style="color: black;">这个值在你的Vercel应用的Settings(路径大概是<span style="color: black;">这般</span>：https://vercel.com/&lt;你的项目名<span style="color: black;">叫作</span>&gt;/&lt;你的应用名<span style="color: black;">叫作</span>&gt;/settings)里<span style="color: black;">就可</span>找到</span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/f0574658341e4f0aba4c9be3c06d85d0~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722814882&amp;x-signature=PWDVHxOUNfiSev%2FI5q5b0rVByQo%3D" style="width: 50%; margin-bottom: 20px;">
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">找到项目ID</p>
    </div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> - TeamID配置<strong style="color: blue;"><span style="color: black;">TEAM_ID_VERCEL，</span></strong><span style="color: black;">这个值在你的Vercel项目的Settings(路径大概是<span style="color: black;">这般</span>：https://vercel.com/&lt;你的项目名<span style="color: black;">叫作</span>&gt;/~/settings)里<span style="color: black;">就可</span>找到</span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/f487e867d9e546258dfffac2c661e12d~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722814882&amp;x-signature=tv5A0CC%2B9VMLS%2BW3gvFv7UFcUYs%3D" style="width: 50%; margin-bottom: 20px;">
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">找到TeamId</p>
    </div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> - OPENAI_API_KEY<strong style="color: blue;"><span style="color: black;">，</span></strong><span style="color: black;">这个值的<span style="color: black;">功效</span>是<span style="color: black;">发布</span><span style="color: black;">文案</span>的内置编辑器内嵌入了一个AI提示的功能，只需要你有openAI的apiKey，填了之后在你进行<span style="color: black;">文案</span>的时候<span style="color: black;">能够</span><span style="color: black;">经过</span>/快捷性进行AI自动续写。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">配置完成，等待<span style="color: black;">安排</span>成功。</p>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">域名配置</h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">域名配置有两套<span style="color: black;">方法</span>：</p>将你的域名完全托管到Vercel，由Vercel负责域名解析服务在你的域名原托管服务商配置域名映射到Vercel的入口IP<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">两种<span style="color: black;">方法</span>都<span style="color: black;">无</span>问题，<span style="color: black;">根据</span>Vercel的域名配置提示进行设置<span style="color: black;">就可</span>。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">最后<span style="color: black;">就可</span><span style="color: black;">运用</span>你的域名访问到你的网站了，<span style="color: black;">拜访</span><span style="color: black;">https://app.你的根域名</span><span style="color: black;">就可</span><span style="color: black;">拜访</span>到站点管理后台，来创建你域名下的子站点（<strong style="color: blue;"><span style="color: black;"><span style="color: black;">亦</span><span style="color: black;">便是</span>说你完全<span style="color: black;">能够</span><span style="color: black;">运用</span>这一套应用来<span style="color: black;">安排</span><span style="color: black;">非常多</span>个独立站点</span></strong>）</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/43ede7fbcc1640bb8461d4ee21dfd44b~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722814882&amp;x-signature=Mb5y5yC4Q%2F0yUExCqmHsBEqpY6s%3D" style="width: 50%; margin-bottom: 20px;">
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">站点管理后台</p>
    </div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 创建完成子站点后，就<span style="color: black;">能够</span>向子站点中添加<span style="color: black;">文案</span>之类的内容，并<span style="color: black;">经过</span>为子站点设置的子域名<span style="color: black;">拜访</span>到你的子站点。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">你还<span style="color: black;">能够</span><span style="color: black;">拜访</span>https://app.vercel.pub/体验官方Demo，<span style="color: black;">或</span>我的博客体验子站点的样式</p>https://blog.justinmad.com/

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">前面<span style="color: black;">说到</span>这套模版有<span style="color: black;">有些</span>bug，在我的博客里有<span style="color: black;">说到</span><span style="color: black;">怎样</span><span style="color: black;">处理</span>，我自己<span style="color: black;">亦</span>在克隆的仓库里做了修复，除了bug以外，我额外为这个子站点的页面<span style="color: black;">增多</span>了分页、社媒分享、联系我一类的小功能，后面<span style="color: black;">倘若</span>有需要的<span style="color: black;">伴侣</span>我<span style="color: black;">能够</span>贴出代码的仓库<span style="color: black;">位置</span>。<strong style="color: blue;"><span style="color: black;">总的<span style="color: black;">来讲</span><span style="color: black;">做为</span>个人博客<span style="color: black;">或</span>轻量级的外贸<span style="color: black;">制品</span>介绍页<span style="color: black;">来讲</span>完全没问题，毕竟这一套下来什么<span style="color: black;">花费</span>都不需要，何况还有源码<span style="color: black;">能够</span>随意修改，更重要的是你还<span style="color: black;">能够</span>白嫖到一套云端的（1个Postgresql实例 1个类似Redis的KV库实例1个对象存储BlobStorage实例， 这些存储<span style="color: black;">乃至</span>为你做了隔离的<span style="color: black;">研发</span>、预览、生成环境）。</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Vercel的模版里还有<span style="color: black;">有些</span>功能非常齐全的电商类模板，后续<span style="color: black;">能够</span>分享一个强大的电商<span style="color: black;">处理</span><span style="color: black;">方法</span>Medusa的<span style="color: black;">安排</span>流程，这个东西比本文的这个模板可要强大太多了，功能涵盖完整的电商功能：交易、商品、营销、用户、购物车、支付（支持10+种类货币和主流的境外支付平台）、订单、库存、履约（正向、逆向、换货、赔付）、税务等等，最重要的是开源，<span style="color: black;">针对</span>二次<span style="color: black;">研发</span>非常友好。</p>

wrjc1hod 发表于 2024-10-5 17:17:47

你的话语如春风拂面，让我心生暖意。

4zhvml8 发表于 2024-10-14 11:44:35

“NB”（牛×的缩写，表示叹为观止）‌

nqkk58 发表于 2024-11-8 22:54:06

楼主的文章非常有意义，提升了我的知识水平。

查看完整版本: 低成本的个人站点安排办法，亦适合搭建轻量级的外贸独立站