|
@@ -29,15 +29,15 @@
|
|
|
<meta property="og:site_name" content="Schtonn's Blog">
|
|
|
<meta property="og:description" content="Introduction We all know computers, and we basically know how to use it, but we have no idea about how does it work.">
|
|
|
<meta property="og:locale" content="en_US">
|
|
|
-<meta property="og:image" content="https://schtonn.github.io/themes/next/source/images/transistor.png">
|
|
|
-<meta property="og:image" content="https://schtonn.github.io/themes/next/source/images/and-gate.jpg">
|
|
|
-<meta property="og:image" content="https://schtonn.github.io/themes/next/source/images/compute-module.jpg">
|
|
|
+<meta property="og:image" content="https://schtonn.github.io/images/transistor.png">
|
|
|
+<meta property="og:image" content="https://schtonn.github.io/images/and-gate.jpg">
|
|
|
+<meta property="og:image" content="https://schtonn.github.io/images/compute-module.jpg">
|
|
|
<meta property="article:published_time" content="2020-03-04T04:53:05.000Z">
|
|
|
-<meta property="article:modified_time" content="2020-03-06T06:01:53.895Z">
|
|
|
+<meta property="article:modified_time" content="2020-03-06T10:43:59.653Z">
|
|
|
<meta property="article:author" content="Schtonn">
|
|
|
<meta property="article:tag" content="other">
|
|
|
<meta name="twitter:card" content="summary">
|
|
|
-<meta name="twitter:image" content="https://schtonn.github.io/themes/next/source/images/transistor.png">
|
|
|
+<meta name="twitter:image" content="https://schtonn.github.io/images/transistor.png">
|
|
|
|
|
|
<link rel="canonical" href="https://schtonn.github.io/2020/03/04/computer/">
|
|
|
|
|
@@ -194,7 +194,7 @@
|
|
|
<i class="fa fa-calendar-check-o"></i>
|
|
|
</span>
|
|
|
<span class="post-meta-item-text">Edited on</span>
|
|
|
- <time title="Modified: 2020-Mar-06 14:01:53" itemprop="dateModified" datetime="2020-03-06T14:01:53+08:00">2020-Mar-06</time>
|
|
|
+ <time title="Modified: 2020-Mar-06 18:43:59" itemprop="dateModified" datetime="2020-03-06T18:43:59+08:00">2020-Mar-06</time>
|
|
|
</span>
|
|
|
|
|
|
|
|
@@ -221,20 +221,20 @@
|
|
|
<h3 id="transistor"><a class="markdownIt-Anchor" href="#transistor"></a> Transistor</h3>
|
|
|
<p>What is a transistor?<br />
|
|
|
Transistor is the most basic part of a computer. It is just an electronic switch, but without it, your computer cannot compute anything.</p>
|
|
|
-<p><img src="/themes/next/source/images/transistor.png" alt="A transistor" /></p>
|
|
|
+<p><img src="/images/transistor.png" alt="A transistor" /></p>
|
|
|
<p>The transistor has three pins, collector, base, and emitter, also, C, B, E for short. You must be familiar with this because we’ve met it before.<br />
|
|
|
Transistor processes information and the information is called <strong>BITS</strong>, which can be set to either 0 or 1.</p>
|
|
|
<h3 id="logic-gate"><a class="markdownIt-Anchor" href="#logic-gate"></a> Logic Gate</h3>
|
|
|
<p>Combining transistors, you will get logic gates, which can get some input and create some output. For example, an AND gate produces an output of 1 if all its inputs are one, and output of 0 otherwise.</p>
|
|
|
-<p><img src="/themes/next/source/images/and-gate.jpg" alt="AND gate" /></p>
|
|
|
+<p><img src="/images/and-gate.jpg" alt="AND gate" /></p>
|
|
|
<h3 id="compute-modules"><a class="markdownIt-Anchor" href="#compute-modules"></a> Compute Modules</h3>
|
|
|
<p>Combining logic gates, you will get compute modules, which can do some basic calculating, such as <span class="katex"><span class="katex-mathml"><math><semantics><mrow><mi>a</mi><mo>+</mo><mi>b</mi><mo stretchy="false">(</mo><mi>a</mi><mo><</mo><mn>3</mn><mo separator="true">,</mo><mi>b</mi><mo><</mo><mn>3</mn><mo stretchy="false">)</mo></mrow><annotation encoding="application/x-tex">a+b (a<3,b<3)</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:0.66666em;vertical-align:-0.08333em;"></span><span class="mord mathdefault">a</span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mbin">+</span><span class="mspace" style="margin-right:0.2222222222222222em;"></span></span><span class="base"><span class="strut" style="height:1em;vertical-align:-0.25em;"></span><span class="mord mathdefault">b</span><span class="mopen">(</span><span class="mord mathdefault">a</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mrel"><</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span></span><span class="base"><span class="strut" style="height:0.8888799999999999em;vertical-align:-0.19444em;"></span><span class="mord">3</span><span class="mpunct">,</span><span class="mspace" style="margin-right:0.16666666666666666em;"></span><span class="mord mathdefault">b</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mrel"><</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span></span><span class="base"><span class="strut" style="height:1em;vertical-align:-0.25em;"></span><span class="mord">3</span><span class="mclose">)</span></span></span></span>.</p>
|
|
|
-<p><img src="/themes/next/source/images/compute-module.jpg" alt="compute module" /></p>
|
|
|
+<p><img src="/images/compute-module.jpg" alt="compute module" /></p>
|
|
|
<h3 id="breaking-change"><a class="markdownIt-Anchor" href="#breaking-change"></a> Breaking change</h3>
|
|
|
<p>Once you can add small numbers, you can add multiple times to add big numbers. And once you can add, you can also multiply, once you can multiply, you can basically do anything.</p>
|
|
|
<h3 id="video"><a class="markdownIt-Anchor" href="#video"></a> Video</h3>
|
|
|
<p>A video downloaded from YouTube, which is the reference for this article.<br />
|
|
|
-<video src="/themes/next/source/images/computer.mp4" controls="controls" style="max-width: 100%; display: block; margin-left: auto; margin-right: auto;"><br />
|
|
|
+<video src="/images/computer.mp4" controls="controls" style="max-width: 100%; display: block; margin-left: auto; margin-right: auto;"><br />
|
|
|
your browser does not support the video tag<br />
|
|
|
</video></p>
|
|
|
|