应邀,本站主题已整理开源,点击右上角 fork me from github 链接前往,欢迎 star、fork。
功能概览
以下功能网上一搜一大把,不过还是为大家整理了下本站情况,who care(皮一下~)!
已完成:
- 主页布局、颜色搭配
- 全局字体设置(思源宋体)
- 动态背景图片
- 随机三角丝带
- 鼠标点击特效(3种)
- 文章虚拟背景
- 文章置顶、精品
- 文章排行榜(热榜)
- 文章浏览、字数、时长
- APlayer 音乐播放器
- DPlayer 视频播放器
- 看板娘
- SEO 相关
- CDN 相关
- 个性化返回顶部
- fork me from github
- 博主头像旋转
- 友链及相关链接页面
- 近期文章推荐
- 网站运行时间
- 网站访问人数、访问量
- 阅读全文样式
- DaoVoice 在线聊天
- TiDio 在线聊天
- 来必力评论系统
- Valine 评论系统
- abbrlink 文章永久链接
- neat 压缩
- 文章版权信息
- 代码块样式
- 代码块复制
- 阅读结束提醒
- 打赏
- 百度分享
- 评论区打字特效
- 页面反馈
20190925 新增:
- 手机端样式适配
- 代码块 Mac panel 特效
- LeanCloud 切换国际版
- 接入 Google AdSense 广告
- 新增 ShareJs 分享
- 类知乎卡片链接样式
- Valine-Admin 评论系统
- Valine-Admin 邮件通知
- 相关文章推荐
- 标签样式调整
- 标签页自定义样式(5 种)
- 归档页自定义样式
- 鼠标样式
- 主页走马灯(轮播图)
- 瀑布流相册
- canvas 粒子时钟
- 豆瓣读书、电影
- 页面其它的特效
……
安装教程
Download ZIP 并解压后,放到 hexo 目录 themes 主题下即可。或者使用 git命令,进入到本地 hexo 目录:
1
git clone https://github.com/leafjame/hexo-theme-next5-leaf.git themes/leaf
将其放到 themes 目录下,名字自定义。然后在站点 _config.yml 中指定所使用的 theme:
1
theme: leaf
依赖插件
插件列表
本主题中在搭建过程中,集成了一定的插件,所列部分如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21"hexo-abbrlink": "^2.0.5", //生成文章唯一URL插件
"hexo-baidu-url-submit": "0.0.6", //url提交插件,用于seo
"hexo-deployer-git": "^1.0.0", //git插件,用于部署
"hexo-douban": "^1.1.3", //豆瓣读书、电影插件
"hexo-generator-baidu-sitemap": "^0.1.6", //百度sitemap,用于seo
"hexo-generator-sitemap": "^1.2.0", // 同上
"hexo-generator-feed": "^1.2.2", // SSR插件
"hexo-generator-index-pin-top": "^0.2.2", //用于指定文章置顶
"hexo-generator-search": "^2.4.0", //本地搜索插件
"hexo-neat": "^1.0.4", // 压缩js、css代码的插件
"hexo-permalink-pinyin": "^1.1.0", // 中文链接转拼音的插件
"hexo-related-popular-posts": "^3.0.6", // 相关文章推荐
"hexo-renderer-ejs": "^0.3.1", // 是不是自带的?。。。
"hexo-renderer-marked": "^1.0.1", // 是不是自带的?。。。
"hexo-renderer-stylus": "^0.3.3", // 是不是自带的?。。。
"hexo-symbols-count-time": "^0.6.0", // 站点字数统计
"hexo-tag-cloud": "^2.1.1", //标签云
"hexo-tag-dplayer": "^0.3.3", //dplayer视频插件
"hexo-wordcount": "^6.0.1", // 字数统计插件
"webpack-cli": "^3.3.7", // 装hexo-abbrlink时提示装的,按需下载
"@webpack-cli/init": "^0.2.2", // 同上所装插件信息位于站点根目录的package.json文件,核对一下自己是否已经装过。
安装命令
在站点根目录下,使用:
1
npm install --save-dev hexo-neat
即可安装 hexo-neat 插件,其他的插件安装方式类似。默认是安装最新版,如要指定版本号,可使用:
1
npm install --save-dev hexo-neat@1.0.4
配置文件
next 主题配置文件 _config.yml
按需配置 valine、leanCloud、busuanzi、tidio、hotjar、轮播图、文章推荐、点击特效、自定义标签等。
hexo 站点配置文件 _config.yml
按需配置 abbrlink、highlight、deploy、douban、hexo-neat 等。
注意:部分功能需注册后方可使用!
部署
控制台 hexo clean && hexo g && hexo s
三连,浏览器输入 http://localhost:4000/ 即可看到效果!
最后
附上完整版站点配置文件,供大家参考 ☟☟
1 | # Hexo Configuration |