免费🆓制作带密码的个人博客

个人网站的好处显而易见，非常个性化，容易让别人更全面的了解你，可以用来写日常博客分享知识甚至是求职本文分享一个制作静态网站，并对其进行保护的方法第一步 注册GitHub, 并下载Github Desktop。

https://github.com/​github.com/

如何注册就不说了，大同小异，提供一个邮箱，一步一步注册就行了注意第一步就要想好一个非常关键的问题，你想要的网址是什么比如是 xiaoming.github.io 还是 deariloveyou.github.io

, 前面你可以随便起，.github.io 后缀是固定的 一旦你决定了，后面会使用你的 来生成你个人网站的网址第二步 发表http://xiaoming.github.io。

在主页，点击右侧的 setting, 然后再 Repository name 里面输入 xiaoming, 注意保持后面的.github.io 不要动github.io 是不能更改的，而且，要确保 你一开始注册的时候是 xiaoming, 现在也要填xiaoming, 如果一开始你注册的时名字为zhangsan, 那现在就得用zhangsan.github.io

然后请参考下面的指导发表你的网页GitHub Pages​pages.github.com/

#################如果你只是想有个网页，那么已经完成了 ！！！你只需在电脑的本地文件夹内添加 html 文件，并把 html 文件链接到 index.html 里面，然后 点击 push. 别人就可以通过

http://xiaoming.github.io 访问并看到你的网页############### 以上有问题的小伙伴，请参考知乎其他更详细的教程#####以下为希望为自己网页加密的步骤第三步 复刻别人的一段代码。

这是一段我们用来设置个人密码的代码。以下我将称这段复刻的内容为 Chris 文件夹, 因为这是昵称为Chris 的同志发布的。如图，如图注释

如上图，在GitHub中搜索这个路径 scottishstoater/protected-github-pages

点击右侧的 fork 就会把这段代码复制到 xiaoming 自己的 库里。第四步 把Chris 文件夹保存到本地

点击files > clone repositories 就会跳出这个界面

保存到本地以后类似下图

Chris 文件夹在第二步 第一次发表网址的时候，http://xiaoming.github.io 文件夹里已经有一个index.html 了吗，现在请暂时新建一个文件夹xiaohong 并把index.html 移动进去。

然后，把Chris文件夹放到你的http://xiaoming.github.io 本地文件夹的里面，在Github desktop 软件里点击 push, 把改动同步到远程现在请注意，整个http://。

xiaoming.github.io 的结构，如下，在外面的文件夹内有一个index.html, xiaohong 里面也有一个index.html. 我们将使用外面的index.html 密码保护里面的 index.html

第五步 设置密码。在任意浏览器的网址内输入 xiaoming.github.io, 回车， 如果前面都正确操作了，这时候会跳出一个密码框，要求输入密码。

请在心里想一个你喜欢的密码，比如 123456 然后点击 continue, 当然你登陆不进去，因为这是第一次设置，没关系！ 要紧的是现在注意看你的网址栏是不是变成了这样，https://xiaoming.github.io/#

5674659$# 当然，以上那一串实我瞎编的，你的字符串肯定不同 现在请把这一串字符串复制下来，然后在我们本地，把xiaohong 文件夹重命名为这串字符串 点击 commit 和 push, 才能在远程你的github上也生效。

重命名以后的文件结构然后再到浏览器，输入 https://xiaoming.github.io, 输入密码，点击回车，就会登陆成功！当然，现在你的网站里只有一个孤零零的 index.html, 十分的空洞。

接下来你可以到 Start Boot Strap 根据你的个人网站的目的，下载免费现成的模板，比如个人博客模板，或者小公司宣传模板，或者知识分享模板等

Free Bootstrap Themes & Templates​startbootstrap.com/themes下载下来以后，把整个模板解压后，都放进 #567465975abcidnkkhignlk8uo54094@$#%%% 文件夹内，注意替换原来的index.html，并点击 commit 和 push.

这样你只需要修改模板里的内容就可以把它们变成自己的网页，保留其风格和布局如果你有了自己的域名，也可以把http://xiaoming.github.io 这个多少有些奇怪的地址，通过域名解析变成 http://。

xiaoming.com， 或者http://xiaoming.cn ， xiaoming.edu.cn 之类的，看你买的是什么了最后提醒你，这种加密是有一定局限性的，但普通人应该够用了我想一般也没人把银行卡密码之类的内容写道自己博客里吧。

为了更安全，请使用长一点的密码，并且在粘贴复制你的xiaoming网址用在在公共场合的的时候，小心不要复制包含到那串字符串，否则任何人都可顺利进入定期更改密码，也就是定期修改那个文件夹的名字也可提高安全性。

################# Thank you for reading ######################——————————– 更新————————————————-

Github pages 可以部署到vercel 上，非常的方便快速，有很多可以部署的地方，但是vercel 可能是最简单的了，特别是对第一次建立个人博客的人来说而且部署后我们还可以利用vercel 提供的域名换掉github 那个奇怪的域名。

访问也会更快部署的具体过程十分简单，使用Github 登陆 Vercel后只需点击几次鼠标，很快就完成了——————————-更新2——————————————————。

最后再提醒一下密码保护的问题，注意如果你打算把你的网页部署到第三方hosting 平台，注意在复制第三方平台网址时，网址是否为direct listing, 如果网址具体到包含了你的内层index.html 那么这种访问将绕过本密码保护，直接可以访问。

所以需要仔细看清，剔除内层的index.html等内容，再发布你的外层网址为公开