/hexo-blog-lionkk

:zap:魔改自butterfly :butterfly:主题,提供完整详细的文档,同时为了回馈开源,这不是生成后的网页文件,是您可以直接使用的源码,您只需要把博客相关信息换成您自己的就可以部署了,对于新手或者不懂编程的小伙伴来说,简直是福音!:heart:

Primary LanguageHTMLApache License 2.0Apache-2.0

☀️hexo-blog-lionkk

Blog logo

Build Status HitCount License GitHub forks GitHub stars VersionAuthor Hexo node.js

This is my personal blog repository. https://yangchaoyi.vip/ Now,it is open for everyone to download and modify. If it can help you to build your blog or you like the repo, could you give me a star ! Thank you!

目前是已经在做开源的准备了,当然还有一些优化项和功能增加后续在慢慢更新,请小伙伴们关注本仓库,点个star即可,然后记得关注readme的动态更新,添加的特性与教程都会与代码同步更新。为了回馈开源,这不是生成后的网页文件,是您可以直接使用的源码,您只需要把博客相关信息换成您自己的就可以部署了,对于新手或者不懂编程的小伙伴来说,简直是福音,极大简化了您构建博客的工作量和复杂度,每个人都可以下载并修改成自己喜欢样式!如果你有修改想法,欢迎PR!最后,我们还是给这个开源小项目取个名字吧,由于本人狮子座(单身,苦笑),而且微信公众号名字也是取名:小狮子前端Vue,由于并不是自己开发的主题,起名就不添加theme了,那就叫 hexo-blog-lionkk。<<<<<源代码下载>>>>>

博客基于Hexo框架搭建,用到hexo-theme-butterfly主题,并在此基础之上做了很多修改,修复了一些bug,增加了一些新的特性和功能,博客演示:yangchaoyi.vip

简单使用方法:

  1. star 本项目仓库 ^ o ^
  2. 安装Git, 安装nodeJS
  3. 你可以直接fork一份源码到你的仓库,clone到本地
  4. 在本地博客仓库运行npm install命令安装依赖包
  5. 修改配置信息,改成自己的信息
  6. 运行命令hexo clean(清除生成文件),hexo g(生成网页), hexo s(本地预览),hexo d(部署)

教程:【源码开放】Hexo+Github 博客butterfly 和 matery 主题 搭建完全教程【整理】

有什么问题可以在文章最后评论区留言和讨论,当然,欢迎点击文章最后的打赏按键,请博主一杯冰阔乐,笑~

最后,如果项目和教程对你有所帮助或者你看见了还算比较喜欢,欢迎给我star,谢谢您!

📢公告

2020年4月25日 2点 已经把hexo-blog-lionkk博客搭建起来了,目前版本是已经够用了,关于新加入的特性可以参考下文内容。部分没有实现的功能,在教程里面也已提供详细的文档,你可以直接clone下来,随你 DIY,形成你的博客风格。

叮咚~ 关于博客搭建教程的视频介绍

v1.0.0版本已经发布

2020年7月10日更新至 V2.0.0,由于作者主题更新到 v3.0.0,也有小伙伴私信我要我更新,也有询问我如何更新,今天就打算再次魔改一下。

首先,当然是将主题进行升级,其次,进行多处魔改,有涉及到修改源码,因此如若小伙伴以后需要升级主题的话,还是得参照我已经写好的魔改教程,以免各种报错影响心态。那么,就将当前版本设为v2.0.0吧,我想应该已经足以使用了,如若是为了各种花里胡哨的样式的话,那这个版本可能还需要进一步优化等着你来探索。但对于一般写写博客已经足以达到需求。

🚩 鸣谢

Demo: 👍 Butterfly || 🤞 JerryC

一款基於hexo-theme-melody修改的主題

本主题基本上是照着原主题进行魔改而来,并非本人开发这个主题,在此感谢原作者的用心,小伙伴们可以去原作者博客文档查阅更多内容,顺便点个 star 哈。本魔改博客预计不再升级,因此后续升级内容教程也可以访问本站: yangchaoyi.vip 来咨询本人。此致,敬礼!

🔥 提醒

最近有人反馈使用的时候出很多 Bug,在此来解释一下,因为本人并没有开发主题,只是在原主题上进行了魔改,方便了新手去搭建博客,因此起名没有包含theme,而是 blog。 关于本仓库源码,本人已测试过,并且收到一些伙伴的反馈,都是可以直接跑起来的。

因此,在根目录 _config.yml 文件里面 theme配置依旧是原主题名称(大概在 98 行)

theme: Butterfly

⛅特性

hexo-theme-butterfly 是基于 Molunerfinn hexo-theme-melody 的基础上进行开发的。

📝 作者: JerryC

📝PS:参考书写风格

原主题特性:

  • 简单漂亮,文章内容美观易读
  • Material Design 设计
  • 增加了广告插入,与文章模块同类型
  • 夜间模式和浅色模式切换
  • 简体和繁体的切换
  • 支持本地搜索local_search
  • 响应式设计,博客在桌面端、平板、手机等设备上均能很好的展现
  • 首页轮播文章及每天动态切换 Banner 图片
  • 时间轴式的归档页
  • 文章摘要自动节选功能
  • 集成图片大图查看模式
  • 可自定义的数据的友情链接页面
  • 支持文章置顶和文章打赏
  • 百度和谷歌推送
  • 支持 MathJaxkatex
  • TOC 目录
  • 提供默认 404 页面
  • 可设置复制文章内容时追加版权信息
  • 可设置阅读文章时做密码验证
  • 阅读模式和公告栏展示
  • GitalkGitmentValineDisqus 评论模块
  • 集成了不蒜子统计、谷歌分析(Google Analytics)、百度分析(Baidu Analytics)、腾讯分享(Tencent Analytics)和文章字数统计等功能
  • 支持在首页的音乐播放和视频播放功能
  • 更多内容请观赏博客演示:yangchaoyi.vip

增加的工作或特性(未打钩的是已做但还没更新到源码的):

  • 修改原主题样式,开启加载动画
  • 增加媒体页面
  • 增加聚宝盒页面
  • 增加微语页面
  • 增加清单页面
  • 增加留言板页面
  • 增加友链页面
  • 增加关于页面
  • 修改公告栏语句
  • 增加今日诗词,loop
  • 增加网页运行时间与不蒜子统计
  • 更改原本未显示的Github图标
  • 添加默认头像,保持旋转
  • 更改默认字体,博客名称,首尾背景图
  • 页面底部 footer 跳动的心
  • 添加访客地图
  • 添加Pixiv 日榜
  • 添加日历
  • 添加哔哩哔哩番剧页面插件
  • 添加卡通人物(看板娘)
  • 地址栏添加 abbrlink
  • 添加 Gallery 相册图库
  • 豆瓣插件(moviebookgame
  • 友链界面加入自定义文字
  • 友链链接区块加入一行小字
  • Valine添加博主标签及评论微信、QQ通知
  • 文章尾部投票打星系统
  • 添加聚宝盒页面
  • 添加首页导航
  • 添加音乐 music 页面
  • GitalkValine 双评论系统切换
  • 随机文章跳转
  • 加入 steam 游戏库界面
  • 新增友链样式美化(传送门
  • 友链添加炫彩呼吸灯效果
  • Valine添加 bilibili 表情包
  • botui 对话框式简介页面
  • 增加 mac风格代码
  • 更改主题背景风格
  • 发表说说页面
  • 持续更新...

📌贡献

本仓库已经为您搭建好了博客框架,极大地简化了您构建博客的工作量和复杂度,每个人都可以下载并修改成自己喜欢样式!如果你有修改想法,fork本仓库,欢迎PR!

⛳排版

笔记内容按照 中文文案排版指北进行排版。

🌈总结

神奇の沟通

  • 沟通是 传递 沟通是 交流
  • 沟通是 分享 沟通是 智慧
  • 沟通是 友谊 沟通是 力量

" 认识自我、超越自我 " 是沟通的最高境界

  • 当你在项目中感觉所要学习的人和事越来越多时,说明你在 成长
  • 当你感觉要责怪的人和事越来越少时,说明你在 成熟
  • 当你在项目中不断获得了友谊和朋友时,说明你将取得项目的 成功

人们能够记住的东西有如下规律:

  • 听到的内容的 5%
  • 读过的内容的10%
  • 见过的内容的 30%
  • 讨论过的内容的 50%
  • 亲自做的内容的 75%
  • 教给别人所做过的事情的 90%

因此,我觉得我如果把我学过的知识开源也是一件有意义的事情,你读完本篇文章后,你学会了搭建博客,你得到了好处,我呢,因为这篇文档,也让自己受益颇多,将知识梳理的同时,也对这件事情记忆深刻了,这难道不是双赢的局面嘛。所以,赶快给本仓库点个star吧,传送门:小狮子前端の学习笔记。请博主一杯冰阔乐,笑~

更多详情教程,强烈推荐阅读我写的:【源码开放】Hexo+Github 博客butterfly 和 matery 主题 搭建完全教程【整理】

有什么问题可以在文章最后评论区留言和讨论,当然,欢迎点击文章最后的打赏按键,请博主一杯冰阔乐,笑~

最后,如果项目和教程对你有所帮助或者你看见了还算比较喜欢,欢迎给我star,谢谢您!

📛License

Apache License 2.0