|
@@ -29,15 +29,15 @@
|
|
|
<meta property="og:site_name" content="Schtonn's Blog">
|
|
<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: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: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: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:author" content="Schtonn">
|
|
|
<meta property="article:tag" content="other">
|
|
<meta property="article:tag" content="other">
|
|
|
<meta name="twitter:card" content="summary">
|
|
<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/">
|
|
<link rel="canonical" href="https://schtonn.github.io/2020/03/04/computer/">
|
|
|
|
|
|
|
@@ -194,7 +194,7 @@
|
|
|
<i class="fa fa-calendar-check-o"></i>
|
|
<i class="fa fa-calendar-check-o"></i>
|
|
|
</span>
|
|
</span>
|
|
|
<span class="post-meta-item-text">Edited on</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>
|
|
</span>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -221,20 +221,20 @@
|
|
|
<h3 id="transistor"><a class="markdownIt-Anchor" href="#transistor"></a> Transistor</h3>
|
|
<h3 id="transistor"><a class="markdownIt-Anchor" href="#transistor"></a> Transistor</h3>
|
|
|
<p>What is a transistor?<br />
|
|
<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>
|
|
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 />
|
|
<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>
|
|
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>
|
|
<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>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>
|
|
<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>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>
|
|
<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>
|
|
<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>
|
|
<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 />
|
|
<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 />
|
|
your browser does not support the video tag<br />
|
|
|
</video></p>
|
|
</video></p>
|
|
|
|
|
|
schtonn