博客开源

效果演示

演示Demo

简短介绍

倒腾了一两周总算把个人博客网站完善了,目前这个版本使用应该是够了,当然还有一些优化项和功能增加后续在慢慢更新,为了回馈开源,今天准备把我自己修改完善的blog网站源代码开源。这不是生成后的网页文件,是您可以直接使用的源码,您只需要把博客相关信息换成您自己的就可以部署了,对于新手或者不懂编程的小伙伴来说,简直是福音,极大简化了您构建博客的工作量和复杂度,每个人都可以下载并修改成自己喜欢样式!如果你有修改想法,欢迎PR!最后,我们还是给这个开源小项目取个名字吧,就叫hexo-blog-fly吧,怎么样?<<<<<源代码下载>>>>>

本博客基于Hexo框架搭建,用到hexo-theme-matery主题, 并在此基础之上做了很多修改,修复了一些bug,增加了一些新的特性和功能,博客地址:https://shw2018.github.io,博客演示:sunhwee.com


特性

原主题特性:

  • 简单漂亮,文章内容美观易读
  • Material Design 设计
  • 响应式设计,博客在桌面端、平板、手机等设备上均能很好的展现
  • 首页轮播文章及每天动态切换 Banner 图片
  • 瀑布流式的博客文章列表(文章无特色图片时会有 24 张漂亮的图片代替)
  • 时间轴式的归档页
  • 词云的标签页和雷达图的分类页
  • 丰富的关于我页面(包括关于我、文章统计图、我的项目、我的技能、相册等)
  • 可自定义的数据的友情链接页面
  • 支持文章置顶和文章打赏
  • 支持 MathJax
  • TOC 目录
  • 可设置复制文章内容时追加版权信息
  • 可设置阅读文章时做密码验证
  • GitalkGitmentValineDisqus 评论模块(推荐使用 Gitalk
  • 集成了不蒜子统计、谷歌分析(Google Analytics)和文章字数统计等功能
  • 支持在首页的音乐播放和视频播放功能

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

  • 修改了原主题的一些很多bug 2019.08.05
  • 加入图片懒加载功能,在根目录配置文件开启和关闭 2019.08.09
  • 增加留言板功能 2019.08.05
  • 在关于板块,加入简历功能页 2019.08.05
  • 增加视听[视觉听觉影音]板块 2019.08.10
  • 支持emoji表情,用markdown emoji语法书写直接生成对应的能跳跃的表情。 2019.08.10
  • 增加网站运行时间显示 2019.08.10
  • 增加动漫模型 2019.08.10
  • 整体替换Banner图片和文章特色图片 2019.08.10
  • 增加分类相册功能 2019.08.29
  • 加入AES加密方法,强效加密文章内容相册集 2019.08.30
  • 去掉标签页,将其合并至分类页中 2019.09.01
  • 修改了一些控件的参数 2019.09.01
  • 修改部分样式,比如: 文章卡片,固定高度,使其不至于因为文章摘要的长短不同导致卡片大小不一使页面布局很不美观,类似的还有友链卡片,优化了页面内容布局,视觉更整齐美观 2019.09.01
  • 解决首页文章列表卡片上方 border-radius圆角失效的bug 2019.09.01
  • 添加页面樱花飘落动效 2019.09.09
  • 添加鼠标点击烟花爆炸动效 2019.09.09
  • 加入天气接口控件 2019.09.09
  • 加入鼠标点击文字特效 2019.09.10
  • 添加页面雪花飘落动效 2019.09.10
  • 添加在线聊天插件 2019.09.12
  • 调整线聊天插件参数,使之能够随着鼠标滑动位置自适应调整 2019.09.15
  • 持续更新…

简单使用方法:

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

更多详情教程,强烈推荐看我写的:Hexo+Github博客搭建完全教程

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

持续更新中…,如果遇到问题欢迎联系我,在文章最后评论区【留言和讨论】,当然,欢迎点击文章最后的打赏按键,请博主一杯冰阔乐,笑~


文章作者: 洪卫
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 洪卫 !
 上一篇
测试AES加密 密码:123 测试AES加密 密码:123
点击此处输入正确密码即可阅读本篇文章~ Incorrect Password! No content to display! U2FsdGVkX19R8v/3MYKIn3dqeairGxOebeIl
2019-08-29
下一篇 
提效工具推荐(Effective-Tools) 提效工具推荐(Effective-Tools)
身在一个信息爆炸的社会,我们常常会接触各种各样的信息,如何高效地处理这些信息,提升学习工作效率就成了我们很有必要去学习的一项技能。那么,我们如何才能提升效率呢?接下来本文介绍一些可以提升效率的工具,希望有所帮助。
2019-08-23
  目录