零基础小白如何用github搭建个人博客(六)更换成主题 NexT

汇总:零基础小白如何用github搭建个人博客

主题预览

Hexo 官网有很多免费的主题:
在这里插入图片描述

下载主题 NexT

可以直接搜索想要的主题,然后点击打开
在这里插入图片描述
往下,可以把语言切换成中文:
在这里插入图片描述
再往下,点击详细安装步骤
在这里插入图片描述
打开最新的Release版本
在这里插入图片描述
拖到下面,下载 zip格式 的:
在这里插入图片描述
下下来是一个压缩包:
在这里插入图片描述

更换主题 NexT

把压缩包 右键-解压到当前文件夹,然后把解压出来的文件夹剪切到 D:\blog\slangelsBlog\themes 博客的主题目录下,然后把文件夹改个简单的名字(如:next):
在这里插入图片描述
在这里插入图片描述
把配置文件里的主题换成 next,保存:
在这里插入图片描述
在这里插入图片描述
然后 hexo 三步骤来一遍:

hexo clean
hexo g
hexo d

小问题:Spawn failed

FATAL {
  err: Error: Spawn failed
      at ChildProcess.<anonymous> (D:\blog\slangelsBlog\node_modules\hexo-util\l
ib\spawn.js:51:21)
      at ChildProcess.emit (events.js:315:20)
      at ChildProcess.cp.emit (D:\blog\slangelsBlog\node_modules\cross-spawn\lib
\enoent.js:34:29)
      at Process.ChildProcess._handle.onexit (internal/child_process.js:277:12)
{
    code: 1
  }
} Something's wrong. Maybe you can find the solution here: %s https://hexo.io/do
cs/troubleshooting.html

试一下本地的hexo s -p 5555,能用http://localhost:5555/打开:
在这里插入图片描述
那就是传上去的时候出错了。
重新运行了一下 hexo 三步骤,成功了,网页要等一会打开才有效果,成功!

小建议:用 git-bash 上传

还看到网上有人说,不要用 cmd,最好用 git-bash 上传。不知道这样会不会减少出错。

主题 NexT 介绍和使用教程

hexo主题next官方使用文档
开始使用-主题设定,可以看到有三种外观,可以换一个看看:
在这里插入图片描述
打开 themes\next_config.yml 文件,找到 Schemes,把需要的外观前面的 # 去掉,把原来的加上 # :
在这里插入图片描述
改成如下图:
在这里插入图片描述
效果如下图(等了我好几分钟才反应过来):
在这里插入图片描述


版权声明:本文为weixin_56904230原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。