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

说到博客,大家可能会想到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还不是那么容易的…

(未完待续)

感谢稀稀拉拉的赞赏