300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > Hexo(sakura)+gitee/github搭建个人博客(总结)

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

时间:2019-05-22 12:12:34

相关推荐

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 风格代码块支持文章置顶和文章打赏支持 MathJaxTOC 目录时间轴式的归档页可设置复制文章内容时追加版权信息可设置阅读文章时做密码验证

其他:

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

2.3demo

首页-轮播图

首页-博客文章列表

标签

归档-时光轴

文章

文章-私密

音乐板块

分享板块

相册板块

留言板

友人帐板块

友人帐-友链

更多模块开发中~

cungudafa的博客:快速传送门

更多参考:洪卫的博客

3.总结

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

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

这里都是我自己折腾的学习记录,

如果有帮助,那就点个赞吧!💖

遇到问题可以留言哦~💌

我在hexo-sakura原主题上也丰富了很多,需要源码套餐也可以留言💌🉑

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。