Hexo(sakura)+gitee/github搭建个人博客(总结)

一、前言

问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了!

Hexo(sakura)主题博客预览

2.2主题特性

首页:

  • 首页大屏视频
  • 随机封面图
  • Lazyload图片懒加载
  • 前端主题切换

Valine评论:

  • QQ/Gravatar 头像
  • 评论插图
  • 用户 UA 及 IP 定位
  • 每日诗词

文章:

  • 文章目录压缩(随机编号或拼音)
  • 不蒜子数字和访问量统计
  • Mac 风格代码块
  • 支持文章置顶和文章打赏
  • 支持 MathJax
  • TOC 目录
  • 时间轴式的归档页
  • 可设置复制文章内容时追加版权信息
  • 可设置阅读文章时做密码验证

其他:

  • 定制个人logo
  • live2d看板娘
  • 天气插件
  • botui机器人对话
  • DaoVoice在线通讯
  • 相册
  • Aplayer/HermitX 支持(音乐播放)
  • CDN 优化
  • PicGo+github图床
  • neat压缩

2.3demo

首页-轮播图
在这里插入图片描述
首页-博客文章列表
在这里插入图片描述

标签在这里插入图片描述
归档-时光轴

在这里插入图片描述
文章
在这里插入图片描述
文章-私密
在这里插入图片描述
音乐板块
在这里插入图片描述
分享板块
在这里插入图片描述
相册板块
在这里插入图片描述
留言板
在这里插入图片描述
友人帐板块
在这里插入图片描述
友人帐-友链
在这里插入图片描述
更多模块开发中~

cungudafa的博客:快速传送门
更多参考:洪卫的博客

3.总结

Hexo-sakura版本的确是吃螃蟹的人啦,各网站Hexo的教程很多,但sakura(hexo)主题适配和花里胡哨目前还算比较新的教程,放在专栏里啦!

有兴趣的话可以参考:cungudafa 的 sakura专栏

这里都是我自己折腾的学习记录,
如果有帮助,那就点个赞吧!💖
遇到问题可以留言哦~💌
我在hexo-sakura原主题上也丰富了很多,需要源码套餐也可以留言💌🉑

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 酷酷鲨 设计师:CSDN官方博客 返回首页