You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: content/posts/adding_password_protection_to_a_hugo_post.md
+11-13Lines changed: 11 additions & 13 deletions
Original file line number
Diff line number
Diff line change
@@ -16,17 +16,17 @@ This method lacks complete security. Anyone with basic Hugo knowledge can access
16
16
This post do not talk about
17
17
18
18
{{< admonition type=success title="What this post cover" open=false >}}
19
-
1. Easy method to assign a password to any Hugo post.
19
+
1. Easy method to assign a password to any Hugo post (not 100% secured)
20
20
2. Users will be prompted to enter a password to access the post.
21
21
3. Unique password for each post
22
22
{{< /admonition >}}
23
23
24
-
25
-
26
-
27
24
Before we proceed, open the post [Top Secret](http://localhost:1313/posts/top_secret/) that is protection with a password. When prompted, enter the password `1234` to read the top secret.
To give you a sense of what I mean by "Add a new parameter" take a look at the `password` parameter at the line [#9](https://github.com/lazydeveloper/lazydeveloper.github.io/blob/1477fa46fe7425899d15470398e4405f6c0cfb0a/content/posts/top_secret.md?plain=1#L8) in the code below.
31
31
```
32
32
---
@@ -42,11 +42,12 @@ password: "1234"
42
42
```
43
43
Any value you input for the password parameter here (for example, 1234) will act as the password for accessing this post. So, include this new parameter in an existing or new post, as we'll proceed to implement the password protection logic in the following step.
44
44
45
-
## Implementing logic for the password parameter
45
+
----
46
+
## 2. Implementing logic for the password parameter
46
47
47
48
It's time to write the logic, Let's add a script to the default post layout. In my case its [single.html](https://github.com/lazydeveloper/lazydeveloper.github.io/blob/main/themes/LoveIt/layouts/posts/single.html) located at `themes/LoveIt/layouts/posts/`. The path or the file name may be different in your setup.
48
49
49
-
### Add the following code snippets to your layout file (single.html).
50
+
**Add the following code snippets to your layout file (single.html).**
50
51
51
52
01. Add this div at the starting of the article class. This will ensures that the content is hidden initially if a password is set.
52
53
```
@@ -71,19 +72,16 @@ It's time to write the logic, Let's add a script to the default post layout. In
71
72
};
72
73
</script>
73
74
```
74
-
75
-
76
-
77
75
Here my [single.html](https://github.com/lazydeveloper/lazydeveloper.github.io/blob/1477fa46fe7425899d15470398e4405f6c0cfb0a/themes/LoveIt/layouts/posts/single.html) file for quick reference. Look at the line#[21](https://github.com/lazydeveloper/lazydeveloper.github.io/blob/1477fa46fe7425899d15470398e4405f6c0cfb0a/themes/LoveIt/layouts/posts/single.html#L22) and line#[104 to 118](https://github.com/lazydeveloper/lazydeveloper.github.io/blob/1477fa46fe7425899d15470398e4405f6c0cfb0a/themes/LoveIt/layouts/posts/single.html#L104)
78
76
79
77
80
-
81
-
## Testing the protection
78
+
----
79
+
## 3. Testing the protection
82
80
Now that you know how to add a password parameter and the logic to check the password, you can create a new post with a password parameter or add the password parameter to an existing post. This method should work fine.
83
81
84
82
However, as previously discussed, this method is not 100% secure. At the time of writing this post, I'm not certain about replacing the password with a GitHub variable or secret, or using any similar mechanism to hide the password. If I manage to achieve this (fingers crossed), I will update this post accordingly.
85
83
86
-
Please share your opinions or any other suggestions by [commenting here](https://github.com/lazydeveloper/lazydeveloper.github.io/discussions/new/
84
+
Please share your opinions or any other suggestions by [commenting here](https://github.com/lazydeveloper/lazydeveloper.github.io/discussions/new/)
0 commit comments