1<!DOCTYPE html> 2<html> 3 <head> 4 <title>Digital Bacon - Hosting</title> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/apple-touch-icon.png"> 7 <link rel="icon" type="image/png" sizes="16x16" href="/images/favicons/favicon-16x16.png"> 8 <link rel="icon" type="image/png" sizes="32x32" href="/images/favicons/favicon-32x32.png"> 9 <link rel="manifest" href="/site.webmanifest"> 10 <link rel="stylesheet" href="/css/resources.css"> 11 <link href="https://fonts.cdnfonts.com/css/montserrat" rel="stylesheet"> 12
12<script src="/scripts/stats.js" type="module"></script>
12 13 </head> 14 <body> 15 <div id="doc-container"> 16 <div class="sidebar"> 17 <a href="/"> 18 <img src="/images/digital_bacon_pig_compressed.png" alt="Digital Bacon logo" class="logo"> 19 </a> 20 <!--<div role="search" id="sidebar-search"> 21 <svg version="1.1" viewBox="0 0 1000 1000" x="0px" xmlns="http://www.w3.org/2000/svg" y="0px"> 22 <path d="M968.2,849.4L667.3,549c83.9-136.5,66.7-317.4-51.7-435.6C477.1-25,252.5-25,113.9,113.4c-138.5,138.3-138.5,362.6,0,501C219.2,730.1,413.2,743,547.6,666.5l301.9,301.4c43.6,43.6,76.9,14.9,104.2-12.4C981,928.3,1011.8,893,968.2,849.4z M524.5,522c-88.9,88.7-233,88.7-321.8,0c-88.9-88.7-88.9-232.6,0-321.3c88.9-88.7,233-88.7,321.8,0C613.4,289.4,613.4,433.3,524.5,522z"></path> 23 </svg> 24 <input placeholder="Search..." aria-label="Search" type="text" value=""> 25 </div>--> 26 <div id="sidebar-navigation"> 27 <ul> 28 <li> 29 <a href="#section/MyDigitalBacon"> 30 <label type="section" role="menuitem"> 31 <span title="MyDigitalBacon">MyDigitalBacon</span> 32 </label> 33 </a> 34 </li> 35 <li> 36 <a href="#section/GitHub"> 37 <label type="section" role="menuitem"> 38 <span title="GitHub">GitHub</span> 39 </label> 40 </a> 41 </li> 42 <li> 43 <a href="#section/AWS"> 44 <label type="section" role="menuitem"> 45 <span title="AWS">AWS</span> 46 </label> 47 </a> 48 </li> 49 </ul> 50 </div> 51 </div> 52 <div id="main-content"> 53 <a class="only-large-screen" href="/"> 54 <img src="/images/digital_bacon_pig_compressed.png" alt="Digital Bacon logo" class="logo"> 55 </a> 56 <h1 id="section/MyDigitalBacon">Hosting on MyDigitalBacon.com</h1> 57 <p>The easiest way to host your project is by going to <a href="https://mydigitalbacon.com">MyDigitalBacon.com</a>, creating an account, and then uploading your project there. A free tier is available for you to try it out with no need to enter any payment information</p> 58 <br> 59 <a class="green-button fw-bold" href="https://mydigitalbacon.com">Host on MyDigitalBacon.com</a> 60 <br> 61 <br> 62 <br> 63 <br> 64 <br> 65 <br> 66 <br> 67 <h1 id="section/GitHub">Hosting on GitHub</h1> 68 <p>For those with web development experience, hosting your Digital Bacon website on GitHub is arguably the easiest self hosting solution. Just follow the steps below to host it on GitHub</p> 69 <ul> 70 <li><a href="https://github.com/kalegd/DigitalBaconSampleProject">Fork this repository</a> (feel free to name it whatever you like)</li> 71 <li>Go to your forked version of the repository</li> 72 <li>Replace my-project.zip with your Digital Bacon project file</li> 73 <li>Go to Settings -> Pages</li> 74 <li>Set the source to main (or whatever your desired branch name is)</li> 75 <li>Save your GitHub Page settings</li> 76 <li>GitHub will present you the URL to access your website! (It may take a few minutes for the website to be running</li> 77 </ul> 78 <p>See the below images for further guidance</p> 79 <div class="guidance-images"> 80 <img class="wide-image" src="./images/fork.jpg"> 81 <img class="wide-image" src="./images/fork details.jpg"> 82 <img class="wide-image" src="./images/settings.jpg"> 83 <img class="long-image" src="./images/settings navigation.jpg"> 84 <img class="long-image" src="./images/branch selection.jpg"> 85 <img class="long-image" src="./images/save.jpg"> 86 <img class="wide-image" src="./images/page url.jpg"> 87 </div> 88 <h1 id="section/AWS">Hosting on AWS</h1> 89 <p>There a many different ways to host a Digital Bacon website on AWS. We'll be going over a simple solution that sets up a static website on S3 using the instructions below. This guide assumes prior familiarity with GitHub and AWS</p> 90 <p class="italic">Please note, hosting on AWS does cost money, please check their current prices for more information</p> 91 <ul> 92 <li>
92Sign into your AWS account (or create one if you do not already have one)</li> 93 <li>Create an S3 Bucket</li> 94 <li>Clone the contents of the sample project in <a href="https://github.com/kalegd/DigitalBaconSampleProject">this GitHub repository</a> into a local workspace</li> 95 <li>Replace my-project.zip with your Digital Bacon project file</li> 96 <li>Copy the contents of your workspace into the S3 Bucket</li> 97 <li>Go the the Properties section of your S3 Bucket</li> 98 <li>Scroll down to the Static website hosting section and click the Edit button</li> 99 <li>Make sure "Enable" and "Host a static website" are both checked</li> 100 <li>Use index.html for the Index document (unless you have changed the name of the document)</li> 101 <li>Save your changes</li> 102 <li>Find your website URL in the Static website hosting section</li> 103 </ul> 104 <p>To support VR headsets, you will need to serve your website over https instead of http. This can be done by having a domain name, ssl certificate, and setting up a Cloudfront distribution. You can find many resources for hosting online</p> 105 </div> 106 </div> 107 </body> 108</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.