使用HEXO+Github打造你的blog(一)

Posted on | Edited on | In

说到博客，大家可能会想到QQ空间呀，微博等等的第三方博客。这些第三方的博客虽然方便好用，但是却做不到像你现在看到的这种效果。今天,我就教大家如何使用工具，打造自己的个人博客。

但是在开始之前，我想要先让你区分动态网页与静态网页。
静态网页顾名思义，你所看到的东西与别人所看到的是一模一样的。

区分于静态网页的是动态网页，它与静态网页最根本的区别是在它的背后有一个叫做“web服务器”的东西。这个东西有什么用呢？设想以下情景：当你第一次登录github, 你被要求输入帐号和密码。当你登录后，再打开github就会直接显示你的个人profile。 这个就是“web服务器”的magic。

再举个形象的例子:

    静态网页就像银行的自动门，无论是谁走过去，门都会自动打开。
    而动态网页就像银行柜员，男的过去她就会说“您好，先生...”，女的过去就会叫你“您好，女士”。

本教程所实现的blog本质上就是静态网页。
系统: Linux/ windows
工具: Nodejs + HEXO + Github

1.安装HEXO

我们所看到的网页是用一种叫做HTML的语言所写的。当你浏览网页时，HTML语言把你想要呈现在网页上的图片/文字/视频等等东西合理的布置起来，形成一个让人能看懂的页面。你可以在你的浏览器里按F12查看到一个网页的HTML代码，以下就是我的主页的部分HTML代码 (可以看到我加了广告哈哈哈):

<html class="theme-next muse use-motion" lang="zh">
<head>
<!-- ad start -->
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-9964492323779082",
    enable_page_level_ads: true
  });
</script>
<!-- ad end -->
  <meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<meta name="theme-color" content="#222">

看到这里你可能就晕了，能不能不学习HTML就搭建一个博客呢？
答案是：能。 好在博客这种形式的网站有固定的套路，前人已经给你设计好了一个框架，你不必从头学起，只需要把重点放在内容本身就行了，我们所使用的工具就是HEXO(点击图片进入官网)
hexo
我们找到Installation这一项，其原文如下:

It only takes a few minutes to set up Hexo. If you encounter a problem and can’t find the solution here, please submit a GitHub issue and I’ll try to solve it.
Requirements

Installing Hexo is quite easy. However, you do need to have a couple of other things installed first:

    Node.js
    Git

If your computer already has these, congratulations! Just install Hexo with npm:

$ npm install -g hexo-cli

If not, please follow the following instructions to install all the requirements.

啥，你说你看不懂，没关系，我会百度翻译

只需要几分钟的时间来设置Hexo。如果你遇到了一个问题，不能在这里找到解决方案，请提交一个GitHub的问题我会尽力解决它。

要求

安装hexo是很容易的。然而，您确实需要先安装一些其他的东西：
Node.js
Git
如果你的电脑已经有了这些，祝贺你！只要安装Hexo与新公共管理：

NPM安装- G hexo CLI美元

如果没有，请按照以下说明安装所有的要求。

看来百度翻译也不过如此，把倒数第二行的安装命令给翻译了，我国人工智能行业有需提高呀～

言归正传，看来安装个HEXO还不是那么容易的…

(未完待续)

感谢稀稀拉拉的赞赏