前言
一直想搭建一个Next主题的Hexo博客,最近有点时间,肝吧!
目标是搭建出[Next作者大人那样的博客]
初始化工程
yarn global add hexo-cli
hexo init my-blog
cd my-blog
hexo server # 此时打开浏览器访问 localhost:4000 就可以看到默认主题了
下载Next主题
在Releases · iissnan/hexo-theme-next · GitHub上找到最新的发布版本
cd my-blog/themes
curl -O "https://codeload.github.com/iissnan/hexo-theme-next/tar.gz/v5.1.3"
tar zxvf v5.1.3
mv hexo-theme-next-5.1.3 next
rm -f v5.1.3
修改Next主题
cd my-blog
vim themes/next/_config.yml
menu: # menu里开启tag,archives
home: / || home
tags: /tags/ || tags
archives: /archives/ || archive
auto_excerpt: # 不现实全文
enable: true
length: 150
scheme: Pisces # 主题
avatar: /images/avatar.jpg # 头像
写文章
cd my-blog
hexo new 从零搭建Hexo博客
执行完成后会发现 source/_posts
文件夹下会多出一个 从零搭建Hexo博客.md
在里面编辑内容即可。如果内容中有图片,将图片保存到 source/images
文件夹中,然后通过类似于 [图片上传失败...(image-7352e5-1512397796194)]
的方法访问它们。
开启标签功能
cd my-blog
hexo new page "tags" # 创建tags页面
vim source/tags/index.md # 编辑该页面
---
title: Tagcloud
date: 2017-12-04 21:40:21
type: "tags"
comments: false # tags页面关闭标签功能
---
同时在 从零搭建Hexo博客.md
的头部写入 tags: [Hexo,NexT]
ps: 关于 tags 有个小坑,就是如果写错了 tag ,更正后,错误到 tag 不会被清除,此时需要执行 hexo clean
命令来清空错误到tag
部署
部署到 github page 上去
cd my-blog
yarn add hexo-deployer-git
vim _config.yml
编辑配置文件
deploy:
type: git
repo: https://github.com/zhanghongnian/zhanghongnian.github.io
branch:
message:
然后依次执行
hexo g # 生成静态文件
hexo d # 发布到 github page 上去
此时访问 https://zhanghongnian.github.io/
发现已经有内容了,大功告成,Cheers!
后续目标
1.集成第三方服务 第三方服务集成 - NexT 使用文档
- 搜索服务
- 评论功能
- 阅读次数
2.live 2d GitHub - EYHN/hexo-helper-live2d: Add the Sseexxyyy live2d to your hexo!
- live 2d.