基于Node的Hexo框架使用经验总结

本文介绍了使用Hexo搭建个人博客的基本步骤,包括安装Node.js、Hexo的安装与配置、项目的初始化及模块安装等内容,并提供了如何开启多说评论、自定义主题样式等实用技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

早上一觉起来发现自己的个人博客不知道什么时候竟然抽风了,尼玛各种报错,各种进不去,我常用的一些网址以及在线工具的地址都在博客上啊…说多了都是泪。没办法只能从新部署下博客,好在咱以前写的博客都还在。网上很多Hexo相关的教程我这里就不写的很详细了,纯属自己做个笔记,说不定哪天我老了记性不好就用到了♪(´▽`)

博客搭建基本流程

安装Node

这里我想大家都会就不说了

安装HEXO

在Node命令行下输入代码并执行:

npm install hexo-cli -g

几分钟之后便会提示安装成功

初始化项目

在Node命令行继续输入并执行代码:

hexo init blog(项目名称)

项目创建成功

安装模块

继续输入代码:

cd blog

进入项目文件夹

npm install

安装模块,过一会便会安装成功

编译项目并本地执行

hexo clean

清理旧的项目文件

hexo g

编译文件

hexo s

本地运行,到这一步我们就可以在浏览器中输入localhost:4000查看效果了。

代码部署到GitHub或者Coding

npm install hexo-deployer-git --save

安装部署模块,在配置文件配置好deploy参数,然后:

hexo d

这样就可以把代码部署成功了。

相关拓展

开起多说之类的功能之后如何在编译的时候指定博客或者页面不加入评论功能

在博客或者页面最上面配置参数:

comments: false

这样当前博客或页面就不会被添加评论功能了。

添加新的页面如何在编译的时候当前页面不被编译

同样在最上面配置参数

layout: false

万事大吉

如何自定义主题样式

在项目theme/主题名/source文件下修改CSS文件和JS文件即可定义主题样式

在项目theme/主题名/layout文件下修改模板引擎文件即可定义主题页面布局

查看更多文章请点击进入我的个人博客

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值