我是基于ChatGPT-turbo-3.5实现的AI助手,在此网站上负责整理和概括文章

本文介绍了如何通过GitHub和域名服务免费设置个人网站的基础步骤,包括GitHub账号注册、免费域名申请与DNS配置、Cloudflare托管、HTTPS证书申请以及免费云数据库和静态部署工具的使用。文章详细指导了每个技术环节,强调了其在降低开发成本和简化网站部署方面的实用价值,适合初学者和开发者参考。

# 准备工作

  • github 帐号
  • 个人邮箱

# github 部分

# 注册 github 帐号

  1. 打开 https://github.com/signup,依次输入 邮箱密码用户名选择国家同意协议,然后点击 Continue;

  2. 大概率会出现一个人机验证(视觉谜题),按照提示操作即可;

  3. 人机验证后邮箱会收到一封 github 发送的 8 位验证码,填入 验证码 并点击 Continue,正常情况就会注册成功并跳转到登录页面。

# 登录 github 帐号

打开 https://github.com/login,依次输入 邮箱密码,点击 Sign in

Image description

# 域名部分

# 注册帐户

# 验证邮箱

注册后会在个人邮箱收到 1-2 封来源不同的激活认证邮件,随便打开一个点击验证即可。

Image description

# 登录网站

# KYC 验证 (github 验证)

  • 首次登录会出现 KYC 认证页面,选择 GitHub OAuth,点击 Login with GitHub

    Image description

  • 接着在认证页面点击 Authorize EdwardLab

    Image description

# 注册免费域名

  1. 打开 https://dash.domain.digitalplat.org/panel/main?page=%2Fpanel%2Fregister,输入 Domain name选择.dpdns.org同意协议,点击 Check Availability

  2. 如果域名可用则会进入注册页面,否则请重复 步骤 1

  3. 输入两个 Name Server(如果没有就随便写两个网址),点击 Register!

# 额外增加免费域名数量

  1. 目前新用户只能注册一个免费域名,如果想要增加则需要额外的操作。

  2. 打开 https://github.com/DigitalPlatDev/FreeDomain,并点亮小星星(Star 变 Starred)

  3. 打开 https://dash.domain.digitalplat.org/auth/kyc/github,验证小星星。如果验证成功则会出现+1 的页面。

  4. 重复上面注册步骤 即可再新建一个免费域名

# cloudflare托管 域名

# 注册 cloudflare

# 添加域名

  • 登录:https://dash.cloudflare.com/login

  • 打开 Account Home 点击 Add a domain, 输入域名,选择 Manually enter DNS records,点击 Continue

  • 选择最下面的 Free,然后点击 Continue

  • 接着点击 Continue to activation 然后在弹出的对话框点击 Confirm

  • 找到 Replace your current nameservers with Cloudflare nameservers 这一部分,记住类似 ready.ns.cloudflare.com auth.ns.cloudflare.com 这样的两个 NS 服务器地址

  • 然后点击 Continue, dpdns.org 仅需要修改 NS 记录即可,不需要额外的操作, 接着点击最下面的 Check nameservers now

# 配置 NS 域名信息

# 申请免费 https 证书

  1. 点击要申请的 SSL 的网站

  2. 点击 SSL/TLS-概述,将 SSL/TLS 加密模式设置为完全或者完全(严格)

    img

  3. 点击 SSL/TLS-源服务器,选择创建证书

  4. 选择私钥类型,填写主机名,选择证书有效期,然后点击创建(用默认的就行)

    img

  5. 生成源证书(pem)和私钥(key)

    私钥(key)只出现一次,一定要复制保存 然后点击确认即可

  6. 源证书 pem 下载

    如果 源证书(pem)忘记了,可以点击下载查看,之后就可以在你服务器/VPS 上配置这个证书了。

    img

  7. 开启小云朵

    配置 DNS 解析时一定要开启小云朵,否则网站会提示”不能验证该证书“

# cloudns 解析到 cloudflare

cloudns 托管到 cloudflare 需要双向解析才能正常使用。支持的可以忽略厦门内容

  1. 首先在 cloudns 中删除所有域名记录

  2. 添加解析记录:添加以下 7 条域名记录 [可将 cloudns 负责的*部分通过 cloudflare 来管理]

    类型 NS 主机 留空 指向到 ready.ns.cloudflare.com
    类型 NS 主机 留空 指向到 auth.ns.cloudflare.com
    类型 NS 主机 _acme-challenge 指向到 ready.ns.cloudflare.com
    类型 NS 主机 _acme-challenge 指向到 auth.ns.cloudflare.com
    类型 NS 主机 maintunnel 指向到 ready.ns.cloudflare.com
    类型 NS 主机 maintunnel 指向到 auth.ns.cloudflare.com
    类型 CNAME 主机 * 指向到 maintunnel.mydns.ip-ddns.com

    或添加以下 5 条域名记录

    类型 NS 主机 留空 指向到 ready.ns.cloudflare.com
    类型 NS 主机 留空 指向到 auth.ns.cloudflare.com
    类型 NS 主机 _acme-challenge 指向到 ready.ns.cloudflare.com
    类型 NS 主机 _acme-challenge 指向到 auth.ns.cloudflare.com
    类型 CNAME 主机 * 指向到 ready.ns.cloudflare.com
  3. 如果使用的是 7 条域名记录,那么须要在 cloudflare 添加一条 CNAME 记录

    类型 CNAME 主机 maintunnel 指向到 [fast-fast.asuscomm.com](http://fast-fast.asuscomm.com/)
    或指向到 cloudflare.182682.xyz
    或指向到 佬友认为最快的域名/IP

    以上是实现了子级域名的基本操作,以后子级域名只需要在 cloudflare 上操作即可。

  4. 对于主域名 mydns.ip-ddns.com 的解析操作分为两种情况

    假设服务器 IP 是 10.20.30.40)完全走 CDN 【推荐使用这种方案

    #cloudns
    类型 A 主机 留空 指向到 104.18.0.200
    #cloudflare 开启小黄云
    类型 A 主机 @ 指向到 10.20.30.40 并开启小黄云

    完全不走 CDN 【仅需要原始解析时使用】

    #cloudns
    类型 A 主机 留空 指向到 10.20.30.40
    #cloudflare 不开启小黄云
    类型 A 主机 @ 指向到 10.20.30.40
  5. 最后回到 cloudflare, 大概 5 分钟左右就会看到域名已经生效可用。

  6. 剩下的操作,不管是 A、AAAA 还是隧道都要记得开启小黄云 [Proxied]

  7. 经过以上的操作就可以让 cloudns 在 cloudflare 上愉快的撒欢了。

# 免费云数据

  • aiven https://aiven.io/

  • 类型:三种数据库,每个免费 1GB

    Valkey
    Nodes: 1
    Plan: Free-1
    Specs: 1 CPU / 1 GB RAM
    
    PostgreSQL
    Nodes: 1
    Plan: Free-1-5gb
    Specs: 1 CPU / 1 GB RAM / 5 GB storage
    
    MySQL 
    Nodes: 1
    Plan: Free-1-5gb
    Specs: 1 CPU / 1 GB RAM / 5 GB storage

# 静态部署工具

  • https://app.netlify.com/
    • 每个月 100GB 免费额度
    • 国内可用,边缘节点够给力,速度够快。
  • Cloudflare Pages
    • 每天 100K 请求数 (居然是按次数计算的)
    • 国内可用,虽然有边缘节点支持,但是略卡
  • https://vercel.com/
    • 免费 100 GB
    • 国内被墙,直接不可用
更新于

请我喝[茶]~( ̄▽ ̄)~*

Fulsun 微信支付

微信支付

Fulsun 支付宝

支付宝