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。
简单使用方法:
star
本项目仓库 ^ o ^- 安装Git, 安装nodeJS
- 你可以直接
fork
一份源码到你的仓库,clone
到本地 - 在本地博客仓库运行
npm install
命令安装依赖包 - 修改配置信息,改成自己的信息
- 运行命令
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
吧,我想应该已经足以使用了,如若是为了各种花里胡哨的样式的话,那这个版本可能还需要进一步优化等着你来探索。但对于一般写写博客已经足以达到需求。
一款基於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
增加的工作或特性(未打钩的是已做但还没更新到源码的):
- 修改原主题样式,开启加载动画
- 增加媒体页面
- 增加聚宝盒页面
- 增加微语页面
- 增加清单页面
- 增加留言板页面
- 增加友链页面
- 增加关于页面
- 修改公告栏语句
- 增加今日诗词,
loop
- 增加网页运行时间与不蒜子统计
- 更改原本未显示的
Github
图标 - 添加默认头像,保持旋转
- 更改默认字体,博客名称,首尾背景图
- 页面底部
footer
跳动的心 - 添加访客地图
- 添加Pixiv 日榜
- 添加日历
- 添加哔哩哔哩番剧页面插件
- 添加卡通人物(看板娘)
- 地址栏添加
abbrlink
- 添加
Gallery
相册图库 - 豆瓣插件(
movie
、book
、game
) - 友链界面加入自定义文字
- 友链链接区块加入一行小字
- Valine添加博主标签及评论微信、QQ通知
- 文章尾部投票打星系统
- 添加聚宝盒页面
- 添加首页导航
- 添加音乐
music
页面 -
Gitalk
、Valine
双评论系统切换 - 随机文章跳转
- 加入
steam
游戏库界面 - 新增友链样式美化(传送门)
- 友链添加炫彩呼吸灯效果
- Valine添加
bilibili
表情包 -
botui
对话框式简介页面 - 增加
mac
风格代码 - 更改主题背景风格
- 发表说说页面
- 持续更新...
本仓库已经为您搭建好了博客框架,极大地简化了您构建博客的工作量和复杂度,每个人都可以下载并修改成自己喜欢样式!如果你有修改想法,fork
本仓库,欢迎PR!
笔记内容按照 中文文案排版指北进行排版。
神奇の沟通
- 沟通是 传递 沟通是 交流
- 沟通是 分享 沟通是 智慧
- 沟通是 友谊 沟通是 力量
" 认识自我、超越自我 " 是沟通的最高境界
- 当你在项目中感觉所要学习的人和事越来越多时,说明你在 成长 。
- 当你感觉要责怪的人和事越来越少时,说明你在 成熟 。
- 当你在项目中不断获得了友谊和朋友时,说明你将取得项目的 成功 。
人们能够记住的东西有如下规律:
- 听到的内容的 5%
- 读过的内容的10%
- 见过的内容的 30%
- 讨论过的内容的 50%
- 亲自做的内容的 75%
- 教给别人所做过的事情的 90%
因此,我觉得我如果把我学过的知识开源也是一件有意义的事情,你读完本篇文章后,你学会了搭建博客,你得到了好处,我呢,因为这篇文档,也让自己受益颇多,将知识梳理的同时,也对这件事情记忆深刻了,这难道不是双赢的局面嘛。所以,赶快给本仓库点个star吧,传送门:小狮子前端の学习笔记。请博主一杯冰阔乐,笑~
更多详情教程,强烈推荐阅读我写的:【源码开放】Hexo+Github 博客butterfly 和 matery 主题 搭建完全教程【整理】
有什么问题可以在文章最后评论区留言和讨论,当然,欢迎点击文章最后的打赏按键,请博主一杯冰阔乐,笑~
最后,如果项目和教程对你有所帮助或者你看见了还算比较喜欢,欢迎给我star,谢谢您!