一小时搭建个人网站

最新推荐文章于 2024-03-20 16:33:58 发布

转载最新推荐文章于 2024-03-20 16:33:58 发布 · 948 阅读

生活收藏专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了一种快速创建个人网站的方法，从注册域名到部署网站，仅需一个小时。包括使用GitHub Pages托管静态网页，配置自定义域名等步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我的一个朋友几个月前就说过想利用春节假期做一个自己的网站。现在假期快结束了，但他还没有开始动手。明天就是他的生日，我决定做一个可恶的好朋友，写一个关于如何一步步创建网站的简单说明，并作为礼物送给他。做一个网站真的只需要一个小时。我之所以知道，是因为在做下面这些步骤时，我记录了自己所耗的时间。做网站的整个过程花费了我仅仅不到一个小时的时间。（为了更好的衡量时间，我甚至注册了一个新的域名，并创建了一个新的GitHub账号）。你可以在GitHub上查看这个网站的代码。

1.去namecheap.com上注册一个域名。该步骤是可选的，只有当你想要一个定制域名时才需要该步骤。

2.创建一个GitHub账号，如果你的电脑上没有Git，下载并安装Git。

3.创建一个目录用来存放你的网站，并进入到该目录。mkdir my-site && cd my-site。所有后边的命令都假定你是在这个目录下执行的。

4.为你的网站创建一个新的GitHub仓库，命名为yourusername.github.io。例如，我的GitHub账号是smilli，所以我的仓库命名为smilli.github.io。

5.在你网站的目录下执行git init和git remote add origin https://github.com/username/username.github.io.git命令，注意用你的用户名替换username。

6.在你网站的目录下，利用HTML创建一个名为index.html的文件，作为你网站的主页。不要在index.html上花费太多时间，它可以和下边的代码一样简单：

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>网站名字</title>



<link rel="stylesheet"

href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

</head>

<body>

<h1>YOUR SITE TITLE</h1>

<p>Your text blahblahbhalbha</p>

<p>Another paragraph! Maybe more text!</p>

</body>

</html>

7.在这个文件中你可以输入任何你想要的文本或html代码。你可以查看你在本地对该文件所做的修改，如果你用的是Python3，执行python –m http.server 8000，如果你用的是Python2，执行python –m SimpleHTTPServer 8000。然后用你的浏览器打开http://localhost:8000即可。

8.现在执行下边的命令：

git add .

git commit -m "Initial commit"

git push -u origin master

9.打开https://yourusername.github.io/。现在你应该看到你的网站了。恭喜，你把一些东西放在网上了。

10.如果你想添加自己拥有的域名，你可以创建一个名为CNAME的文件，注意文件名全为大写。然后向这个文件中添加一行数据：yourdomainname.com（没有http或www）。例如这个网站的CNAME文件可以这么写：

makethisinanhour.com

View details on CNAME configuration here.

在这个[CNAME配置](https://help.github.com/articles/adding-a-cname-file-to-your-repository/)页中查看详情。

11.类似于前边的操作，向GitHub提交你的更改：

git add .

git commit -m "Add CNAME"

git push

12.现在登录网站https://www.namecheap.com/，点击你的域名列表下的域名，域名列表应该看起来是这个样子：

点击你的域名之后，在“Host Management”下边的左边工具栏中，你将看到一个链接“All Host Records”。点击它。现在你就看到了Namecheap为你的站点添加的默认主机记录。

修改你的主机记录，使它们看起来像这个样子（用户名改为你GitHub账户的用户名）：

13.DNS修改生效后，你就能在你的域名下查看你的网站了。恭喜哦！

原文地址：http://mp.weixin.qq.com/s?__biz=MjM5OTA1MDUyMA==&mid=206244120&idx=2&sn=c248ebf278caedfa0d82d9ceca3c3228&scene=1&key=1936e2bc22c2ceb582f02301928a851a02524331df4a43f886eec0605d0ed99d1c6f483a0f1991aa0bd8129d716b1720&ascene=1&uin=MjI5MTc5MzYwMg%3D%3D&devicetype=Windows+7&version=61000721&pass_ticket=GVdk3U4OOpq%2BfHUv5hRD8mwXpW3NgBbmQvmd6gTYoz1iGEtMu37D9IgGbJJ%2BEycI