Chocolate1999 / Hexo Blog Lionkk

☀️hexo-blog-lionkk

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 图片
• 时间轴式的归档页
• 文章摘要自动节选功能
• 集成图片大图查看模式
• 可自定义的数据的友情链接页面
• 支持文章置顶和文章打赏
• 百度和谷歌推送
• 支持 MathJax 和 katex
• TOC 目录
• 提供默认 404 页面
• 可设置复制文章内容时追加版权信息
• 可设置阅读文章时做密码验证
• 阅读模式和公告栏展示
• Gitalk、Gitment、Valine 和 Disqus 评论模块
• 集成了不蒜子统计、谷歌分析（Google Analytics）、百度分析（Baidu Analytics）、腾讯分享（Tencent Analytics）和文章字数统计等功能
• 支持在首页的音乐播放和视频播放功能
• 更多内容请观赏博客演示：yangchaoyi.vip

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

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

📌贡献

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

⛳️排版

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

🌈总结

神奇の沟通

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

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

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

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

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

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

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

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

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

📛License

Apache License 2.0