|
@@ -20,21 +20,21 @@
|
|
|
|
|
|
<script id="hexo-configurations">
|
|
|
var NexT = window.NexT || {};
|
|
|
- var CONFIG = {"hostname":"schtonn.github.io","root":"/","scheme":"Muse","version":"7.7.2","exturl":false,"sidebar":{"position":"left","display":"post","padding":18,"offset":12,"onmobile":false},"copycode":{"enable":true,"show_result":true,"style":null},"back2top":{"enable":true,"sidebar":false,"scrollpercent":true},"bookmark":{"enable":false,"color":"#222","save":"auto"},"fancybox":false,"mediumzoom":false,"lazyload":false,"pangu":false,"comments":{"style":"tabs","active":null,"storage":true,"lazyload":false,"nav":null},"algolia":{"hits":{"per_page":10},"labels":{"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}},"localsearch":{"enable":false,"trigger":"auto","top_n_per_article":1,"unescape":false,"preload":false},"motion":{"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideLeftIn"}}};
|
|
|
+ var CONFIG = {"hostname":"schtonn.github.io","root":"/","scheme":"Muse","version":"7.7.2","exturl":false,"sidebar":{"position":"left","display":"post","padding":18,"offset":12,"onmobile":false},"copycode":{"enable":true,"show_result":true,"style":null},"back2top":{"enable":true,"sidebar":false,"scrollpercent":true},"bookmark":{"enable":false,"color":"#222","save":"auto"},"fancybox":false,"mediumzoom":false,"lazyload":true,"pangu":false,"comments":{"style":"tabs","active":"gitalk","storage":true,"lazyload":false,"nav":null,"activeClass":"gitalk"},"algolia":{"hits":{"per_page":10},"labels":{"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}},"localsearch":{"enable":false,"trigger":"auto","top_n_per_article":1,"unescape":false,"preload":false},"motion":{"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideLeftIn"}}};
|
|
|
</script>
|
|
|
|
|
|
- <meta name="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 name="description" content="This page is locked">
|
|
|
<meta property="og:type" content="article">
|
|
|
<meta property="og:title" content="How do computers work?">
|
|
|
<meta property="og:url" content="https://schtonn.github.io/2020/03/04/computer/index.html">
|
|
|
<meta property="og:site_name" content="Alex'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="This page is locked">
|
|
|
<meta property="og:locale" content="en_US">
|
|
|
<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-06T10:43:59.653Z">
|
|
|
+<meta property="article:modified_time" content="2020-03-15T12:35:32.075Z">
|
|
|
<meta property="article:author" content="Alex">
|
|
|
<meta property="article:tag" content="other">
|
|
|
<meta name="twitter:card" content="summary">
|
|
@@ -177,9 +177,9 @@
|
|
|
<header class="post-header">
|
|
|
<script>
|
|
|
(function(){
|
|
|
- if(''){
|
|
|
- if (prompt('Enter the password') !== ''){
|
|
|
- alert('You shall not access this page.');
|
|
|
+ if('x14'){
|
|
|
+ if (prompt('Enter password') !== 'x14'){
|
|
|
+ alert('OH! You shall not access this page.');
|
|
|
history.back();
|
|
|
}
|
|
|
}
|
|
@@ -205,7 +205,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 18:43:59" itemprop="dateModified" datetime="2020-03-06T18:43:59+08:00">2020-Mar-06</time>
|
|
|
+ <time title="Modified: 2020-Mar-15 20:35:32" itemprop="dateModified" datetime="2020-03-15T20:35:32+08:00">2020-Mar-15</time>
|
|
|
</span>
|
|
|
|
|
|
|
|
@@ -219,9 +219,10 @@
|
|
|
<div class="post-body" itemprop="articleBody">
|
|
|
|
|
|
|
|
|
- <h3 id="introduction"><a class="markdownIt-Anchor" href="#introduction"></a> Introduction</h3>
|
|
|
-<p>We all know computers, and we basically know how to use it, but we have no idea about how does it work.</p>
|
|
|
+ <p>This page is locked</p>
|
|
|
<a id="more"></a>
|
|
|
+<h3 id="introduction"><a class="markdownIt-Anchor" href="#introduction"></a> Introduction</h3>
|
|
|
+<p>We all know computers, and we basically know how to use it, but we have no idea about how does it work.</p>
|
|
|
<h3 id="well"><a class="markdownIt-Anchor" href="#well"></a> Well…</h3>
|
|
|
<blockquote>
|
|
|
<p>If I can present well, and you can understand well, We can watch a video!</p>
|
|
@@ -232,15 +233,15 @@
|
|
|
<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="/images/transistor.png" alt="A transistor" /></p>
|
|
|
+<p><img data-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="/images/and-gate.jpg" alt="AND gate" /></p>
|
|
|
+<p><img data-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="/images/compute-module.jpg" alt="compute module" /></p>
|
|
|
+<p><img data-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>
|
|
@@ -248,7 +249,9 @@ Transistor processes information and the information is called <strong>BITS</str
|
|
|
<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>
|
|
|
-
|
|
|
+<p style="text-align:center">
|
|
|
+<a id="download" href="/images/computer.mp4"><i class="fa fa-download"></i><span> Download Now</span> </a>
|
|
|
+</p>
|
|
|
</div>
|
|
|
|
|
|
|
|
@@ -301,6 +304,7 @@ your browser does not support the video tag<br />
|
|
|
|
|
|
</div>
|
|
|
|
|
|
+ <div class="comments" id="gitalk-container"></div>
|
|
|
|
|
|
<script>
|
|
|
window.addEventListener('tabs:register', () => {
|
|
@@ -433,6 +437,7 @@ your browser does not support the video tag<br />
|
|
|
|
|
|
|
|
|
<script src="/lib/anime.min.js"></script>
|
|
|
+ <script src="//cdn.jsdelivr.net/npm/lozad@1/dist/lozad.min.js"></script>
|
|
|
<script src="/lib/velocity/velocity.min.js"></script>
|
|
|
<script src="/lib/velocity/velocity.ui.min.js"></script>
|
|
|
|
|
@@ -474,5 +479,25 @@ your browser does not support the video tag<br />
|
|
|
|
|
|
|
|
|
|
|
|
+<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.css">
|
|
|
+
|
|
|
+<script>
|
|
|
+NexT.utils.loadComments(document.querySelector('#gitalk-container'), () => {
|
|
|
+ NexT.utils.getScript('//cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js', () => {
|
|
|
+ var gitalk = new Gitalk({
|
|
|
+ clientID : 'be3858d263deee4c10a1',
|
|
|
+ clientSecret: 'a4cadcddf2d764859e631ae51814a39b4bfe68e1',
|
|
|
+ repo : 'schtonn.github.io',
|
|
|
+ owner : 'schtonn',
|
|
|
+ admin : ['schtonn'],
|
|
|
+ id : 'd38850401becfdbfa2b4dbb86c9165cd',
|
|
|
+ language: '',
|
|
|
+ distractionFreeMode: true
|
|
|
+ });
|
|
|
+ gitalk.render('gitalk-container');
|
|
|
+ }, window.Gitalk);
|
|
|
+});
|
|
|
+</script>
|
|
|
+
|
|
|
</body>
|
|
|
</html>
|