diff --git a/components/md-renderer/mdx-components/a.js b/components/md-renderer/mdx-components/a.js index 673ccd88e..bd99de8bd 100644 --- a/components/md-renderer/mdx-components/a.js +++ b/components/md-renderer/mdx-components/a.js @@ -5,11 +5,14 @@ const Link = styled.a` `; const EnrichedLink = props => { + // Is external URL or is a media URL + const isExternalUrl = /(^http(s)?:\/\/)|(\.(png|svg|jpeg|jpg)$)/.test(props.href); + return ( - + { props.children } ); }; -export default EnrichedLink; \ No newline at end of file +export default EnrichedLink; diff --git a/content/guides.json b/content/guides.json index beddaa6e5..364449d0d 100644 --- a/content/guides.json +++ b/content/guides.json @@ -1,4 +1,14 @@ [ + { + "title": "SSL vs TLS vs SSH", + "description": "Quick tidbit on the differences between SSL, TLS, HTTPS and SSH", + "url": "/guides/ssl-tls-https-ssh", + "fileName": "ssl-tls-https-ssh", + "featured": true, + "author": "kamranahmedse", + "updatedAt": "2020-04-22T15:48:21.191Z", + "createdAt": "2020-04-22T15:48:21.191Z" + }, { "title": "Asymptotic Notation", "description": "Learn the basics of measuring the time and space complexity of algorithms", diff --git a/content/guides/asymptotic-notation.md b/content/guides/asymptotic-notation.md index 7e6517968..de712a4e5 100644 --- a/content/guides/asymptotic-notation.md +++ b/content/guides/asymptotic-notation.md @@ -1,5 +1,5 @@ Asymptotic notation is the standard way of measuring the time and space that an algorithm will consume as the input grows. In one of my last guides, I covered "Big-O notation" and a lot of you asked for a similar one for Asymptotic notation. You can find the [previous guide here](/guides/big-o-notation). -![](/guides/asymptotic-notation.png) +[![](/guides/asymptotic-notation.png)](/guides/asymptotic-notation.png) Here is the [original tweet](https://twitter.com/kamranahmedse/status/1243861514907418624) where this image was posted. diff --git a/content/guides/big-o-notation.md b/content/guides/big-o-notation.md index 7da03bb5c..b5eac0b5b 100644 --- a/content/guides/big-o-notation.md +++ b/content/guides/big-o-notation.md @@ -1,5 +1,5 @@ Big-O notation is the mathematical notation that helps analyse the algorithms to get an idea about how they might perform as the input grows. The image below explains Big-O in a simple way without using any fancy terminology. -![](/guides/big-o-notation.png) +[![](/guides/big-o-notation.png)](/guides/big-o-notation.png) Here is the [original tweet](https://twitter.com/kamranahmedse/status/1235708842610212864) where this image was posted. diff --git a/content/guides/dns-in-one-picture.md b/content/guides/dns-in-one-picture.md index acc94850e..6986784d4 100644 --- a/content/guides/dns-in-one-picture.md +++ b/content/guides/dns-in-one-picture.md @@ -2,4 +2,4 @@ DNS or Domain Name System is one of the fundamental blocks of the internet. As a DNS at its simplest is like a phonebook on your mobile phone. Whenever you have to call one of your contacts, you can either dial their number from your memory or use their name which will then be used by your mobile phone to search their number in your phone book to call them. Every time you make a new friend, or your existing friend gets a mobile phone, you have to memorize their phone number or save it in your phonebook to be able to call them later on. DNS or Domain Name System, in a similar fashion, is a mechanism that allows you to browse websites on the internet. Just like your mobile phone does not know how to call without knowing the phone number, your browser does not know how to open a website just by the domain name; it needs to know the IP Address for the website to open. You can either type the IP Address to open, or provide the domain name and press enter which will then be used by your browser to find the IP address by going through several hoops. The picture below is the illustration of how your browser finds a website on the internet. -![](https://i.imgur.com/z9rwm5A.png) +[![](https://i.imgur.com/z9rwm5A.png)](https://i.imgur.com/z9rwm5A.png) diff --git a/content/guides/random-numbers.md b/content/guides/random-numbers.md index 0a04b0234..64e968c54 100644 --- a/content/guides/random-numbers.md +++ b/content/guides/random-numbers.md @@ -1,5 +1,5 @@ Random numbers are everywhere from computer games to lottery systems, graphics software, statistical sampling, computer simulation and cryptography. Graphic below is a quick explanation to how the random numbers are generated and why they may not be truly random. -![](/guides/random-numbers.png) +[![](/guides/random-numbers.png)](/guides/random-numbers.png) Here is the [original tweet](https://twitter.com/kamranahmedse/status/1237851549302312962) where this image was posted. diff --git a/content/guides/scaling-databases.md b/content/guides/scaling-databases.md index 0cadce8d8..d3cb4cf2c 100644 --- a/content/guides/scaling-databases.md +++ b/content/guides/scaling-databases.md @@ -1,5 +1,5 @@ The chart below aims to give you a really basic understanding of how the capability of a DBMS is increased to handle a growing amount of load. -![](/guides/scaling-databases.svg) +[![](/guides/scaling-databases.svg)](/guides/scaling-databases.svg) Here is the [original tweet](https://twitter.com/kamranahmedse/status/1234209674003611650) where this image was posted. diff --git a/content/guides/ssl-tls-https-ssh.md b/content/guides/ssl-tls-https-ssh.md new file mode 100644 index 000000000..bc916a00f --- /dev/null +++ b/content/guides/ssl-tls-https-ssh.md @@ -0,0 +1,3 @@ +[![](/guides/ssl-tls-https-ssh.png)](/guides/ssl-tls-https-ssh.png) + +Here is the [original tweet](https://twitter.com/kamranahmedse/status/1252717722724642822) where this image was posted. diff --git a/public/guides/ssl-tls-https-ssh.png b/public/guides/ssl-tls-https-ssh.png new file mode 100644 index 000000000..4e997016c Binary files /dev/null and b/public/guides/ssl-tls-https-ssh.png differ