手把手教你搭建HEXO博客(四)
2018-06-09 本文已影响8人
hojun
image
image
image
点击CN查看中文介绍
image
image
下载最新版本
image
选择下载zip版
image
右键->解压到当前文件夹(若没有解压选项,请百度下载或360安全卫士下载压缩软件)(作者用的WinRAR)
image
重命名为next
image
image
在sublime中打开config,修改 theme: next。
注意是博客目录下的config,不是主题目录下的
image
hexo g 重新生成一下
image
hexo s -p 5555本地端口部署
image
打开浏览器输入:localhost:5555,预览一下主题效果
image
需要更多关于next主题的教程,可以百度搜索hexo next,
image
点击第一个Next|使用文档。如下:
image
发现next支持多种外观
image
我们试着换一个外观模式,打开主题next下的config文件,注释第一个,显示第二个。
image
再在浏览器上预览效果如下。
image
手把手教你搭建HEXO+Github博客 (系列教程四)
- 为什么推荐hexo+github?
- 最重要两点:简单、免费
Next主题使用
在hexo官网的Themes(主题)下,搜索next
image
搜索结果点击跳转到github仓库
image
点击CN查看中文介绍
image
点击详细安装步骤
image
下载最新版本
image
选择下载zip版
image
右键->解压到当前文件夹(若没有解压选项,请百度下载或360安全卫士下载压缩软件)(作者用的WinRAR)
image
重命名为next
image
拷贝到博客目录的themes下
image
在sublime中打开config,修改 theme: next。
注意是博客目录下的config,不是主题目录下的
image
hexo g 重新生成一下
image
hexo s -p 5555本地端口部署
image
打开浏览器输入:localhost:5555,预览一下主题效果
image
需要更多关于next主题的教程,可以百度搜索hexo next,
image
点击第一个Next|使用文档。如下:
image
发现next支持多种外观
image
我们试着换一个外观模式,打开主题next下的config文件,注释第一个,显示第二个。
image
再在浏览器上预览效果如下。
image
搭建篇到此结束!感兴趣的小伙伴们可以着手搭建了。有问题尽管联系作者。尽量在当天晚上会全部回复!
视频教程-hexo主题
视频教程-next主题使用
支持作者请悦读百家号文章链接,谢谢~