创建自己的 .js.org 域名网站-唐霜

有很多知名的项目，例如 webpack，转载请注明出处：www.tangshuang.net【版权所有，侵权必究】会把自己的文档托管在 .js.org 域本文版权归作者所有，未经授权不得转载。本文版权归作者所有，未经授权不得转载。名下面。作为前端开发者，如果拥有一个 .【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.netjs.org 为后缀的域名网站，确实是一本文作者：唐霜，转载请注明出处。【版权所有，侵权必究】件很酷的事。那么，怎么才能拥有一个 .j【作者：唐霜】本文版权归作者所有，未经授权不得转载。s.org 域名的网站呢？我在实践之后，【作者：唐霜】【原创内容，转载请注明出处】把这个过程写下来给你，希望对你有用。

Js.org 项目介绍

这是一个很酷的项目，项目的发起人注册了本文版权归作者所有，未经授权不得转载。【本文受版权保护】js.org 域名，并且免费提供给前端开转载请注明出处：www.tangshuang.net原创内容，盗版必究。发者使用它的二级域名。你可以在这里了解它的所有，同时，你还可以在 github 上关注他们。那么，这究竟是一个怎样的项原创内容，盗版必究。【转载请注明来源】目呢？

实际上，我们抛开他们的技术实现，它就是一本文版权归作者所有，未经授权不得转载。本文版权归作者所有，未经授权不得转载。个域名服务。和我们以前注册域名，并绑定到原创内容，盗版必究。原创内容，盗版必究。自己的主机上一模一样。

只是，它的操作过程比一般的域名服务（域名转载请注明出处：www.tangshuang.net【本文首发于唐霜的博客】注册和解析）麻烦很多。

【原创内容，转载请注明出处】【未经授权禁止转载】【关注微信公众号：wwwtangshua【本文受版权保护】本文作者：唐霜，转载请注明出处。ngnet】【未经授权禁止转载】

由于这个域名的特殊性，几乎知会有前端开发本文版权归作者所有，未经授权不得转载。著作权归作者所有，禁止商业用途转载。者去申请使用它。而这些使用该服务的开发者本文版权归作者所有，未经授权不得转载。【原创不易，请尊重版权】，很大一部分和我一样，用它来作为自己项目本文版权归作者所有，未经授权不得转载。【作者：唐霜】的一个文档服务，给其他人阅读自己开发的库著作权归作者所有，禁止商业用途转载。【版权所有】唐霜 www.tangshuang.net或框架如何使用。但是，实际上，作为域名服【访问 www.tangshuang.net 获取更多精彩内容】转载请注明出处：www.tangshuang.net务，它根本不挑剔它所指向的，是一个文档服本文作者：唐霜，转载请注明出处。【关注微信公众号：wwwtangshuangnet】务，还是一个其他任何类型的应用。你可以试【原创不易，请尊重版权】未经授权，禁止复制转载。试这个网址，再看看它用 js.org 之后的效果。你可以发现，这个搭在其他服务器上的网站【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net，通过将 js.org 域名绑定到自己的转载请注明出处：www.tangshuang.net【原创内容，转载请注明出处】主机，就可以让访客用 js.org 域名本文作者：唐霜，转载请注明出处。【本文受版权保护】访问自己的网站了。因此，js.org 真原创内容，盗版必究。【版权所有，侵权必究】的只是一个域名服务而已，不需要觉得它非常【转载请注明来源】【版权所有，侵权必究】麻烦，是一个有多高门槛的服务。

创建自己的 github pages

作为开发者，怎么能没有一个自己的主页呢？【关注微信公众号：wwwtangshuangnet】【转载请注明来源】当然，你可以使用自己的服务器，搭建一个像【本文受版权保护】【原创内容，转载请注明出处】我一样的 wordpress 个人网站，本文作者：唐霜，转载请注明出处。原创内容，盗版必究。这当然可以。但是，服务器，每个月都需要一【本文首发于唐霜的博客】【关注微信公众号：wwwtangshuangnet】定的费用。而使用 github page原创内容，盗版必究。著作权归作者所有，禁止商业用途转载。s 则不需要费用，它是免费的。githu【本文首发于唐霜的博客】【本文首发于唐霜的博客】b 给每一个开发者提供了一个免费的 gi原创内容，盗版必究。【关注微信公众号：wwwtangshuangnet】thub.io 子域名，二级域名名称就是【访问 www.tangshuang.net 获取更多精彩内容】著作权归作者所有，禁止商业用途转载。开发者的注册 id，在你开通 githu本文版权归作者所有，未经授权不得转载。【版权所有】唐霜 www.tangshuang.netb pages 服务之后，就可以使用这个未经授权，禁止复制转载。【未经授权禁止转载】子域名了。

未经授权，禁止复制转载。转载请注明出处：www.tangshua【本文受版权保护】著作权归作者所有，禁止商业用途转载。ng.net本文版权归作者所有，未经授权不得转载。

第一步，确定要用来作为 pages 的项目。

在 github 上创建一个新项目，作为原创内容，盗版必究。【版权所有，侵权必究】要放 pages 的项目。很多个人博客就本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。是这么干的，那些博主在自己的 githu【版权所有，侵权必究】著作权归作者所有，禁止商业用途转载。b 上创建了一个名字叫 xxx.gith本文作者：唐霜，转载请注明出处。转载请注明出处：www.tangshuang.netub.io 的项目，然后将自己的网站源码【访问 www.tangshuang.net 获取更多精彩内容】著作权归作者所有，禁止商业用途转载。 push 到这个项目中。（这里需要注意【关注微信公众号：wwwtangshuangnet】【关注微信公众号：wwwtangshuangnet】，pages 服务只接受静态资源，你如果【版权所有】唐霜 www.tangshuang.net【原创不易，请尊重版权】需要进行数据存储，只能采用前后端分离的方著作权归作者所有，禁止商业用途转载。【作者：唐霜】式，将数据存放到另外一个地方去，gh-p本文作者：唐霜，转载请注明出处。【转载请注明来源】ages(github pages) 只【访问 www.tangshuang.net 获取更多精彩内容】【作者：唐霜】支持静态资源服务。）

本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。著作权归作者所有，禁止商业用途转载。【本文受版权保护】

除了上面这种方式。假如你和我一样，想要给【本文首发于唐霜的博客】【转载请注明来源】单个项目创建一个文档服务，那么，你可以有【作者：唐霜】【访问 www.tangshuang.net 获取更多精彩内容】两种选择：1）在项目 master 分支【转载请注明来源】【版权所有】唐霜 www.tangshuang.net根目录下方创建一个 docs 目录，用于原创内容，盗版必究。原创内容，盗版必究。存放文档；2）创建一个新分支 gh-pa【转载请注明来源】本文作者：唐霜，转载请注明出处。ges 作为存放文档的独立分支。我选择了【未经授权禁止转载】【未经授权禁止转载】第一种，因为对于要访问我项目的其他人而言【版权所有】唐霜 www.tangshuang.net【作者：唐霜】，他们可以点击 docs 目录，进去查看【本文首发于唐霜的博客】【原创不易，请尊重版权】我写的文档，而无需切换分支。

这里相当于给了你 3 种选择。那么如何选【原创不易，请尊重版权】【未经授权禁止转载】择呢？一般而言：a. 当你要创建一个个人【转载请注明来源】本文版权归作者所有，未经授权不得转载。/机构主页时，创建一个 xxx.gith未经授权，禁止复制转载。【作者：唐霜】ub.io 的项目；b. 当你在给一个项本文作者：唐霜，转载请注明出处。【版权所有】唐霜 www.tangshuang.net目创建主页时，使用该项目的 gh-pag本文作者：唐霜，转载请注明出处。【作者：唐霜】es 分支；c. 当你在给一个项目创建主【转载请注明来源】原创内容，盗版必究。页时，使用 master 分支下的 do【访问 www.tangshuang.net 获取更多精彩内容】【关注微信公众号：wwwtangshuangnet】cs 目录。

【转载请注明来源】【原创内容，转载请注明出处】

个人/机构主页和项目主页的区别是，个人/未经授权，禁止复制转载。【本文受版权保护】机构主页网址就是域名，而项目主页的网址是【访问 www.tangshuang.net 获取更多精彩内容】未经授权，禁止复制转载。域名后面还根上了项目名。这也是为什么很多原创内容，盗版必究。本文版权归作者所有，未经授权不得转载。项目单独注册了一个机构，而非直接挂在作者原创内容，盗版必究。转载请注明出处：www.tangshuang.net自己的名字下。其中 b 和 c 看上去没【原创不易，请尊重版权】本文作者：唐霜，转载请注明出处。啥差别，但差别还是有，如果你多出一个 d【访问 www.tangshuang.net 获取更多精彩内容】转载请注明出处：www.tangshuang.netocs 目录，可能影响你项目代码但纯净性本文版权归作者所有，未经授权不得转载。【版权所有，侵权必究】，这种时候，使用一个独立分支单独存放项目原创内容，盗版必究。【作者：唐霜】主页代码，会使项目源码比较干净。

【原创不易，请尊重版权】本文版权归作者所有，未经授权不得转载。【作者：唐霜】

第二步，上传网站文件。

无论你选择了哪一种方式，你需要在每一种方著作权归作者所有，禁止商业用途转载。【作者：唐霜】式的根目录下，放一个 index.htm转载请注明出处：www.tangshuang.net【未经授权禁止转载】l 作为首页。（docs 目录作为 gh转载请注明出处：www.tangshuang.net著作权归作者所有，禁止商业用途转载。-pages 时，把 index.htm著作权归作者所有，禁止商业用途转载。【转载请注明来源】l 放在 docs 目录下。因为只允许提本文版权归作者所有，未经授权不得转载。【本文受版权保护】供静态资源，所以，基本上，你只能靠 js未经授权，禁止复制转载。【作者：唐霜】来完成编程了。

著作权归作者所有，禁止商业用途转载。【关注微信公众号：wwwtangshua【原创不易，请尊重版权】【原创内容，转载请注明出处】ngnet】

完成网站的制作后，把对应的内容 push原创内容，盗版必究。【原创不易，请尊重版权】到仓库中。

第三步，开启 pages 服务。

你已经完成了前两步。接下来，我们开启 p【本文首发于唐霜的博客】【未经授权禁止转载】ages 服务。点击项目顶部导航中的 Settings 菜单，

往下拉，找到 GitHub Pages 这个部分，

【作者：唐霜】【访问 www.tangshuang.n【原创内容，转载请注明出处】本文版权归作者所有，未经授权不得转载。et 获取更多精彩内容】

选择对应的 Source 选项。在最新版的 github 后台，【版权所有】唐霜 www.tangshuang.net【作者：唐霜】点击其中一个选项之后，会自动刷新页面，并著作权归作者所有，禁止商业用途转载。【关注微信公众号：wwwtangshuangnet】且提示你 pages 已经发布成功，你可本文作者：唐霜，转载请注明出处。【访问 www.tangshuang.net 获取更多精彩内容】以访问网页上出现的网址进行访问。

➡ 根据官方提示，只有在管理员的 pus【原创不易，请尊重版权】【未经授权禁止转载】h 才能触发 pages 网站的更新，因【原创不易，请尊重版权】【访问 www.tangshuang.net 获取更多精彩内容】此要额外注意这一点。

【未经授权禁止转载】【转载请注明来源】【转载请注明来源】

现在，你可以使用 yourname.gi本文版权归作者所有，未经授权不得转载。未经授权，禁止复制转载。thub.io/yourproject 本文作者：唐霜，转载请注明出处。【原创内容，转载请注明出处】访问你的 pages 主页了。

【本文首发于唐霜的博客】著作权归作者所有，禁止商业用途转载。【作者：唐霜】本文作者：唐霜，转载请注明出处。

域名绑定

原创内容，盗版必究。本文作者：唐霜，转载请注明出处。

第一步，CNAME 文件。

在文档根目录创建一个名为 CNAME 的文件，在这个文件中，其内容必须只能是【原创不易，请尊重版权】原创内容，盗版必究。你要绑定的域名。例如我，就在 CNAME【原创内容，转载请注明出处】【转载请注明来源】文件中，只写入如下内容：

本文作者：唐霜，转载请注明出处。【转载请注明来源】【原创不易，请尊重版权】

nautil.js.org

这个时候，当你再访问 github 给你【本文首发于唐霜的博客】【作者：唐霜】默认配的域名地址时，你会发现，网址发生了【关注微信公众号：wwwtangshuangnet】【本文受版权保护】跳转。

【未经授权禁止转载】【未经授权禁止转载】【未经授权禁止转载】

第二步，绑定域名。

理论上，CNAME 被 push 之后，【转载请注明来源】著作权归作者所有，禁止商业用途转载。github 应该自动给我做域名绑定。但本文作者：唐霜，转载请注明出处。转载请注明出处：www.tangshuang.net是实际上，并没有，CNAME 文件似乎只【未经授权禁止转载】本文作者：唐霜，转载请注明出处。是为了实现跳转。而要将我们自己的域名绑定【本文首发于唐霜的博客】【原创不易，请尊重版权】到 gh-pages 服务上，还必须在刚【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】才操作的设置页面，填写要绑定的域名（必须【本文受版权保护】【作者：唐霜】和 CNAME 中的一致）。

著作权归作者所有，禁止商业用途转载。【原创不易，请尊重版权】转载请注明出处：www.tangshua【未经授权禁止转载】本文作者：唐霜，转载请注明出处。ng.net【未经授权禁止转载】

填写好，点击 Save 之后，在 github 所要做的事情就【原创内容，转载请注明出处】本文版权归作者所有，未经授权不得转载。完成了。

第三步，域名解析。

如果你不是使用 js.org 域名，你需【访问 www.tangshuang.net 获取更多精彩内容】未经授权，禁止复制转载。要到你的 dns 服务商处去修改对应的解【未经授权禁止转载】【原创内容，转载请注明出处】析记录。这条解析记录应该是一个指向 yo【原创内容，转载请注明出处】【原创内容，转载请注明出处】urname.github.io 的 C【访问 www.tangshuang.net 获取更多精彩内容】转载请注明出处：www.tangshuang.netNAME 记录。

申请和绑定 js.org 域名

首先，你可以到 js.org 这个网站去看看，因为它本身就已经教你如转载请注明出处：www.tangshuang.net【本文受版权保护】何操作了。接下来，你需要按照下面的步骤进本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。行。

本文版权归作者所有，未经授权不得转载。【关注微信公众号：wwwtangshua【作者：唐霜】【转载请注明来源】ngnet】未经授权，禁止复制转载。著作权归作者所有，禁止商业用途转载。

第一步，fork 仓库。

进入 js.org 的主仓库，点击右上角的 Fork 按钮。稍等一下刷新页面。这样，这个仓库【作者：唐霜】【原创内容，转载请注明出处】就被 fork 到你自己的名下。

第二步，修改代码。

将 fork 过来到仓库 clone 到本文版权归作者所有，未经授权不得转载。原创内容，盗版必究。本地，然后用编辑器打开，找到 cname转载请注明出处：www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】s_active.js 文件，在里面看一本文作者：唐霜，转载请注明出处。【转载请注明来源】下，大概知道怎么回事了吧。添加你想要到二转载请注明出处：www.tangshuang.net著作权归作者所有，禁止商业用途转载。级域名，以及 CNAME 到的网址。注意转载请注明出处：www.tangshuang.net【版权所有，侵权必究】，大家的约定都是按字母顺序排序的。照葫芦【原创内容，转载请注明出处】【版权所有，侵权必究】画瓢改好代码。push 回 github【转载请注明来源】本文作者：唐霜，转载请注明出处。。

第三步，Pull Request。

回到你 fork 的仓库页面，找到一个叫 Pull Request 的按钮。点击它，提交。

未经授权，禁止复制转载。【关注微信公众号：wwwtangshua未经授权，禁止复制转载。本文版权归作者所有，未经授权不得转载。ngnet】

这样就完成了域名申请和绑定了。是不是很简【版权所有，侵权必究】本文版权归作者所有，未经授权不得转载。单。接下来的事情，就是等待~~，因为中美之间的时差关系，你最好在晚上本文版权归作者所有，未经授权不得转载。【版权所有】唐霜 www.tangshuang.net12 点之前完成上面这些操作~~（根据indus的提醒，他实际上是在德国工【原创不易，请尊重版权】本文作者：唐霜，转载请注明出处。作，因此时间比我们早）。等美国那边的项目维护者上线之后，就会对你的 p【本文首发于唐霜的博客】转载请注明出处：www.tangshuang.netull request 进行检查，如果没【本文首发于唐霜的博客】本文作者：唐霜，转载请注明出处。有问题，就会 approve，一切顺利，【本文首发于唐霜的博客】【作者：唐霜】就会 merge，之后很快你就可以用拿到本文版权归作者所有，未经授权不得转载。【版权所有，侵权必究】的域名访问你的 gh-pages 了。

【未经授权禁止转载】著作权归作者所有，禁止商业用途转载。

如果你有兴趣，还可以继续看看 ns_ac转载请注明出处：www.tangshuang.net【原创内容，转载请注明出处】tive.js，看完之后，你就能再次明白本文作者：唐霜，转载请注明出处。【转载请注明来源】，js.org 就是一个域名服务项目啊。

使用 docsify

这也是一个超级酷的项目，专门为前端开发者本文版权归作者所有，未经授权不得转载。著作权归作者所有，禁止商业用途转载。写 gh-pages 而生。这个项目本身【版权所有】唐霜 www.tangshuang.net【原创不易，请尊重版权】是用 vue 实现的，但是它的使用极其方本文版权归作者所有，未经授权不得转载。【本文首发于唐霜的博客】便，让你感受到封装是多么爽的一件事。为什著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。么要使用 docsify 这个项目呢？因为它实在是太方便了，它的【作者：唐霜】原创内容，盗版必究。初衷，就是为 github 上的项目写文【关注微信公众号：wwwtangshuangnet】本文作者：唐霜，转载请注明出处。档而设计的。

我们在项目中怎么写文档？当然是用 mar【关注微信公众号：wwwtangshuangnet】【关注微信公众号：wwwtangshuangnet】kdown 来写。如果你要发布一个网页来【版权所有，侵权必究】【版权所有】唐霜 www.tangshuang.net组织文档，怎么想都会很麻烦，比如直接用本文作者：唐霜，转载请注明出处。【版权所有，侵权必究】html 写，不现实；比如用 md 写完本文版权归作者所有，未经授权不得转载。未经授权，禁止复制转载。之后，本地用一个工具转为 html，例如著作权归作者所有，禁止商业用途转载。【版权所有】唐霜 www.tangshuang.net gitbook 做的，也不如意。而 d【访问 www.tangshuang.net 获取更多精彩内容】【未经授权禁止转载】ocsify 直接通过解析 md 文档来【关注微信公众号：wwwtangshuangnet】转载请注明出处：www.tangshuang.net实现渲染。你写文档就是写 md 文件，不【原创内容，转载请注明出处】【本文受版权保护】用做任何修改。只是，在你的 docs 目【本文首发于唐霜的博客】未经授权，禁止复制转载。录下，再加一个 index.html 即【版权所有，侵权必究】【未经授权禁止转载】可。在这个 index.html 文档中【作者：唐霜】本文版权归作者所有，未经授权不得转载。，我们直接使用 docsify 的 CD本文作者：唐霜，转载请注明出处。【关注微信公众号：wwwtangshuangnet】N 文件，然后整个 pages 网站就渲未经授权，禁止复制转载。【本文受版权保护】染好了。

你可以阅读 nautil 的文档主页，然后查看源码，就可以发现，【原创内容，转载请注明出处】【关注微信公众号：wwwtangshuangnet】原来事情如此简单。

著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。【原创不易，请尊重版权】本文版权归作者所有，未经授权不得转载。

小结

本文啰啰嗦嗦讲了一大通，讲明白了 git转载请注明出处：www.tangshuang.net【关注微信公众号：wwwtangshuangnet】hub pages 服务和 js.org本文版权归作者所有，未经授权不得转载。【本文首发于唐霜的博客】服务，这两个服务的使用方法，以及整篇文著作权归作者所有，禁止商业用途转载。著作权归作者所有，禁止商业用途转载。章联系起来，如何快速给你的项目发布一个在【未经授权禁止转载】【作者：唐霜】线文档的途径。虽然没有什么技术含量，但是【原创内容，转载请注明出处】未经授权，禁止复制转载。对于那些有这方面需要的小伙伴，应该也是相【关注微信公众号：wwwtangshuangnet】著作权归作者所有，禁止商业用途转载。见恨晚吧。

【未经授权禁止转载】著作权归作者所有，禁止商业用途转载。【转载请注明来源】

【本文受版权保护】【版权所有，侵权必究】【作者：唐霜】【版权所有，侵权必究】【原创内容，转载请注明出处】【原创内容，转载请注明出处】【原创内容，转载请注明出处】原创内容，盗版必究。【原创内容，转载请注明出处】【版权所有，侵权必究】【版权所有】唐霜 www.tangshuang.net【本文首发于唐霜的博客】著作权归作者所有，禁止商业用途转载。【关注微信公众号：wwwtangshuangnet】【版权所有，侵权必究】【未经授权禁止转载】【本文首发于唐霜的博客】本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。【转载请注明来源】【作者：唐霜】原创内容，盗版必究。【转载请注明来源】本文版权归作者所有，未经授权不得转载。未经授权，禁止复制转载。【关注微信公众号：wwwtangshuangnet】本文版权归作者所有，未经授权不得转载。

2020-03-08 10197 github

唐霜

创建自己的 .js.org 域名网站