从零开始,用Hexo和CodingPages快速搭建自己的博客

目前为止,我已经搞了好几个博客站玩了,如今在用的有3个,以后不出意外是不打算折腾这个了,因为弄来弄去都只是重复劳动而已,只是看到人家漂亮的主题就心痒痒,比如本站所用的主题 Sakura ,由Moshiro大佬制作,因为原主题是WordPress平台的,Hojun大佬出现了,将之移植到了Hexo平台,虽然截止到今天移植过程还没完成,但是就在前几天我已经迫不及待要换装了,于是,就有了本站 樱花庄的李嘉图 。目前,我已经对此建站过程十分熟悉,遂决定写一个简单快速的教程,因为详细且罗里吧嗦的教程网上已经很多了,且质量参差不齐,我学习的时候就很闹心,下面开始我的,绝对要避免与网上大众教程重复 🙃

博客所用的产品:Hexo、CodingPages

建站之前,我们还是要了解一点理论知识,放心绝对不复杂我也争取讲的通俗一点,况且我本就是粗人,你绝对能理解。

我们先要了解下我们建站所用的 HexoCodingPages 是什么?用它来干嘛的?

Hexo 是一个博客框架,只需知道我们所建博客属于此类,同类型产品有很多,我没用过,但想来应该大同小异

CondingPages 是Conding的Pages服务,Conding是国内较优秀的代码托管平台,对他你也无需了解多少,只需知道我们建好的博客代码需要有服务器承载,它就是一个帮你托管代码的免费服务器

所以 Hexo+CodingPages 就可以建站了,而且还免费。这时候有小朋友可能就要问了:放眼全网,这种教程用的都是GitHub,你却用的Coding有什么不同?说实话,我也不知道他们具体有啥差异,因为我目前的水平根本触及不到它的上限(crying)。你只需知道,GitHub是全球最大的开源社区,而Coding就相当于GitHub的国内版,这下你肯定知道Coding的优势所在了!没错,就是响应速度,因为GitHub服务器在美国,用GitHub太慢了!!!


准备工作

了解理论以后,正式建站之前还需要做一些准备工作,也就是安装一些依赖项,这些跟建站没有直接关系,但是没有这些后面的工作就进行不下去。

Windows版和Mac版安装方式小有差异,但是过程是通用的,两个平台我都装过,没有出现问题。

安装node.js

Windows就去官网下载安装包Install,Mac用包管理工具Homebrew安装,这玩意儿贼吉尔好用,brew install node

node.js 装好后,它自带npm,后面有些东西要用npm安装,暂时不管它。

安装Git

Windows下安装包,Mac用HomeBrew,这个就不必多说了。

安装Hexo

在你想要它在的目录新建博客文件夹,比如blog,然后在当前目录打开终端,Windows用cmd,Mac用iTerm,cd进入blog文件夹,这个文件夹就是存放博客所有文件的目录。

然后用 npm 安装 hexo

    npm add hexo -S

至此,环境都准备好了,准备工作结束 😜


本地工作

为啥说是本地工作呢,现在大致捋一遍建站过程,我们先在本地将所有文件准备好,然后在远程仓库(即Coding)新建一个博客项目,然后让本地项目与远程项目建立联系,最后我们用像Git一样的方式将本地代码同步到远程仓库,然后远程仓库的Pages服务就能让我们的博客展示在互联网上。

确保你当前目录是博客文件夹blog,第一步初始化,在终端输入:

    hexo init

安装所有的依赖

    npm install

启动本地服务

    hexo server

在浏览器输入 localhost:4000 即可预览博客

如图:
hexo


关联远程仓库 Coding

创建 Coding 账户

我2017年注册的 Coding 账号,结果2018年就发现Coding和腾讯达成某种py交易,现在该平台又叫腾讯开发者平台,与腾讯合作之后,我们可以绑定微信,以后每次可微信扫码登录。

配置关联 Coding

  • 有了 Coding 账号之后,登录 Coding ,创建一个新项目,项目名称与你本地的项目一致,比如:blog

今日 は...風 が 騒がしいな