自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 基于 TravisCI 实现 Hexo 在 Github 和 Coding 的同步部署

关于TravisCI我这里简单介绍一下,TravisCI是一个在线的、分布式的持续集成服务,可以用来构建和测试托管在Github上的代码,并且其本身就是开源的。TravisCI提供了主流编程语言如C#、Java、JavaScript、Ruby、PHP、Node.js等的支持,相比Jenkins而言...

2019-11-15 16:16:53

阅读数 2

评论数 0

原创 Hexo博客+Next主题深度优化与定制

写在前面 本教程只适用于 Next5 或者 Next6 主题,Next7 开始做了大量修改,并删除了 custom.styl 文件,同时增加了很多在 Next7 之前需要手动配置的功能,请随个人喜好进行版本选择。 环境准备 在安装 hexo 框架之前,我们需要先安装该框架的依赖环境: No...

2019-11-15 16:15:19

阅读数 5

评论数 0

原创 使用增强版valine

云淡风轻在很早之前就开发了一款极简的valine评论系统,由于现在Disqus被墙,使用起来步骤太复杂,所以现在大多数个人博客还是以valine为主。但是原生的valine功能过于单调,后来有不少大佬在基于原作者的基础上增强了valine的功能,我想推荐的一款就是 Deserts 增强的valin...

2019-11-16 11:58:40

阅读数 6

评论数 0

原创 Hexo博客+Next主题进阶写作技巧

以下博客写作都是基于Next主题,其它主题不一定集成了以下写作方式。 note标签的官方文档使用 首先我们需要在 Next 主题 _config.xml 中设置一下功能开关,有些默认是开的,有些默认是关的: note: # Note tag style values: # - simp...

2019-11-16 11:58:15

阅读数 7

评论数 0

原创 Hexo博客Valine评论样式美化

Valine 是一款比较轻量级的纯前端的评论系统,目前很多个人博客都在使用 Valine 评论系统,并且支持匿名留言。 Valine的Github地址 我个人也是很喜欢这一款评论系统的,之前用过来必力、Gitalk 等评论系统,都觉得很难用,尤其是来必力,这款韩国人做的评论系统在国内使用很容易出现...

2019-11-16 11:57:55

阅读数 5

评论数 0

原创 Hexo+NexT 博客搭建相册

首先说一下实现想法,在 腾讯云开发者平台 上面创建一个相册库(PS:腾讯云开发者平台是腾讯云与 CODING 共同为开发者打造的云端工具平台,旨在为更多的开发者带去便捷、高效的开发体验,提供包括需求管理、代码编写、代码管理、代码运行的整套系统),当有更新时,提交到腾讯云开发者平台上面,同时在博客 ...

2019-11-15 16:20:51

阅读数 4

评论数 0

原创 Hexo+NexT 自定义样式博文加密

介绍一种自定义博文加密方式,不需要插件,极简模式,相对安全。 先看一下效果: [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Ust8uGXP-1573806006554)(https://s2.ax1x.com/2019/11/01/KHMRr8.png)] 代码 ...

2019-11-15 16:20:20

阅读数 1

评论数 0

原创 Hexo博客+Next主题鼠标点击特效

感觉鼠标点击出现效果也还不错哈,不妨在本站空白处点击一下看看效果~ 效果 配置 在主题 _config.yml 中添加动态配置项 cursor_effect: enabled: true type: love # fireworks:礼花 | explosion:爆炸 | love:...

2019-11-15 16:19:49

阅读数 5

评论数 0

原创 Hexo博客中加入豆瓣读书页面

在Hexo博客个性化定制中,加入豆瓣读书界面是一个很不错的功能,可以进入我的个人阅读界面查看效果,那么我是怎么做到的呢?其实很简单,我们只需要加入一个 hexo-douban 模块即可。 hexo-douban的Github地址 安装模块依赖 我们使用时可以先安装依赖模块,在GitBash中使用以...

2019-11-15 16:19:15

阅读数 6

评论数 0

原创 Hexo博客界面美化

注意:本样式美化方式只适用于 Next 主题,并且最好懂一些 CSS 前端知识,以便有些不兼容样式部分可以自行在浏览器中 F12 调试。 Next5主题的Github地址 我的个人博客样式都是基于 Next5 主题的,如果你用的是 Next6 主题,那么会有一部分样式不是很兼容, 需要自己在浏览...

2019-11-15 16:18:39

阅读数 1

评论数 0

原创 Hexo博客+Next主题归档页美化

大家在使用hexo博客的Next主题的时候应该都觉得原来默认的归档页面很丑吧,最近也有小伙伴问我这个归档页面美化怎么弄的,今天就小小的总结一下。 我的归档页面 首先我们打开Next主题目录(注意这个美化样式只支持Next主题),然后找到 next/layout/_macro/post-collap...

2019-11-15 16:18:10

阅读数 3

评论数 0

原创 Hexo博客静态资源压缩

针对于博文静态资源压缩,介绍一下两种压缩方式,第一种方式是使用Gulp来进行压缩,Gulp 是 Node.js 下的自动构建工具,通过一列的task执行步骤进行自动流程化处理。第二种方式就是使用由rozbo大佬开发的 Hexo-Neat 压缩插件,配置简单,无需额外命令。 附上大佬的 Github...

2019-11-15 16:17:30

阅读数 4

评论数 0

原创 Hexo NexT主题之代码块Mac Panel特效

偶然间发现一款不错的文章代码块样式,类似Mac的面板效果。能设置阴影效果和实现文本编辑功能,不过文本只存在浏览器页面上,不会真正保存。配置的方式也很简单,觉得不错的朋友可以试一下。 引入 JS 这里需要新建两个 js 文件 events.js 和 codeblock.js ,路径位于 /theme...

2019-11-15 16:12:39

阅读数 11

评论数 0

提示
确定要删除当前文章?
取消 删除