请您阅读时注意,这不是生成后的网页文件,是您可以直接使用的源码,您只需要把博客相关信息换成您自己的就可以部署了,对于新手或者不懂编程的小伙伴来说,简直是福音,极大简化了您构建博客的工作量和复杂度,每个人都可以下载并修改成自己喜欢样式!如果你有修改想法,欢迎给我star
!
博客基于Hexo
框架搭建,用到hexo-theme-matery主题,并在此基础之上做了很多修改,修复了一些bug,增加了一些新的特性和功能,博客地址:https://mobaijun.com,博客演示:mobaijun.com。
简单使用方法:
star
本项目- 安装Git, 安装nodeJS
- 你可以直接
fork
一份源码到你的仓库,clone
到本地 - 在本地博客仓库运行
npm i
命令安装依赖包 - 修改配置信息,改成自己的信息
- 运行命令
hexo clean
(清除生成文件),hexo g
(生成网页),hexo s
(本地预览),hexo d
(部署)
原主题特性:
- 简单漂亮,文章内容美观易读
- Material Design 设计
- 响应式设计,博客在桌面端、平板、手机等设备上均能很好的展现
- 首页轮播文章及每天动态切换
Banner
图片 - 瀑布流式的博客文章列表(文章无特色图片时会有
24
张漂亮的图片代替) - 时间轴式的归档页
- 词云的标签页和雷达图的分类页
- 丰富的关于我页面(包括关于我、文章统计图、我的项目、我的技能、相册等)
- 可自定义的数据的友情链接页面
- 支持文章置顶和文章打赏
- 支持
MathJax
TOC
目录- 可设置复制文章内容时追加版权信息
- 可设置阅读文章时做密码验证
- Gitalk、Gitment、Valine 和 Disqus 评论模块(推荐使用
Gitalk
) - 集成了不蒜子统计、谷歌分析(
Google Analytics
)和文章字数统计等功能 - 支持在首页的音乐播放和视频播放功能
增加的工作或特性(未打钩的是已做但还没更新到源码的):
- 修改了原主题的一些很多
bug
- 加入图片懒加载功能,在根目录配置文件开启和关闭
- 增加
留言板
功能 - 在关于板块,加入
简历
功能页 - 支持
emoji
表情,用markdown emoji
语法书写直接生成对应的能跳跃的表情。 - 增加网站运行时间显示
- 增加
动漫模型
- 整体替换Banner图片和文章特色图片
- 加入
AES
加密方法 - 加入实用的快捷导航栏
- 修改了一些控件的参数
- 修改部分样式,比如: 文章卡片,固定高度,使其不至于因为文章摘要的长短不同导致卡片大小不一使页面布局很不美观,类似的还有友链卡片,优化了页面内容布局,视觉更整齐美观
- 解决首页文章列表卡片上方
border-radius
圆角失效的bug - 添加页面樱花飘落动效
- 添加鼠标点击烟花爆炸动效
- 加入鼠标点击文字特效
- 加入了网页加密功能,屏蔽鼠标右键键盘事件
- 添加页面雪花飘落动效
- 添加在线聊天插件
- 调整线聊天插件参数,使之能够随着鼠标滑动位置自适应调整
- 加入了首页自动获取段子
- 加入了自动获取古诗词
- 解决了分页加载头部音乐/视频/格言bug
- 替换搜索框样式和背景
- 修改首页名称字体
- 持续更新...
更多详情教程,强烈推荐看我写的: windows环境下搭建一个Hexo博客
最后,如果项目和教程对你有所帮助或者你看见了还算比较喜欢,欢迎给我
star
,谢谢您!