一、前言
问1:为什么要博客?
答1:①简历上增添一笔色彩;②计算机专业有属于自己的博客挺重要的,无论是学习记录还是记录生活;③博客汇友,又扩展一个学习圈;④疫情期间,我有大把时间填坑踩坑,鼓捣鼓捣~????
问2:为什么要选择Hexo,而不是WordPress或者线上平台csdn、cnblog、简书等等?
答2:① WordPress 是基于php的博客搭建,需要 云服务器,Hexo是将博客转为网页html形式,可以免费发布在github(Pages)/国内gitee(Pages),学生党很亲和????♂️????♀️;② 线上平台功能很完善,但也有广告,固定布局等限制,用过就知道有利有弊吧~
问3:用Hexo搭建/维护博客费时吗?
答3:①我自己折腾了一个周,因为我选用的主题sakura比较心水(花里胡哨)吧,大多数时间都在升级页面去了 ;② 维护是hexo clean && hexo g &&hexo d三连,加上我的博客是csdn线上和hexo(gitee端)双线发布,导出导入,不算复杂吧。
教程:
基于Gitee+Hexo搭建个人博客
demo:
可以去瞧瞧,传送门
系列学习记录:
sakura专栏
二、搭建历程
1.环境
- Win10 (os系统)
- Node (hexo 运行环境)
- npm (环境组建)
- Git (发布管理项目)
- VScode (任意,我觉得挺好用????~)
- sakura(主题)
2.主题
2.1简介
快速链接1:WordPress 主题 Sakura
- 本主题由WordPress-sakura主题移植过来,目前还没有完整开发功能,Hexo-Next和Yilia主题更为完善,当然,博主选择这款主题肯定是被吸引点吸引的啦~
快速链接2:唯美主题hexo-sakura使用教程
- 这是移植主题作者开发时的备忘录。
快速链接3:hexo-sakura使用教程
- 这是前人给的细节教程
既然铺路石都到这里了,我们上手更为easy了!
先po一个本主题使用者wallleap的推荐视频,视频前半段为sakura主题:
视频:五款好用的hexo主题推荐
2.2主题特性
首页:
- 首页大屏视频
- 随机封面图
- Lazyload图片懒加载
- 前端主题切换
Valine评论:
- QQ/Gravatar 头像
- 评论插图
- 用户 UA 及 IP 定位
- 每日诗词
文章:
- 文章目录压缩(随机编号或拼音)
- 不蒜子数字和访问量统计
- Mac 风格代码块
- 支持文章置顶和文章打赏
- 支持 MathJax
- TOC 目录
- 时间轴式的归档页
- 可设置复制文章内容时追加版权信息
- 可设置阅读文章时做密码验证
其他:
- 定制个人logo
- live2d看板娘
- 天气插件
- botui机器人对话
- DaoVoice在线通讯
- 相册
- Aplayer/HermitX 支持(音乐播放)
- CDN 优化
- PicGo+github图床
- neat压缩
2.3demo
首页-轮播图
首页-博客文章列表
标签
归档-时光轴
文章
文章-私密
音乐板块
分享板块
相册板块
留言板
友人帐板块
友人帐-友链
更多模块开发中~
3.总结
Hexo-sakura版本的确是吃螃蟹的人啦,各网站Hexo的教程很多,但sakura(hexo)主题适配和花里胡哨目前还算比较新的教程,放在专栏里啦!
有兴趣的话可以参考:cungudafa 的 sakura专栏
这里都是我自己折腾的学习记录,
如果有帮助,那就点个赞吧!????
遇到问题可以留言哦~????
我在hexo-sakura原主题上也丰富了很多,需要源码套餐也可以留言????????