使用 Netify 托管个人网站 详细步骤
![](https://assets.matters.news/embed/6d47c099-ff76-4f06-9664-ac352f927480.jpeg)
本文 2018 年 1 月 2 日首发于 Medium 平台 · 查看原文
最近狠下心把域名买了下来,终于把一直想弄的个人网站正式放上了互联网。一路摸索过来,其实也没多难。
通过 Netlify 托管个人网站需要准备材料:
域名 —— 建议在 Namesilo(aff) 购买,提供免费 WHOIS 隐私保护,而且使用优惠码 zs1np 可获得1美刀的优惠。
Github Repositories —— 在仓库中准备好网站的文件
Neltify 账号 —— 我们会通过 Netlify 托管 Github 中的文件以及绑定域名。
开始:
首先用 Github 账号注册好 Netlify 之后点击 “New site from git” 开始:
![](https://assets.matters.news/embed/59a16668-eaf0-4089-8c0c-8458c96598eb.png)
点击最左边的 “Github” 按钮,从 Github 中导入:
![](https://assets.matters.news/embed/45fff456-fb1b-4ad4-aea9-11bc752a22fb.png)
然后选择相应的的仓库:
![](https://assets.matters.news/embed/92852abe-fa20-4339-807b-99353f6db1bd.png)
点击 “Deploy site” 按钮:
![](https://assets.matters.news/embed/7c441d31-11eb-4b0c-aca1-985be4cd9699.png)
之后来到网站的控制面板,现在我们的网页已经可以在网上浏览了(点击上方绿色的网址),下一步我们要绑定域名,点击 “Domain settings”:
![](https://assets.matters.news/embed/d39a99c5-69d3-40af-b7e2-edd6a17d3a01.png)
进入 Domain settings 页面,点击 “Add custom domain” 按钮:
![](https://assets.matters.news/embed/5f9d307f-e388-4de0-8805-8601956034ca.png)
输入自己的域名:
![](https://assets.matters.news/embed/a745c83f-624c-457a-ad1f-b66bc2759e56.png)
点击 “Save” 之后,系统已经自动为你添加有 A 和 CNAME 的记录:
![](https://assets.matters.news/embed/540f811c-aa0b-442a-9991-ab2bfcda5351.png)
开始进行 DNS 配置。开一个域名的 “Check DNS configuration”,点击下方的 “Set up Netlify DNS for …”,使用他们的 DNS 服务。
![](https://assets.matters.news/embed/94db1e39-e8ec-4c2b-86df-d6e2d33e3ec8.png)
然后按照提示复制这四个地址,
![](https://assets.matters.news/embed/07f82297-0508-4fb4-bd89-722d6025f9ca.png)
在Namesilo 的 NameServers 上点击 Change,把原有的删除,替换成 Netlify 提供的地址
![](https://assets.matters.news/embed/30a67619-767c-49e1-a258-73e81cf61e5f.png)
![](https://assets.matters.news/embed/2e612a92-d1eb-4a91-8777-ed006fa4f82d.png)
至此使用 Netlify 托管个人网站已经完成,这些更改很快就会生效。到时候就可以直接用我们的域名访问网站了。
然后我们可以愉快地通过 Github 来更新网站内容了!
![](https://assets.matters.news/embed/d15e36ba-79ec-48bb-9255-a6c2143810e7.png)
开启 HTTPS
Netlify 还提供一件开启 HTTPS 功能,用的是免费的 Let’s Encrypt 证书,DNS 生效后下面的按钮会变成绿色,点击根据提示会帮你开启 HTTPS,非常方便。
![](https://assets.matters.news/embed/37a46639-d886-4c63-84e6-aaab7a3681e2.png)
喜欢我的作品吗?别忘了给予支持与赞赏,让我知道在创作的路上有你陪伴,一起延续这份热忱!
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/avatar/834a59f5-f182-4229-900c-51b66151abf6.jpeg/public)
- 来自作者
- 相关推荐