windows环境下hexo框架博客搭建记录(一)

从零开始和你一起进行hexo博客搭建,即使小白或者手残党也不要怕,我可以完成的你们一定也可以
这次搭建,参考了很多教程,主要为b站up主codeSheep,以及caiyantao的博客,感谢。


0. 前期准备

  • 安装node.js: hexo是基于node.js的博客框架,咱们首先得有地基

入口:node.js官网 推荐安装长期支持版本,也就是左边的LTS版
node.js
下载msi包后,常规的一路next操作,安装后可以检查关键组件是否正确安装,即node和npm组件
node安装验证

  • 安装git工具:同样的常规操作,因为之前安装过了这里就不再演示了

入口:git官网


1. hexo的安装

插一句:windows下,我习惯以管理员身份运行cmd.exe,不知道非管理员方式启动会不会影响安装

1.0 安装工具:cnpm

安装hexo需要使用node.js的npm工具,由于在墙内npm的下载速度比较慢,可以先使用npm命令安装cnpm,利用淘宝的镜像提升速度

全局安装cnpm:

npm install -g cnpm --registry=https://registry.npm.taobao.org
在这里插入图片描述
检查是否成功安装:
在这里插入图片描述

1.1 使用cnpm安装hexo

命令:
cnpm install -g hexo-cli
在这里插入图片描述
检查是否成功安装
在这里插入图片描述

1.2 安装完成,开始搭建

创建自己的文件夹,这里我用的是E盘下的blog文件夹

右键git bash here,会打开该文件下的命令窗口,接下来就开始初始化博客了

命令:

hexo init

因为网络的问题,第一次初始化失败了,但是一旦失败把文件夹清空重新来过就行,所以咱们不慌

重新初始化,成功之后,可以看到自动生成了很多相关文件
在这里插入图片描述


2. 验证

这里用到:

hexo s //运行本地服务器,输入hexo server也可以

在这里插入图片描述
看到提示:hexo在本地4000端口运行
在浏览器输入localhost:4000,进入新世界
下面的图就是hexo帮我们初始化的博客页面,同一个世界,同一个hello world
在这里插入图片描述

2.1 新建一篇博客

按照hello world中的教程:

hexo new "my new post" //新建一篇名以my new post的博客,自动保存在source/_post文件夹
hexo g //或者hexo generate 生成文件
hexo s //同上,运行服务器

再次打开本地localhost: 4000地址,可以看到多了一篇空白文档
在这里插入图片描述


效果展示:我的博客
到这里第一阶段完成了!

发布了3 篇原创文章 · 获赞 0 · 访问量 33

猜你喜欢

转载自blog.csdn.net/qq_33882682/article/details/104569902