关于node.js:使用Hexo框架10分钟搭建个人博客

首先是先给大家打个招呼

最近看网上看到了很多的的对于搭建博客的视频，我本人也学着本人搭建了一个博客 ” 我本人的博客链接 ”(欢送大家来我的博客跟我深刻交♂流)，明天我把搭建的过程记录下来写成博客，留下一个留念，也能够顺便帮忙那些想要搭建集体博客的小伙伴们，帮忙他们搭建属于本人的博客主页啦，那么废话不多说，当初就开始吧。

环境搭建与装置

第一步：装置 node.js
nodejs 下载地址

进入链接地址后点击下载长期反对版。

进入后依照你们本人的零碎抉择安装包，我这里 == 应用的是 win10 零碎 ==，不过 mac 零碎的也能够持续看上来，因为 == 这两个零碎在下文将会应用到的指令十分的相像 ==，我也会指出那些不一样的中央

下载完之后进行装置，node.js 的装置非常简单，只须要始终点击下一步就好了

留神在最初时，== 装置实现会你会留神到给出的两个地址 ==，在安装包其中它不仅下载了 ==node.js 自身 ==，还装置了一个是 ==npm 包管理器 ==，而这个它是下文咱们应用 hexo 搭建博客必须应用到的货色。

win + R 关上运行，输出 cmd 进入终端

输出 node，如果装置胜利则会显示其版本号

那么到这里可能你们会有疑难了，为什么要下载 node.js，下面干这么多事件有什么用呢？？！这是因为 hexo 是在 node.js 上生成的，所以当咱们真正的要开始装置 hexo 的时候，后面这两个货色是必不可少的

接下来咱们就会应用到刚刚装置的 npm 包管理器来下载 hexo 了，因为国内镜像源的速度很慢，所以咱们先应用 npm 来装置一个 ==cnpm==，这是一个淘宝的镜像源，应用阐明能够看这里链接。不过我也会在上面说怎么下载。

在终端里输出：

npm install -g cnpm --registry=https//registry.npm.taobao.org

敲击回车键即可开始下载了。

当装置好 cnpm，能够应用下面测试 node.js 和 npm 那样的办法，输出 cnpm

这样的话 cnpm 也装置好了，接下来就借助 cnpm 来装置 hexo 了

在终端输出

cnpm install -g hexo-cli

敲击回车键后就会开始下载。

当装置实现后，咱们持续应用

hexo -v

来验证一下装置是否胜利
好了 hexo 博客曾经装置好了，咱们曾经离胜利不到一半的间隔了

那么咱们接下来就要为咱们的博客建设一个新的文件夹来寄存咱们所有的配置文件和博客文章了。

输出

    md blog

即可在当前目录下创立一个叫 blog 的文件夹，当然你如果想要去其余的名字，把 blog 改掉就好了。
这时关上文件夹，找到方才的目录，你就能够找到刚刚建设的 blog 文件夹

当然更简略的办法，就间接在文件管理器外面右键新建文件夹即可创立。

初始化博客

终端里输出

cd blog

进入刚刚新建的文件夹

window 零碎里间接输出

hexo init

如果是 mac 零碎则输出

sudo hexo init

回车即可开始初始化

初始化实现后

Window 零碎输出

dir

查看一下装置初始化实现后，文件夹内都生成了什么货色

而 mac 零碎输出

ls -l

即可查看

这些货色咱们也能够在文件管理器中间接看到

这些都是 hexo 为你主动生成的一些最根底的博客框架的货色

启动 hexo 博客

这时候咱们所有都筹备好了当前，在 blog 文件夹目录下终端输出

hexo s

即可启动 hexo
==(tips: hexo s 即为 hexo server)==
你会看到以下

这时它就主动为你在本地 4000 的端口下面启动了 hexo，这时候复制该网址，输出到浏览器外面就能够拜访到咱们刚生成的博客。

这个时候你的博客就曾经搭建好了。

并且下面本人附带了一篇文章叫 Hello world，外面教你了如何新建文章和一些基本操作。

新建文章的语法是：在终端 cd 到博客的文件夹的目录内输出

hexo new "你的博客名字"

这时候它会提醒你的这篇新文章的目录地址，上图即为

    \blog1\source\_posts\ 我的第一篇博客.md

进入到文件夹内，找到方才的目录
间接双击关上它，我这里是应用的 vscode

hexo 外面的博客应用的是 markdown 语法，间接在这外面写博客就能够了！！

当然想要写博客还要理解一些 markdown 的根本语法，大家能够间接去菜鸟教程里的 markdown 教程去学习

生成博客与公布

当咱们写完博客了，保留完之后，你登陆 localhost:4000 的端口网址，你会发现你的文章并没有在下面，因为咱们还没有生成你刚写的博客，也没有上传。

最根本的上传文章（或批改更新博客设置）的步骤为：

    hexo clean

先清理掉 hexo 之前的缓存（这所有操作都在终端 blog 文件夹目录下输出）

    hexo g

hexo g 即为 hexo generate 为生成，产生之意。它会把咱们刚写好的文章生成到博客外面去。

你能够看见本人刚写的那篇文章曾经生成了。

这时候咱们在应用

hexo s

就能够看到咱们刚写的那篇文章啦。

然而在 localhost 这个端口外面只有咱们本人能拜访，当然咱们的博客写进去必定是要让他人看的，不然为什么要写博客，这个 localhost 的端口只是供咱们平时测试应用的。

如果大家想看怎么把咱们的博客收费的托管到 github 下来，让他人也能够拜访到咱们的博客的话，能够来看我这篇文章如何把集体博客托管到 GitHub 下来

谢谢大家，如果这篇文章帮忙到了你们，我很开心