Hexo 搭建个人博客学习笔记(2):个性化主题Next

Next 是一款精于心,简于形 Hexo 主题

也可以获取 更多主题

安装 NexT

Hexo 安装主题的方式非常简单,只需要将主题文件拷贝至站点目录的 themes 目录下, 然后修改下配置文件即可。具体到 NexT 来说,安装步骤如下。

版本

  • Hexo 版本:5.0.x
  • Next 版本:7.8.0

下载主题

使用Git 克隆主题
在终端窗口下,定位到 Hexo 站点目录下

注意:官方文档上克隆的地址为:https://github.com/iissnan/hexo-theme-next 当前版本和Hexo 5.0.x 应该是有兼容问题,笔者试过了,死活用不了,请大家绕坑

$ cd your-hexo-site
$ git clone https://github.com/theme-next/hexo-theme-next themes/next

启用主题

打开Hexo _config.yml,找到 theme 字段,并将其值更改为 next

theme: next

验证主题

清除缓存,然后运行

$ npm run clean
$ npm run server

因为Hexo package.json,里面有npm 脚本,所以这里使用npm 指令

此时即可使用浏览器访问 http://localhost:4000,检查站点是否正确运行。

在这里插入图片描述

当你看到站点的外观与上图所示类似时即说明你已成功安装 NexT 主题。
这是 NexT 默认的 Scheme —— Muse

欢迎逛一下楼主博客:liuqi-java.github.io

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值