hexo+next博客搭建

一、环境准备

服务器环境:Ubuntu 20.04
nodejs版本:v18.3.0
npm版本:8.12.2
hexo版本:6.2.0
next主题版本:v8.12.1

二、开始安装
1、安装nodejs以及npm

关于nodejs和npm的安装,网上有很多的方法,我用的是源码安装,但是缺点就是make编译的时间很长,优点则是可以选择安装的版本。

nodejs18.3.0下载地址:https://nodejs.org/dist/v18.3.0/node-v18.3.0.tar.gz

下载完之后上传到服务器上,然后解压文件并安装

# 解压
tar xvf node-v18.3.0.tar.gz
# 安装
cd node-v18.3.0
./configure
make && make install
cp /usr/local/bin/node /usr/sbin/
# 更新npm
npm install -g npm
2、安装hexo
2.1、下载cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
2.2、使用cnpm安装hexo-cli
cnpm install -g hexo-cli
三、生成hexo博客
1、初始化hexo博客

在博客的目录下操作,我的博客目录是hexo_blog,这个自定义就好了

hexo init

执行完命令后我们就成功的初始化了一个博客,启动后就可以访问。但是一般初始化后的hexo版本并不是最新的,像我刚开始初始化后的版本是5.4.2,所以如果想更新hexo及插件版本的话可以接着往下看更新hexo的内容

2、更新hexo及插件版本
cnpm install -g npm-check
cnpm install -g npm-upgrade
npm-check
npm-upgrade
# 更新 hexo 及所有插件
cnpm update
# 确认 hexo 已经更新
hexo -v

我升级后的最新版本是hexo6.2.0,其他插件版本这里就不列出来了

3、下载next主题及使用
3.1、下载

下载地址:https://github.com/next-theme/hexo-theme-next/archive/refs/tags/v8.12.1.tar.gz

下载完之后进行解压缩,然后重命名为next,最后放在博客目录的themes目录下

3.2、使用

在博客目录下,编辑_config.yml文件,该文件叫做站点配置文件,在next主题目录下也有一个_config.yml文件,这个文件叫做主题配置文件。在站点文件找到theme配置项,改成next即可。

# 原来的值是landscape
theme: next
4、本地运行博客

在博客目录下执行以下命令

hexo clean && hexo g && hexo s

上面的命令可以在本地热启动一个web服务器,主要用于预览页面。我们可以将博客代码推送到github或者gitee,推送其实也很简单,github上面新建一个代码库,设置为共享然后开启pages功能,站点配置文件则在deploy配置项中配置相关内容即可。

deploy:
- type: git
  repo:  
     github: git@github.com:xxxxx/blog.git
  branch: master

博客地址:https://blog.z7sz.top

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xingyuzhongxuan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值