Git Product home page Git Product logo

chocolate1999 / hexo-blog-lionkk Goto Github PK

View Code? Open in Web Editor NEW
328.0 6.0 115.0 3.02 MB

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

Home Page: https://yangchaoyi.vip

License: Apache License 2.0

HTML 57.37% JavaScript 14.92% Pug 12.33% Stylus 15.37%
hexo-blog hexo nodejs blog butterfly

hexo-blog-lionkk's Introduction

☀️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

hexo-blog-lionkk's People

Contributors

bmyjacks avatar chocolate1999 avatar dependabot[bot] avatar flymin avatar holgerhuo avatar jerryc127 avatar larscheng avatar noraj avatar theworkfsz avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

hexo-blog-lionkk's Issues

反馈bug

主题下的_config.yml中的设置大部分不起作用

访客地图的修改

在使用过程中发现了一个问题,如果card_map设置为true的时候显示的访客地图始终是原作者的,如果需要修改成自己博客的访客地图,需要先注册申请clustrmaps,并修改Butterfly主题下的layout/includes/widget/card_map.pug文件,将最后一行的src修改成自己对应的url

无法修改样式是什么原因?

我跟着提供的文档做了,clone之后npm install,但是当我自行设置例如放一个disable_top_img: true 在root或者theme的config里面没有任何变化,inject css也是一样。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.