0107.html 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Running Pi-Hole Ad-Blocker in a VirtualBox VM</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
  7. <script type="text/javascript">
  8. $(function(){
  9. $('textarea').each(function(i,e){
  10. theTextarea = $(this);
  11. theTextarea.height((theTextarea[0].scrollHeight-5) +'px');
  12. });
  13. $('li').each(function(i,e){
  14. if(!$(this).hasClass('noCheckbox')){
  15. var uuid = 'li_' + Math.floor(Math.random() * Math.floor(1000000)).toString() + '_' + i.toString();
  16. $(this).contents().wrap('<span id="'+ uuid +'"><label for="cb_'+ uuid +'"></label></span>');
  17. $(this).prepend('<input type="checkbox" class="completeBox" id="cb_' + uuid +'" rel="'+ uuid +'" />')
  18. }
  19. });
  20. $('code,div.codeBlock,textarea.codeBlock').each(function(i,e){
  21. theElement = $(this);
  22. var lines = theElement.html().split("\n");
  23. theElement.empty();
  24. for(l=0;l<lines.length;l++){
  25. if($.trim(lines[l]) != '' && $.trim(lines[l]).substr(0,1) != '#' && $.trim(lines[l]).indexOf(' #') == -1 && lines[l].substr(0, 4).toUpperCase() != 'REM '){
  26. theElement.append('<input type="image" src="images/clipboard.png" value="" class="copy-text" rel="copy_'+ i +'_'+ l +'" data-clipboard-text="'+ $.trim(lines[l].replace(/"/g, '&quot;')) +'" /><span id="copy_'+ i +'_'+ l +'">'+ lines[l] +'</span>');
  27. } else {
  28. theElement.append(lines[l]);
  29. }
  30. }
  31. });
  32. $(document).on('click','input.copy-text',function(){
  33. theButton = $(this);
  34. $('input.copy-text').attr('src','images/clipboard.png');
  35. $('span.copy-animation,span.copy-animation-ps').removeClass('copy-animation copy-animation-ps');
  36. try {
  37. if($('#'+ theButton.attr('rel')).parent('div').hasClass('PS')){
  38. $('#'+ theButton.attr('rel')).addClass('copy-animation-ps');
  39. } else if($('#'+ theButton.attr('rel')).parent('div').hasClass('CMD')){
  40. $('#'+ theButton.attr('rel')).addClass('copy-animation-cmd');
  41. } else {
  42. $('#'+ theButton.attr('rel')).addClass('copy-animation');
  43. }
  44. navigator.clipboard.writeText(theButton.data('clipboard-text').replace(/<[^>]*>?/gm, ''));
  45. theButton.attr('src','images/clipboard_active.png');
  46. } catch(err) {
  47. }
  48. return false;
  49. });
  50. $(document).on('click','input.completeBox',function(){
  51. theBox = $(this);
  52. $('#'+ theBox.attr('rel')).addClass('strikethrough');
  53. theBox.prop('disabled',true);
  54. theBox.parent('li').prevAll().each(function(i,e){
  55. theLI = $(this);
  56. if(theLI.find('input[type=checkbox]').not(':checked')){
  57. $('#'+ theLI.find('input[type=checkbox]').attr('rel')).addClass('strikethrough');
  58. theLI.find('input[type=checkbox]').prop('checked',true).prop('disabled',true);
  59. }
  60. });
  61. });
  62. if(window.self !== window.top){
  63. window.parent.$('iframe.stepsFrame').height((this['scrollingElement']['scrollHeight']+20) +'px');
  64. }
  65. });
  66. </script>
  67. <link href="css/steps.css" rel="stylesheet" type="text/css" />
  68. </head>
  69. <body>
  70. <div id="gridContainer">
  71. <div class="topMargin"></div>
  72. <div id="listName" class="topMargin">
  73. <h1>Running Pi-Hole Ad-Blocker in a VirtualBox VM</h1>
  74. </div>
  75. <div></div>
  76. <div id="content">
  77. <h2>Creating the VM</h2>
  78. <ol>
  79. <li>Download Raspberry Pi OS <a href="https://downloads.raspberrypi.org/rpd_x86_latest" target="_blank">Download</a></li>
  80. <li>Launch Virtualbox</li>
  81. <li>Create a New VM by selecting Machine &gt; New
  82. <p>Name: Raspberry Pi-Hole<br />
  83. Machine Folder: C:\VMs<br />
  84. Type: Linux<br />
  85. Version: Debian (32-bit)<br />
  86. Memory Size: 1024 MB<br />
  87. Hard disk: Create a virtual hard disk now</p>
  88. </li>
  89. <li>Click Create</li>
  90. <li>On the Create Virtual Hard Disk dialog
  91. <p>Name the virtual disk image Raspberry Pi-Hole.vdi<br />
  92. File size: 8 GB<br />
  93. Hard disk file type: VDI<br />
  94. Storage on physical hard disk: Dynamically Allocated</p>
  95. </li>
  96. <li>Click Create</li>
  97. <li>Select the VM and Click Settings</li>
  98. <li>Select System &gt; Processor</li>
  99. <li>Give the VM at least 2 processors</li>
  100. <li>Select Display</li>
  101. <li>Slide the Video Memory to 128 MB</li>
  102. <li>Select Network</li>
  103. <li>Set the attached to dropdown to Bridged Adapter</li>
  104. <li>Select Storage</li>
  105. <li>Click on the CD-ROM drive</li>
  106. <li>Select the disc dropdown to the right &gt; Choose a virtual optical disc file...</li>
  107. <li>Browse to and select the Raspberry Pi desktop .iso file</li>
  108. <li>Click OK</li>
  109. <li>Make sure the Raspberry Pi-Hole VM is selected and click Start &gt; Normal</li>
  110. <li>Select Graphical Install</li>
  111. <li>Select a keyboard map &gt; click Continue</li>
  112. <li>Select Guided - use entire disk &gt; click Continue</li>
  113. <li>Click Continue, Continue, Continue</li>
  114. <li>Select Yes to confirm writing the changes to disk &gt; click Continue</li>
  115. <li>Wait while Debian and the Raspberry Pi Desktop are installed</li>
  116. <li>Select Yes to install GRUB on the master boot record &gt; click Continue</li>
  117. <li>Select /dev/sda &gt; click Continue</li>
  118. <li>Click Continue to reboot the VM</li>
  119. <li>Click Next on the welcome dialog</li>
  120. <li>Set the Country, Language and Time Zone &gt; click Next</li>
  121. <li>Enter and confirm a password for the pi user &gt; click Next</li>
  122. <li>Click Skip to updating software</li>
  123. <li>Click Finish to reboot the VM and complete setup</li>
  124. </ol>
  125. <h2>Installing Updates and Pi-Hole</h2>
  126. <ol>
  127. <li>Click the Applications button &gt; Accessories &gt; Terminal</li>
  128. <li>Run the following commands to install updates
  129. <div class="codeBlock">sudo apt update<br />
  130. sudo apt upgrade -y<br />
  131. sudo apt clean<br />
  132. sudo reboot now</div>
  133. </li>
  134. <li>Select Devices &gt; Insert Guest Additions CD image...</li>
  135. <li>If the installation autoruns, select Run</li>
  136. <li>On the desktop, Right click on the Guest Additions disc &gt; Open in Terminal</li>
  137. <li>In the Terminal window run the following commands
  138. <div class="codeBlock">sudo sh ./VBoxLinuxAdditions.run<br />
  139. sudo reboot now</div>
  140. </li>
  141. <li>The VM will reboot</li>
  142. <li>Upon rebooting, you can now full screen the VM and the internal resolution will automatically change to match the window size</li>
  143. <li>Click the Applications button &gt; Accessories &gt; Terminal</li>
  144. <li>Run the following command to install Pi-Hole
  145. <div class="codeBlock">curl -sSL https://install.pi-hole.net | bash</div>
  146. </li>
  147. <li>Press Enter until the DNS selection is displayed</li>
  148. <li>Select a DNS provider and press Enter</li>
  149. <li>Press Enter through the rest of the Pi-Hole installer, selecting the defaults</li>
  150. <li>Copy the randomly generated admin password (just in case)</li>
  151. <li>Press Enter to complete the installation</li>
  152. <li>Run the following command to change the Pi-Hole admin password
  153. <div class="codeBlock">sudo pihole -a -p</div>
  154. </li>
  155. <li>Enter and confirm the new password</li>
  156. <li>Click the Applications button &gt; Internet &gt; Chromium Web Browser</li>
  157. <li>Navigate to http://DNSorIP/admin</li>
  158. <li>Click Login</li>
  159. <li>Authenticate with the admin password</li>
  160. </ol>
  161. <h2>Testing Pi-Hole</h2>
  162. <ol>
  163. <li>Right click the VM network connection &gt; Wireless &amp; Wired Network Settings</li>
  164. <li>Select eth0 from the interface dropdown</li>
  165. <li>Clear out the DNS servers and input the VM IP address</li>
  166. <li>Click Apply</li>
  167. <li>Click Devices &gt; Network &gt; Connect Network Adapter to disable networking</li>
  168. <li>Click Devices &gt; Network &gt; Connect Network Adapter to re-enable networking</li>
  169. <li>In Chromium, open a new tab and navigate to https://yahoo.com</li>
  170. <li>Go back to the Pi-Hole tab and see that some DNS queries have been blocked</li>
  171. </ol>
  172. <h2>Setting Up From Windows Client</h2>
  173. <ol>
  174. <li>Click the Start button &gt; Type control panel &gt; press Enter</li>
  175. <li>Click View By &gt; Small Icons</li>
  176. <li>Click Network and Sharing Center</li>
  177. <li>Click Change adapter settings</li>
  178. <li>Right click on the network connection &gt; Properties</li>
  179. <li>Select Internet Protocol Version 4 (TCP/IPv4) &gt; Properties</li>
  180. <li>Select the radio option next to Use the following DNS server addresses</li>
  181. <li>Input the IP address of the Pi-Hole VM</li>
  182. <li>Click OK on both of the open dialog windows</li>
  183. <li>Right click the Start button &gt; Command Prompt (Admin)</li>
  184. <li>Type the following commands to flush your DNS cache and restart the network connections (note: your network connection will drop if running the commands on a remote machine)
  185. <div class="codeBlock">ipconfig /flushdns<br />
  186. ipconfig /release<br />
  187. ipconfig /renew</div>
  188. </li>
  189. </ol>
  190. <p>More on Pi-Hole <a href="https://pi-hole.net/" target="_blank">https://pi-hole.net/</a></p>
  191. </div>
  192. </div>
  193. </body>
  194. </html>