用Javascript在Hexo 文章建立密碼

首發 05. 28, 2023 修改 12. 13, 2023 1152

hexo-blog-encrypt

目前我的Hexo 博客是用hexo-blog-encrypt 對文章加密，但是我所使用的Hexo主題無法使用，會顯示 Here's something encrypted, password is required to continue reading. 問題討論

在Markdown中插入Javascript

if 條件判斷式

插入以下代碼，會跳出輸入頁面，輸入對進入文章，輸入錯誤跳回前一頁，但是有個致命缺點，只要在網頁點滑鼠右鍵選顯示網頁原始碼，就可以看到密碼跟網頁內容

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<script>
		var password1 = prompt('請輸入密碼:');
		if(password1 === '你的密碼'){
			console.log(true);
		}
		else{
			console.log(false);
  			alert("密碼錯誤");
  			history.back(); // 跳回前一頁
		}
	</script>
</head>
</html>

三元表達式

或用三元表達式縮減代碼數量，但是一樣有上面的缺點

1
2
3
4
5
6
7
8
9
10
11
12
13

<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<script>
		var password1 = prompt('請輸入密碼:');
		var login = password1 === '你的密碼' ? true : false;
		if(login == false) alert("密碼錯誤"); history.back();
	</script>
</head>
</html>