欢迎访问我的个人博客网站:http://www.yanmin99.com/
hexo的next主题打赏
增加打赏配置
-
1、准备支付宝和微信二维码
-
2、在_config.yml中配置图片
reward_comment: 坚持原创技术分享,您的支持将鼓励我继续创作!
wechatpay: /images/wechat.jpg
alipay: /images/aipay.png
wechat.jpg、aipay.png图片放入themes/next/source/images中
-
3、修复煽动bug
#wechat:hover p{
animation: roll 0.1s infinite linear;
-webkit-animation: roll 0.1s infinite linear;
-moz-animation: roll 0.1s infinite linear;
}
#alipay:hover p{
animation: roll 0.1s infinite linear;
-webkit-animation: roll 0.1s infinite linear;
-moz-animation: roll 0.1s infinite linear;
}
*/
修改next/source/css/_common/components/post/post-reward.styl
,注释wechat:hover
和alipay:hover
4、效果
<script type="text/javascript">
$(function () {
$('pre.prettyprint code').each(function () {
var lines = $(this).text().split('\n').length;
var $numbering = $('<ul/>').addClass('pre-numbering').hide();
$(this).addClass('has-numbering').parent().append($numbering);
for (i = 1; i <= lines; i++) {
$numbering.append($('<li/>').text(i));
};
$numbering.fadeIn(1700);
});
});
</script>
分享到:
相关推荐
接下来,我们将深入探讨Hexo和Next主题的相关知识点。 首先,Hexo的核心特性包括Markdown支持、插件系统和自定义配置。通过Markdown,用户可以方便地编写富文本内容,而无需深入HTML代码。Hexo的插件系统允许开发者...
关于如何使用Hexo+Hexo主题搭建博客系统,可以参考我之前的博客的介绍:(https://blog.csdn.net/xiangzhihong8/article/details/53727310,查看效果可以查看以下地址:...
【标题】:“基于Next5主题美化的一款hexo博客主题” 【描述】:“基于Next5主题美化的一款hexo博客主题”是指使用Hexo框架中的Next5主题进行了一系列的定制和优化,旨在提供更美观、更具个性化的博客展示效果。...
在Hexo博客框架中,NexT主题是一款非常受欢迎的高级主题,以其优雅的设计和丰富的功能深受用户喜爱。"与Hexo的NexT主题契合的多说css样式"是针对NexT主题进行定制的多说评论插件的CSS样式,旨在确保评论区与整个博客...
《Hexo与Next主题构建个人博客详解》 Hexo是一款基于Node.js的快速、简洁且高效的博客框架,它使得创建和管理个人博客变得极其简单。而Hexo的Next主题则是最受欢迎的主题之一,以其优雅的设计和丰富的功能吸引了...
Next主题以其优雅的设计和丰富的功能,成为Hexo用户中的热门选择。下面将详细介绍Hexo博客搭建以及Next主题的配置。 首先,你需要确保你的计算机上已经安装了Git和Node.js。Git是分布式版本控制系统,对于管理代码...
Hexo 是高效的静态站点生成框架,她基于 Node.js。 通过 Hexo 你可以轻松地使用 Markdown 编写文章,除了 Markdown 本身的语法之外,还可以使用 Hexo 提供的 标签插件 来快速的插入特定形式的内容。在这篇文章中,...
描述中提到“hexo博客搭建,next主题配置,配合github搭建博客,使用hexo d进行github推送更新”,这表明这个压缩包可能包含Hexo的Next主题源码,用于帮助用户快速配置和部署他们的个人博客到GitHub上。下面将详细...
在众多的主题中,“极简的Hexo博客主题专注于内容展现”是一个特别注重内容呈现的设计,旨在让读者更加专注于博客文章本身,而不会被过于花哨的界面元素分散注意力。 这个主题采用JavaScript和CSS技术来实现其简洁...
《Hexo主题优化:基于Landscape-plus的深度定制与扩展》 在Web开发领域,静态博客生成器Hexo因其简洁高效的特点受到了众多博主的青睐。其中,Landscape-plus主题以其优雅的设计和良好的可定制性,成为了许多用户的...
【Matery闪烁之狐免费Hexo博客主题】是一款基于Material Design设计语言和响应式布局的Hexo框架主题。它专为个人博客打造,注重简洁、美观且易读的排版,旨在提供优质的阅读体验。这款主题充分利用了Material Design...
Vexo是一个基于Hexo框架的主题,其设计灵感来源于Vue.js的官方网站,旨在为用户提供一个现代化、简洁且功能丰富的博客主题。Hexo是一款快速、简单的静态站点生成器,广泛用于个人博客和项目文档的构建。它允许用户...
Hexo-Theme-AirCloud 是一个简洁轻量的 hexo 博客主题,旨在将中心放在博文本身,因此: 默认没有大范围的主题色块、图片铺排等,也不要求每片博文配图,一方面这并不是我们记录知识的重点,另外一方面可能程序员...
3. **Next主题**:Next主题是Hexo最受欢迎的主题之一,它提供了丰富的预设样式、主题颜色、布局选项和多种功能。要安装Next主题,需在Hexo项目根目录下执行 `npm install hexo-theme-next --save`,然后在 `_config....
"ThemeBMW"是一款精心设计的Hexo博客主题,专为那些寻求美观且功能丰富的网站界面的用户而打造。Hexo是一个流行的静态站点生成器,它允许用户通过Markdown编写内容,并自动生成HTML页面,使得个人博客的搭建和维护变...
本主题——"轻量化的响应式Hexo博客主题",是专门为Hexo设计的一款界面美观、响应式的博客模板。 响应式设计是现代网页开发的重要元素,这种设计使得网站能够在不同设备上自适应显示,无论是桌面电脑、平板还是手机...
《Hexo-theme-Fluid博客主题 v1.9.7.zip》是一个包含源代码的压缩包,主要用于搭建个人或企业博客。Hexo是一个流行的静态站点生成器,它允许用户通过简单的Markdown格式编写内容,然后自动生成静态网页。而 Fluid ...
总的来说,NexT主题是Hexo平台上的一个强大且美观的解决方案,它结合了JavaScript和CSS的优势,提供了丰富的自定义选项和强大的功能,让每一个使用Hexo的博主都能拥有一个既专业又个性化的博客空间。无论你是前端...
《Hexo双栏博客主题——Yelee:简而不减的优雅设计》 Hexo是一款流行的静态站点生成器,它以其高效、简洁的特性受到了许多个人博客用户的喜爱。在众多的Hexo主题中,“hexo-theme-yelee”以其独特的双栏布局和精致...
一个主题,三个外观,选择您的主题。 通过主题中的主题(也称为Scheme),您可以轻松更改博客的外观,几乎所有... 除了Markdown支持的语法外,NexT还使用Hexo提供的标签功能为您在编写文档时快速插入特殊样式的内容。