手把手教你搭建HEXO博客(四)

手把手教你搭建HEXO博客(四)_第1张图片
image

手把手教你搭建HEXO+Github博客 (系列教程四)

  • 为什么推荐hexo+github?
  • 最重要两点:简单、免费

Next主题使用

在hexo官网的Themes(主题)下,搜索next


手把手教你搭建HEXO博客(四)_第2张图片
image

搜索结果点击跳转到github仓库


手把手教你搭建HEXO博客(四)_第3张图片
image

点击CN查看中文介绍
手把手教你搭建HEXO博客(四)_第4张图片
image

点击详细安装步骤


手把手教你搭建HEXO博客(四)_第5张图片
image

下载最新版本
手把手教你搭建HEXO博客(四)_第6张图片
image

选择下载zip版
手把手教你搭建HEXO博客(四)_第7张图片
image

右键->解压到当前文件夹(若没有解压选项,请百度下载或360安全卫士下载压缩软件)(作者用的WinRAR)
手把手教你搭建HEXO博客(四)_第8张图片
image

重命名为next
手把手教你搭建HEXO博客(四)_第9张图片
image

拷贝到博客目录的themes下


手把手教你搭建HEXO博客(四)_第10张图片
image

在sublime中打开config,修改 theme: next。
注意是博客目录下的config,不是主题目录下的
手把手教你搭建HEXO博客(四)_第11张图片
image

hexo g 重新生成一下
手把手教你搭建HEXO博客(四)_第12张图片
image

hexo s -p 5555本地端口部署
手把手教你搭建HEXO博客(四)_第13张图片
image

打开浏览器输入:localhost:5555,预览一下主题效果
手把手教你搭建HEXO博客(四)_第14张图片
image

需要更多关于next主题的教程,可以百度搜索hexo next,
手把手教你搭建HEXO博客(四)_第15张图片
image

点击第一个Next|使用文档。如下:
手把手教你搭建HEXO博客(四)_第16张图片
image

发现next支持多种外观
手把手教你搭建HEXO博客(四)_第17张图片
image

我们试着换一个外观模式,打开主题next下的config文件,注释第一个,显示第二个。
手把手教你搭建HEXO博客(四)_第18张图片
image

再在浏览器上预览效果如下。
手把手教你搭建HEXO博客(四)_第19张图片
image

搭建篇到此结束!感兴趣的小伙伴们可以着手搭建了。有问题尽管联系作者。尽量在当天晚上会全部回复!
视频教程-hexo主题
视频教程-next主题使用
支持作者请悦读百家号文章链接,谢谢~

你可能感兴趣的:(手把手教你搭建HEXO博客(四))