www.endtoend.ai Open in urlscan Pro
188.114.97.3  Public Scan

Form analysis
1 forms found in the DOM

Name: revue-form — POST https://www.getrevue.co/profile/seungjaeryanlee/add_subscriber

<form action="https://www.getrevue.co/profile/seungjaeryanlee/add_subscriber" method="post" name="revue-form" target="_blank">
  <div class="mc-field-group">
    <input type="email" placeholder="Email" name="member[email]" class="required email" id="member_email" autocomplete="on" required="">
    <input type="submit" value="Subscribe" name="member[subscribe]" class="heart">
  </div>
</form>

Text Content

 * Blog
 * One Slide Summary
 * About
   


ENDTOEND.AI

Studying Artificial Intelligence, from backbone to application.

TOC

 *  How To Use
 *  Behind the Scenes

Share

 * 
 * 
 * 


 * 2 Comments


GITHUBTOCOLAB: OPEN GITHUB JUPYTER NOTEBOOKS IN COLAB!

Published Aug 30, 2019 by Seungjae Ryan Lee

 * category: release
 * tag: colab
 * tag: github
 * tag: jupyter


HOW TO USE



 1. Find the jupyter notebook in GitHub.
    
    1
    
    
     github.com/tensorflow/agents/blob/master/tf_agents/colabs/0_intro_rl.ipynb
    

 2. In the link, add tocolab after github.
    
    1
    
    
     githubtocolab.com/tensorflow/agents/blob/master/tf_agents/colabs/0_intro_rl.ipynb
    

 3. A Google Colab page with the jupyter notebook will open!


BEHIND THE SCENES

Last week, I read this from the official Colab GitHub Demo:



I thought that it would be lot easier if the link was more memorizable, so I
decided to create githubtocolab.com, a simple wepbage that redirects to Google
Colab.

I have very little front-end knowledge, so I had to read a lot of tutorials to
set it up correctly. Below, I briefly describe what I had to do to and what
resources I used.


PURCHASE DOMAIN AND SERVER

To create a webpage, I needed a domain name and a place to host my website. I
purchased the “githubtocolab.com” domain in Namecheap, which was $12 per year.
For the place to host my website, I chose DigitalOcean since it had the most
tutorials. I chose the smallest “droplet,” which cost $5 a month.

Total cost: $6 per month


DNS SETUP: CONNECT DOMAIN AND SERVER

To Point Namecheap domain to DigitalOcean, I had to setup Nameservers and A
Records:



The 142.93.177.234 IP is the DigitalOcean droplet IP.

Here are the three tutorials I read to setup DNS:

 * How To Point to DigitalOcean Nameservers From Common Domain Registrars
   (DigitalOcean)
 * How to Add Domains (DigitalOcean)
 * How to Create DNS Records (DigitalOcean)


NGINX SETUP: SETUP REDIRECTS

I set up the server to do two things:

 1. Redirect “githubtocolab.com” to this blog post.
 2. Redirect all other (non-root) urls to colaboratory.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37


server {
    root /var/www/githubtocolab.com/html;
    index index.html index.htm index.nginx-debian.html;

    server_name githubtocolab.com www.githubtocolab.com;

    location = / {
        return 301 https://endtoend.ai/blog/githubtocolab/;
    }
    location / {
        return 301 https://colab.research.google.com/github/$request_uri;
    }

     # managed by Certbot
    listen [::]:443 ssl ipv6only=on;
    listen 443 ssl;
    ssl_certificate /etc/letsencrypt/live/githubtocolab.com/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/githubtocolab.com/privkey.pem;
    include /etc/letsencrypt/options-ssl-nginx.conf;
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem;
}
server {
    # managed by Certbot
    if ($host = www.githubtocolab.com) {
        return 301 https://$host$request_uri;
    }
    if ($host = githubtocolab.com) {
        return 301 https://$host$request_uri;
    }

    listen 80;
    listen [::]:80;

    server_name githubtocolab.com www.githubtocolab.com;
    # managed by Certbot
    return 404;
}


Here are the four tutorials I read to setup NGINX:

 * Initial Server Setup with Ubuntu 18.04 (DigitalOcean)
 * How To Install Nginx on Ubuntu 18.04 (DigitalOcean)
 * How To Secure Nginx with Let’s Encrypt on Ubuntu 18.04 (DigitalOcean)
 * Creating NGINX Rewrite Rules (NGINX)


Please enable JavaScript to view the comments powered by Disqus.
  Never miss an issue of RL Weekly from us, subscribe to our newsletter



EXPLORE →

learn (2) personal (4) explore (5) paper-unraveled (3) rl-weekly (44) blogging
(2) tutorial (9) release (1)
Opinions are my own
Copyright © 2022 endtoend.ai