hexo+NexT(v7.72+)超全二十一大主题美化,打造“超炫”网站(二)

news/2024/5/16 23:21:52/文章来源:https://blog.csdn.net/kuashijidexibao/article/details/106348148

先分享一点小经验

修改了模板,但是没有生效?

修改了模板以后不生效,建议先hexo clean,然后再hexo generate。只执行hexo generate,可能模板后者静态文件不会被替换。
知道晚了,以为设置错误,两天后hexo clean,然后奇迹出现了!!!

本地和网站不同步?hexo clean!

下面是接上一篇的更多网站美化功能

(8)在网站底部添加访问量

进入\themes\next\layout\ _partials\footer.swig文件顶部第一行添加

<script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>

2.搜索

{% if theme.footer.powered.enable %}

在这个位置上添加以下代码

<div class="powered-by">
<i class="fa fa-user-md"></i><span id="busuanzi_container_site_pv">总访问量<span id="busuanzi_value_site_pv"></span>次</span><span class="post-meta-divider">,</span><span id="busuanzi_container_site_uv">我的第<span id="busuanzi_value_site_uv"></span>位朋友</span><span class="post-meta-divider">|</span>
</div>

注:这里的id值可以选择两种

# busuanzi_value_site_uv  表示用户连续点击n篇文章,只记录1次访客数# busuanzi_value_site_pv  表示用户连续点击n篇文章,记录+n次访问量
# 这里对应的是2上的id值

效果如下:
本地访问会出现人数爆棚现象,正常,部署到github上会恢复正常

(9)添加打赏功能

在主题配置文件中搜索Reward,改为如下形式

效果:

参考文章

(10)添加阅读统计及评论

参考文章

添加阅读次数统计

需要用到leancloud网站,
1.注册一个账号
2.创建应用(开发版)
3.进入设置页面
4.应用key
将App ID、App Key 配置到next/_config.yml中leancloud_visitors

leancloud_visitors:enable: true 设置为true 默认为falseapp_id:  #你的App ID,注意冒号后面空格app_key:  #你的App Key,注意冒号后面空格Dependencies:  https://github.com/theme-next/hexo-leancloud-counter-security #设置依赖security: true #如果您不关心lc计数器中的安全性并且只想直接使用它(没有hexo-leancloud-counter-security插件),请将`security`设置为`false`。  betterPerformance: true #更好的性能

5.在leancloud存储的位置创建Class,必须命名为Counter

6.查看后台统计数据

添加评论

选择的是Valine系统
进入leancloud
1.创建应用

2.进入设置页面
在这里插入图片描述
3.应用key
在这里插入图片描述
4.在next/_config.yml进行一下配置

valine:enable: true # 设置为true,默认为falseappid:  # 将应用key的App ID设置在这里appkey: # 将应用key的App Key设置在这里notify: true# 邮箱通知 , https://github.com/xCss/Valine/wiki,默认为falseverify: true# 验证码 默认为false placeholder: Just go go ^_^ # 初始化评论显示,根据自己修改,这里默认, avatar: wavatar # 头像风格,默认为mm,可进入网址:https://valine.js.org/visitor.html查看头像设置,这里有许多头像风格,进行设置  guest_info: nick,mail,link # 自定义评论标题  pageSize: 10 # 分页大小,10页就自动分页  visitor: true # 是否允许游客评论 ,进入官网查看设置:https://valine.js.org/visitor.html

完成
6.在后台查看评论数据
在valine后台,存储位置中的数据里面创建Class,名称必须为命名为Comment

注:选择valine评论系统是因为支持国内网络,不需要连接外网(翻墙)就可以进行显示评论系统,而且很好管理,页面简单。

(11)read more以及压缩文章

<!-- more -->

指令加到文章哪个部分,就从哪部分向下不显示

(12)网页底部的动态桃心图像

修改主题配置文件:

icon:name: heart      #如果name的值为heart表示引用fontawesome网站上的心形图标animated: true     #如果想用动态图标应该将animated的值设为truecolor: "#ff0000"     #图标的色--用16进制数  

效果如下:

(心还在跳☺)

To Be Continued→

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_778709.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

hexo+NexT(v7.72+)超全二十一大主题美化,打造“超炫”网站(四)

(14)Hexo博客NexT主题美化之自定义文章底部版权声明 参考文章 效果如下 1.在目录themes/next/layout/_macro/下添加my-copyright.swig &#xff0c;内容如下&#xff1a; {% if page.copyright %} <div class"my_post_copyright"> <script src"//c…

ICP和公安网备案以及网站底部添加相应备案号

网站备案 网站建立成功后要分别进行公信网备案和公安备案然后部署在网站底部 公信网备案 用阿里云&#xff0c;买一个服务器进行个人信息填写 等待一段时间&#xff08;一周到三周不等&#xff09;的审核后通过 公安网备案 比较公信网&#xff0c;这个就要快很多 1.打开全…

提高网站打开速度的7大秘籍

2019独角兽企业重金招聘Python工程师标准>>> 很多站长使用虚拟主机来做网站&#xff0c;网页内容一旦很多&#xff0c;网站打开速度就会特别慢&#xff0c;如果说服务器、带宽、CDN这类硬指标我们没有经济实力去做&#xff0c;不妨通过网页代码优化的方式来提高速度…

优化杭州某著名电子商务网站高并发千万级大型数据库经验之- 读写分离

为什么80%的码农都做不了架构师&#xff1f;>>> 好久没写博客了&#xff0c;一方面是日常工作繁忙&#xff0c;另外一方面是想更多的时间陪陪家里人&#xff0c;享受春天的美好时光&#xff0c;还在写一本《程序员&#xff0c;你伤不起》的一本书要由人民邮电出版社…

大型网站技术架构(八)网站的安全架构

2019独角兽企业重金招聘Python工程师标准>>> 从互联网诞生起&#xff0c;安全威胁就一直伴随着网站的发展&#xff0c;各种Web攻击和信息泄露也从未停止。常见的攻击手段有XSS攻击、SQL注入、CSRF、Session劫持等。 1、XSS攻击 XSS攻击即跨站点脚本攻击&#xff08;…

微软发布IIS漏洞补丁,影响我国五分之一网站

2015年4月14日&#xff0c;微软发布月度例行安全公告&#xff0c;共释放出11项更新&#xff0c;一举修复包括Windows操作系统、IE浏览器、Office办公软件、.NET Framework、Server软件、Office Services和Web Apps在内的26个安全漏洞。在这11项更新中&#xff0c;有4项更新综合…

Scrapy框架学习笔记(2)——小说网站简单信息的爬取

本项目参考书上的例子自己找了一个小说网站&#xff08;以笔趣阁为例&#xff09;对各种热门书目信息爬取&#xff0c;用于练手&#xff0c;希望能够对和我一样的初学者有帮助。 友情链接 本文参考书目作者博客链接&#xff1a;https://cloud.tencent.com/developer/article/…

使用 varnish + nginx + lua 搭建网站的降级系统

通常一个网站数据库挂掉后&#xff0c;后果将是非常严重的。基本上整个网站基本不可用了。对于一些网站来说&#xff0c;当数据库挂掉后&#xff0c;如果能提供基本的浏览服务&#xff0c;也是不错的。本文将尝试使用 varnish nginx lua 搭建网站降级系统来实现整个目标。 降…

大型网站的核心构架要素

当今的互联网时代&#xff0c;技术日新月异。如何打造一个高可用、高性能、易扩展、可伸缩且安全的网站?如何让网站随应用所需灵活变动? 相较于传统企业应用系统&#xff0c;大型互联网网站应用系统的部署架构至少需要具备五大核心要素&#xff1a;高性能、高可用、伸缩性、扩…

购书网站前端实现(HTML+CSS+JavaScript)

目录 购书阅读静态网页设计与实现 一、主页设计HTML 1、效果展示及实现 2、完整代码 二、主页样式布局CSS 三、空间功能实现Javascript 主要功能 Javascript完整代码&#xff1a; 总结 购书阅读静态网页设计与实现 ① 网盘下载&#xff1a;关注我的博客最后的微信公众…

口罩预约管理系统——系统网站实现(前端+PHP+MySQL)

口罩预约管理系统网站实现 一、前言 二、系统登陆逻辑及界面实现 三、用户模块 1、用户预约系统界面 2、用户查看我的订单界面 3、用户修改预约信息 四、管理员模块 1、管理员登陆界面 2、查看用户预约订单 3、修改/删除用户信息 五、快递员模块 1、快递员登录配送系…

云服务器 ECS 建站教程:GitLab的安装及使用

GitLab的安装及使用前言 GitLab是利用 Ruby on Rails 一个开源的版本管理系统&#xff0c;实现一个自托管的Git项目仓库&#xff0c;可通过Web界面进行访问公开的或者私人项目。 它拥有与Github类似的功能&#xff0c;能够浏览源代码&#xff0c;管理缺陷和注释。可以管理团队对…

使用python requests库,使用bs4解析网页内容提取url,使用广度优先算法,爬取一个网站的所有网页

实现一个类&#xff0c;抓取一个网站所有页面 实现思路&#xff1a;一边添加url&#xff0c;一边抓取&#xff0c;一直进行下去就可以了&#xff0c;直到列表遍历完成&#xff0c;说明没有新的url可供抓取&#xff0c;即抓取完成。 实际上是图的广度优先遍历。 import urllib.…

大型网站架构演变和知识体系

之前也有一些介绍大型网站架构演变的文章&#xff0c;例如LiveJournal的、ebay的&#xff0c;都是非常值得参考的&#xff0c;不过感觉他们讲的更多的是每次演变的结果&#xff0c;而没有很详细的讲为什么需要做这样的演变&#xff0c;再加上近来感觉有不少同学都很难明白为什么…

网站api访问不到服务器,实现一个 RESTful API 服务器

RESTful 是目前最为流行的一种互联网软件结构。因为它结构清晰、符合标准、易于理解、扩展方便&#xff0c;所以正得到越来越多网站的采用。什么是 RESTREST(REpresentational State Transfer)&#xff0c;首次出现在 2000 年 Roy Thomas Fielding 的博士论文中&#xff0c;它指…

记一次真实的网站被黑经历

前言 距离上次被DDOS攻 击已经有10天左右的时间&#xff0c;距离上上次已经记不起具体那一天了&#xff0c;每一次都这么不了了只。然而近期一次相对持久的攻 击&#xff0c;我觉得有必要静下心来&#xff0c;分享一下被黑的那段经历。 在叙述经历之前&#xff0c;先简单的介绍…

android 弹出菜单 toast,Android学习第二天:Toast(提醒)、Menu(菜单)、Intent的显式和隐式(包括打开、适配网站,调用拨号界面等)...

1.Toast提醒为昨天写的按钮程序添加一个提醒&#xff0c;在MainActivity中添加如下代码&#xff1a;Button bt1 (Button) findViewById(R.id.button_1);bt1.setOnClickListener(new View.OnClickListener() {Overridepublic void onClick(View view) {Toast.makeText(MainActi…

eyoucms 到底什么是网站根目录?

对于站长和互联网技术人员而言&#xff0c;网站根目录是一个很常见的概念&#xff0c;弄不明白到底哪一个目录才是根目录的新手也并不少见&#xff0c;今天益吾库就跟大家分享一下到底什么是网站根目录的相关知识。 什么是根目录 顾名思义&#xff0c;根就像树根一样&#xff0…

网站如何获得收入?初识个站广告盈利的基本方法

鄙人不才&#xff0c;建站足有半年有余博客zzzmh.cn 壁纸bz.zzzmh.cn 插件chrome.zzzmh.cn 粗(初)布算了一笔账&#xff0c;没有杂七杂八的优惠&#xff0c;一般来说建站开支少说要30 ~ 150每月。。。那么如果想长期经营&#xff0c;最好能有一笔微薄的收益来支撑这些成本。最…