打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
一个小时快速搭建个人网站的诀窍


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

<!-- Add some style to your site, see http://getbootstrap.com for details -->

<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修改生效后,你就能在你的域名下查看你的网站了。恭喜哦!


英文出处:make this in an hour

译文出处:伯乐在线 - xianhu

译文链接:http://blog.jobbole.com/85932/

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
哟呵,Github 免费从 0 到 1搭建个人博客网站
如何利用github免费搭建起自己的网站,零门槛小白都可以
GitHub Pages搭建个人博客
利用 GitHub Pages 快速搭建个人博客前言快速开始写文章自定义域名进阶利用GithHub Desktop管理GitHub仓库修改个人介绍常见问题其他Star补充最后要说个事情
[干货]如何在一天之内搭建以你自己名字为域名且具备cool属性的个人博客
从网址到网页(真相竟然是……)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服