javascript中的博客页面密码加密

我如何加密博客页面的密码保护？或者添加一个函数……这样它在代码中就不会那么明显了

还有，我可以为它添加一些css设计吗？或者使其在屏幕中央弹出

<!-- paste this password form in your blogger post/page -->
<script language="JavaScript">
var password = ' '
password=prompt('This is password protected page, please enter password to continue.','');
if (password != 'password') {
location.href='https://errorpage.blogspot.com/404';
}
</script>
<!-- end password -->

var密码=“”
password=prompt（'这是受密码保护的页面，请输入密码继续'，''）；
如果（密码！=“密码”）{
location.href=https://errorpage.blogspot.com/404';
}

ps：我是JavaScript新手，还在学习

图片：

---

这就是表单的外观，但是任何人都可以访问代码（Ctrl+U）并查看密码…

您可以通过css隐藏整个页面，然后使用js显示它。在/head之前输入下面的代码，然后查看magic

此页面受密码保护
输入密码
函数enterpass（）{
var密码=“”
password=prompt（'这是受密码保护的页面，请输入密码继续'，''）；
如果（密码=='password'）{
document.getElementById（'passward-protected'）.style.display='none'；
}否则{
警报（'密码错误'）
}
}

JS有可见的源代码，所以您需要后端来验证/加密密码。您正在使用的后端是不安全的，您可以使用本地文件绕过它，但要回答使用@lawrencerone之类的内容对密码进行哈希，但它仍然需要代码中的普通密码或一些后端（即使在NodeJSno中也不需要，

if（computeHash（userSupplied）=='someprecomputerdhash'）

如果使用Apache，我认为最简单的解决方案是httpasswd。这真的很有帮助！谢谢，我确实调整了不透明度，这样很好，但如何调整右侧的表格单元格，我以前没有粘贴它，因为它是一个博客页面，我不希望它出现在每个页面中，只出现在特定页面中。使用边距对齐表格单元格