自己制作了一个HTML网页，没有域名？教你如何免费获取并设置域名

云服之家云服务器资讯 2025-05-02 07:40:40 1.1K+

在数字化时代,个人或小型企业拥有一个自己的网站已经成为展示自我、分享创意或开展业务的重要工具，对于许多初学者来说，网站建设的成本可能是一个不小的门槛，尤其是涉及到域名注册和托管服务时，幸运的是，有许多资源允许你免费或低成本地实现这一目标，本文将指导你如何自己制作一个HTML网页，并为你推荐一个免费的域名，同时讲解如何将这个域名与你的网页关联起来。

云服之家，国内最专业的云服务器虚拟主机域名商家信息平台

制作HTML网页

你需要一个基本的HTML网页,如果你对编程不熟悉，可以使用一些在线工具或编辑器来创建你的网页，以下是一个简单的HTML示例：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">我的个人网页</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f4;
        }
        header {
            background-color: #333;
            color: white;
            padding: 10px 0;
            text-align: center;
        }
        main {
            padding: 20px;
        }
        footer {
            background-color: #333;
            color: white;
            text-align: center;
            padding: 10px 0;
            position: fixed;
            bottom: 0;
            width: 100%;
        }
    </style>
</head>
<body>
    <header>
        <h1>欢迎来到我的个人网页</h1>
    </header>
    <main>
        <p>这里是我的个人介绍和作品展示。</p>
    </main>
    <footer>
        <p>&copy; 2023 我的个人网页</p>
    </footer>
</body>
</html>

将上述代码保存为index.html文件，这就是你网页的基础，你可以通过任何文本编辑器（如Notepad++、Sublime Text或VS Code）来编辑和保存这个文件，你需要一个免费的域名来访问这个网页。

将域名与网页关联起来（以GitHub Pages为例）

假设你选择使用GitHub Pages来托管你的网页，并希望将你的免费域名指向这个页面，以下是具体步骤：

创建GitHub仓库：在GitHub上创建一个新的公共仓库，并将你的index.html文件上传到这个仓库的根目录下，确保文件名为index.html，这样GitHub会自动将其识别为默认页面。
启用GitHub Pages：在仓库的设置中找到“GitHub Pages”部分，并选择“主分支/index.html”作为你的页面源，这样，你的网页就会通过https://<username>.github.io的URL被访问到（其中<username>是你的GitHub用户名），如果你的用户名是exampleuser，那么你的网页URL将是https://exampleuser.github.io，我们稍后会将其替换为你的自定义域名。
配置自定义域名：回到XYZ.com的域名管理界面，找到“DNS”部分并添加一条新的A记录或CNAME记录，对于GitHub Pages来说，你需要添加一个CNAME记录，指向你的GitHub Pages URL（例如exampleuser.github.io），保存更改后，等待DNS传播完成（通常需要几分钟到几小时），一旦完成传播，你就可以通过你注册的.xyz域名来访问你的网页了，如果你的域名是myfreepage.xyz，那么你现在应该能够通过访问http://myfreepage.xyz来看到你的网页了，注意：这里使用的是HTTP协议；如果你的GitHub Pages配置为HTTPS（即带有https://），你可能需要额外配置SSL证书来支持HTTPS访问（这通常涉及更复杂的步骤和可能的额外费用），但出于本文的目的和大多数用途来说，使用HTTP已经足够好了，另外请注意：由于GitHub Pages的URL可能在未来发生变化（例如更换用户名），因此建议定期检查和更新你的DNS记录以确保持续访问到正确的位置，同时也要注意遵守GitHub Pages的使用条款和政策以及你所注册域名的服务商的使用条款和政策以确保合法合规地使用这些服务，通过遵循上述步骤和建议你可以轻松地将自己制作的HTML网页与免费或低成本获得的域名关联起来从而实现个人网站的建设目标！

标签：免费获取域名设置域名 HTML网页

自己制作了一个HTML网页，没有域名？教你如何免费获取并设置域名

制作HTML网页

推荐一个免费域名及注册方法

将域名与网页关联起来（以GitHub Pages为例）