使用 hexo 框架 快速搭建个人博客(一)

2022-11-15 16:33:21 浏览数 (1)

Hello,各位小伙伴大家好,今天带大家来使用 hexo框架 来从零搭建个人博客!

使用 hexo 框架 快速搭建个人博客(二)

文章目录

  • Hello,各位小伙伴大家好,今天带大家来使用 hexo框架 来从零搭建个人博客!
  • 一、什么是 hexo 框架 ?
  • 二、 环境搭建
    • 1、Node.js 下载安装
    • 2、npm 淘宝镜像设置
    • 3、hexo框架 下载安装
  • 三、开始搭建博客!
    • 1、新建目录进行初始化
    • 2、博客启动!!!!
    • 3、本地访问
    • 本地md文件上传!
  • 总结

一、什么是 hexo 框架 ?

hexo框架 是一个快速、简洁且高效的博客框架,它支持 GitHub Flavored Markdown 的所有功能,甚至可以整合 Octopress 的大多数插件。除此之外它可以与数种模板引擎(EJS,Pug,Nunjucks)和工具(Babel,PostCSS,Less/Sass)轻易集成。在众多美观、强大、可定制的主题中选择;使用任何兼容的模板引擎创建自己的主题。

二、 环境搭建

1、Node.js 下载安装

NodeJS 管网:https://nodejs.org/zh-cn/

下载成功之后进行nodejs的安装,选择安装路径之后(不建议装在C盘),一路next就可以了!!(由于我之前已经安装过了,这里就不再进行安装)安装成功之后在cmd中输入 node -v 和 npm -v 显示出node的版本号 和 npm的版本号 即为安装成功!

2、npm 淘宝镜像设置

通常我们使用npm下载的时候下载速度非常慢,经常还会出现卡顿,命令窗口无响应的情况!!!为了避免这种情况我们选择更换镜像,我们选择使用淘宝的镜像来进行下载,淘宝的速度可谓是起飞~~~

再cmd中输入这段命令 npm install -g cnpm --egistry=https://registry.npm.taobao.org 将镜像改为淘宝镜像来使用,以后我们需要下载是就要使用 npms 来进行操作!

现在就已经安装成功了!!

3、hexo框架 下载安装

在cmd 中输入 cnpm install -g hexo-cli 命令开始 hexo 的安装!

当安装完成之后再输入 hexo -v 命令来查看 hexo是否安装成功!

若查出hexo-cli的版本号即为安装成功!(在查询 hexo 的版本时也同时查询出了node的版本信息,说明 hexo 框架是基于 node的

0 人点赞