diff options
Diffstat (limited to 'public/post/first-website/index.html')
| -rw-r--r-- | public/post/first-website/index.html | 111 |
1 files changed, 111 insertions, 0 deletions
diff --git a/public/post/first-website/index.html b/public/post/first-website/index.html new file mode 100644 index 0000000..a76d054 --- /dev/null +++ b/public/post/first-website/index.html @@ -0,0 +1,111 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="utf-8"> + +<title>First Website | garhve's gibberish</title> + + + <link rel="shortcut icon" type="image/png" href="/images/favicon.png"> + <meta name="viewport" content="width=device-width,initial-scale=1"> + + <link id="stylesheet" rel="stylesheet" type="text/css" href="/dark.css"> + + <script type="text/javascript" src="/js/theme.js"></script> + +</head> + +<div class="header"> + <div class="site_title"> + <p><a href="/"><img src="https://blog.garhve.com/images/logo.ico" alt="garhve's gibberish" + width="70" height=auto></a></p> + <p><a href="/"> garhve's gibberish</a></p> + </div> + <div class="menu"> + <!-- <a href="/tags">tags</a> + --><a href="/categories">categories</a> + </div> +</div> + +<body onload="getTheme()"> + <section class="section"> + <div class="container"> + +<p> + <div class="title_postpage">First Website</div> +</p> +<p> + <div class="date_postpage">2022-08-10</div> + <div class="taxonomies_postpage"> + + + <a href="https://blog.garhve.com/categories/period/">/period</a> + + + + +  <a href="https://blog.garhve.com/tags/gibberish/">#gibberish</a> + + + </div> +</p> + +<p> + <p>So now I can say my website is on.. even though it just literally has nothing but a printing <em>hello</em> +<img src="https://assets.garhve.com/pictures/screenshots/2022/08/2751557406.png" alt="FirstWebsite.png" /></p> +<p>I got this <em>garhve.com</em> domain on namesilo for $9.95 per year, it's really cheap! I always want a domain that is .com suffix.</p> +<p>Now, the web is https, this is a bit difficult for me.</p> +<p>Due to personal interest, I didn't choose frame to base my website. I use <strong>Nginx</strong> but I don't familiar with it. making it shows my content is not that difficult even that I don't know much fancy state, but I stucked on SSL.</p> +<p>In order to use https instead of http, I choosed <strong>let's encrypt</strong>, which is good for me and it's free. However, I can only getting my non-www domain working. when it comes to www domain, it still http.</p> +<p>I found solutions all about using return to returning https, but it won't work</p> +<pre data-lang="nginx" style="background-color:#2e3440;color:#d8dee9;" class="language-nginx "><code class="language-nginx" data-lang="nginx"><span>server { +</span><span> server_name www.garhve.com; +</span><span> return 301 https://www.garhve.com$request_uri +</span><span>} +</span></code></pre> +<p>This would return me a 404 error...</p> +<p>After searching and searching, I found where i was getting wrong.</p> +<p>Above statement only return https-www which doesn't hold any contents, all I need is to redirect the https-www to https-non-www.</p> +<p>So, change to this one</p> +<pre data-lang="nginx" style="background-color:#2e3440;color:#d8dee9;" class="language-nginx "><code class="language-nginx" data-lang="nginx"><span>server { +</span><span> listen 80; +</span><span> server_name www.garhve.com garhve.com; +</span><span> return 301 https://garhve.com$request_uri; +</span><span>} # this block will redirect http-both to https-both +</span><span> +</span><span>server { +</span><span> listen 443 ssl http2; #http2 is newer and more secure http +</span><span> listen [::]:443 ssl http2; +</span><span> +</span><span> server_name www.garhve.com; +</span><span> include /path_to_cert_file; +</span><span> return 301 https://garhve.com$request_uri; +</span><span>} # this block will redirect https-www to https-non-www +</span><span> +</span><span>server { +</span><span> listen 443 ssl http2; +</span><span> listen [::]:443 ssl http2; +</span><span> +</span><span> server_name garhve.com; +</span><span> include /path_to_cert_file; +</span><span> +</span><span> #location to real content +</span><span>} # this block is where we hold web content. +</span></code></pre> +<p>It will redirect <em>https-www</em> to <em>https-non-www</em>. Now, both domain will point to same location -- my home page.</p> + +</p> + + + + + </div> + </section> +</body> + +<div class="footer"> +  © garhve +</div> + +</html> |