使用Hexo搭建个人博客

举报
khz 发表于 2020/07/01 14:23:29 2020/07/01
【摘要】 前言民间有传言,没有手撸过个人网站的程序员不是一个好的前端开发工程师。通过hexo,可以快速构建个人博客,并且不要98,也不要998,完全是免费的。接下来,我们开始使用hexo进行搭建吧,来感受其中的快乐。安装 NodeJsHexo 是基于 nodeJS 环境的静态博客,所以我们首先需要下载 NodeJS下载地址 :https://nodejs.org/en/download/根据电脑选择不...

前言

民间有传言,没有手撸过个人网站的程序员不是一个好的前端开发工程师。通过hexo,可以快速构建个人博客,并且不要98,也不要998,完全是免费的。接下来,我们开始使用hexo进行搭建吧,来感受其中的快乐。

安装 NodeJs

Hexo 是基于 nodeJS 环境的静态博客,所以我们首先需要下载 NodeJS

下载地址 :https://nodejs.org/en/download/

image.png

根据电脑选择不同的安装格式,我这里选择的是 zip 包

msi 和.zip 格式区别:

1、.msi 是 Windows installer 开发出来的程序安装文件,它可以让你安装,修改,卸载你所安装的程序。说白了.msi 就是 Windows installer 的数据包,把所有和安装文件相关的内容>封装在一个包里。

2、.zip 是一个压缩包,解压之后即可,不需要安装

配置环境

解压下载完成的压缩包,放置到自己定义的安装路径

然后进入系统环境,添加 path 变量

image.png

打开 cmd,在任意位置 键入 node -v 查看是否有版本号,有则配置成功

image.png

    更改全局包存放位置

    1.在 node 安装目录下新建两个文件夹

node_global 全局包下载存放

node_cache node 缓存

image.png

    2.修改路径
    cmd 窗口下键入一下命令

npm config set prefix “node 安装目录\node_global”

npm config set cache “node 安装目录\node_cache”

image.png

现在,我们已经配置完成了,开始搭建 hexo 博客

安装 Hexo

所有必备的应用程序安装完成后,即可使用 npm 安装 Hexo。

image.png

安装以后,可以使用以下两种方式执行 Hexo:

    1.npx hexo

    2.将 Hexo 所在的目录下的 node_modules 添加到环境变量之中即可直接使用 hexo <command>:

image.png

安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。

image.png

查看效果

最后执行以下命令

image.png

在浏览器输入 http//:localhost:4000 并打开可以看到以下页面

image.png

当你做到这一步时,很高兴你成功搭建了属于自己的个人博客,接下来便可以放开双手尽情书写你的前世今生了。

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。