Two approaches: DNS approach and hosts file approach. The DNS approach is more convenient as it doesn’t require modifications to the hosts file and virtual host config file each time a new virtual host is added. The small catch is that the DNS approach relies on third party service such as http://localhost.tv/.

DNS Approach

1. Enable virtual host alias and virtual host config

In Apache conf folder, open httpd.conf, uncomment LoadModule vhost_alias_module modules/mod_vhost_alias.so. Also uncomment Include conf/extra/httpd-vhosts.conf.

2. Config virtual host

In Apache conf\extra folder, open httpd-vhosts.conf, add the following lines:

<VirtualHost *:80>
  ServerName catchall.localhost.tv
  ServerAlias *.localhost.tv
  VirtualDocumentRoot "C:\Users\[user]\Documents\%1"
  <Directory "C:\Users\[user]\Documents">
    Require all granted
  </Directory>
</VirtualHost>

Only need to do this once. %1 means the first part of dot-separated components of the server name, i.e. *.

3. Access the virtual host

Create any folder, e.g. [site] under the virtual root C:\Users\[user]\Documents. Place an index.html file in the folder. It can then be access via [site].localhost.tv.

hosts File Approach

1. Config hosts file

Open Notepad as administrator, open C:\Windows\System32\drivers\etc\hosts.

In the hosts file, add the following line: 127.0.0.1 site1.localhost

Repeat for other virtual servers.

2. Enable virtual host config

In Apache conf folder, open httpd.conf, uncomment Include conf/extra/httpd-vhosts.conf.

3. Config virtual host

In Apache conf\extra folder, open httpd-vhosts.conf, add the following lines:

<VirtualHost *:80>
  ServerName site1.localhost
  DocumentRoot "C:\Users\[user]\Documents\site1"
  <Directory "C:\Users\[user]\Documents\site1">
    Require all granted
  </Directory>
</VirtualHost>

4. Access the virtual host

Create a folder site1 under the virtual root C:\Users\[user]\Documents. Place an index.html file in the folder. It can then be access via site1.localhost.

To add another virtual host say site2.localhost, repeat step 1 and step 2 and add entries for site2 accordingly.

This view has crashed!

因个人习惯想要调整一下键盘布局，将Home、End、PgUp、PgDn调整为Home、PgUp、PgDn、End。这篇文章将介绍如何操作。整个流程并不复杂。

Long story short, I purchased a domain and hosted it with FastComet a week ago. After setting up the SSL/TLS, I tried to force all web traffic to use HTTPS. One way of achieving this would be adding the following code in the .htaccess file in the website’s root folder.

• Logical thinking - Mathematics (inference)
• Empirical thinking - Physics (observation, induction)
• Computational thinking - Computer Science (abstraction, automation)

Yesterday, I noticed that in some of the files in my local repository, the line breaks were changed from UNIX style LF to Windows style CRLF. The problem occurred after I made some changes on the remote repository GitHub, and later on pulled them to my local repository using GitHub for Windows.

Let’s say we want to obfuscate the following mailto link:

These tools have been used to set up my blog:

Across the Great Wall we can reach every corner in the world