博客搭建之路：hexo博客显示阅读时间和字数

拾光师

已于 2024-11-01 10:53:24 修改

阅读量403

点赞数 8

分类专栏：博客搭建文章标签：后端

于 2024-11-01 10:50:58 首次发布

本文链接：https://blog.csdn.net/Lxn2zh/article/details/143426333

版权

博客搭建专栏收录该内容

11 篇文章

订阅专栏

文章目录

- hexo博客显示阅读时间和字数

hexo博客显示阅读时间和字数

hexo版本5.0.2 npm版本6.14.7 next版本7.8.0

效果如下

显示字数和时长

在博客目录下安装npm install hexo-symbols-count-time --save

在_config.yml中加入配置

symbols_count_time:
 #文章内是否显示
  symbols: true
  time: true
 # 网页底部是否显示
  total_symbols: true
  total_time: true

参考文献

hexo博客显示阅读时间和字数

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

拾光师

关注关注

8
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

hexo next主题中使用文章计数计时功能

fsh364943092的博客

07-12

1049

一定要先安装hexo-wordcount,不然就算配置了next主题,网页中显示的也是空的。安装方法: 在hexo目录上右键选择"Git Bash Here",执行 npm install hexo-wordcount --save 在next目录下,找到_config.yml,找到post_wordcount,修改如下 # Post wordcount display settings # ...

使用Hexo免费搭建个人博客教程

csdnxia的博客

10-18

3719

前言现在各种互联网博客非常的，常见的如CSDN、简书、掘金、博客园等平台，这些博客平台做的都很好，可以直接在上面注册自己的账号写文章，发表的文章在百度、Bing等搜索引擎上也能收到，但缺点是受于平台的各种限制，个人定制化不自由，而且大多数平台都会有各种广告。于是想到自己搭建一个博客网站，但对大多数人而言，自己购买服务器和域名来搭建博客成本实在太高的了，而且有点浪费，还需要定期维护，这时一种不错的选择就是使用第三方开源托管平台（GitHub、GitLab等）来当作我们的服务器，并使用快速简洁的博客搭建框架

参与评论您还未登录，请先登录后发表或查看评论

Hexo的url路径修改以及发布与修改时间

Bingin的博客

09-06

2038

Refrence https://www.cnblogs.com/zhansu/p/9643066.html Hexo url默认g规则是年/月/日，这样其实不利于SEO。Hexo生成新文章命令，hexo new [layout] <title>，这个title最好是英文的，因为我们要把这个title放在url里。如何修改这个title呢？那就是去source文件夹里直接修改.md文件名即可。但我们想让我们文章的标题显示中文的，这样如何修改呢？那就是在每篇文章的.md上方直接修改titl

【解决方法】Hexo根据更新时间修改文章排序机制

靖待的CSDN博客

04-12

569

之前由于电脑不在身边，长期通过其它电脑写文章利用之前说过的github action推送博客更新。但是发现一个问题，它总是按照文章创建时间排序，而不是文章更新时间。查过网上很多方法，法一：博客源目录配置文件新增，不行。法二：利用插件，新增不行。直到最近拿到了电脑，终于有了源文件可以修改了。

hexo中next主题7.8版本设置阅读全文

CodeJoker_7的博客

03-02

926

hexo中next主题7.8版本设置阅读全文

如何在Hexo中添加阅读统计和字数统计？

luobogangan的博客

02-27

889

1、安装hexo-wordcount插件成功会在根目录下的package.json中多出" hexo-wordcount ": " ^6.0.1 "2、安装hexo-symbols-count-time3、安装eslint4、在站点配置文件添加如下配置5、在主题配置文件中添加如下配置。

N-Hexo-Blog:Hexo博客搭建与优化指南

总结来说，该文件内容详细地介绍了如何在基于Linux的系统上搭建和配置Hexo博客框架，包括安装Node.js运行环境、安装Hexo及其常用插件，并对Hexo开源框架进行了描述。通过这些步骤，用户能够搭建起自己的静态网站，并...

hexo-assistants:hexo 内容分析插件

05-09

Hexo以其简洁、高效的特性，为博主们提供了便捷的搭建和管理博客的方式。然而，随着内容的不断丰富，如何更好地管理和分析这些内容成为了一个新的需求。这就是`hexo-assistants`插件应运而生的原因，它是一款专为...

Hexo + NexT + Github搭建个人博客

最新发布

记录学习

01-18

907

先创建一个页面cd[your-site]#进到站点中hexonewpage[page-name]#创建页面在文件开头的YAML块（用于写入配置）中添加配置通过主题的配置文件将你所创建的页面路由写入菜单menu，图标在中找#标签---type:tags---确保禁用新建404页用户是否可以重定向到404页面取决于网站托管服务或Web服务器的设置，而不是Hexo。例如，如果使用Nginx作为服务器，则还需要在nginx.conf文件中配置404页面。

个人网站搭建保姆级教学：Hexo + Kaze + Gitee Pages

superjava_的博客

12-27

742

前言建网站本身是一个很大的工程，涉及前端页面的搭建，网站数据的存储，还要购置服务器资源，甚至是后期的维护，过程相当繁琐。不过如果仅仅是想搭建个人的网站，写写博客，想要美观，又不想操心太多和写博客无关的事情。那么，Hexo + Kaze + Gitee Pages 的方式就很适合你。本文就讲下如何借助这三样免费的技术或服务，来搭建一个可访问的静态博客网站。 Hexo 简介 Hexo 是什么？ Hexo[1]是一个快速，简单且功能强大的博客框架。如果你用 Markdown 写博.

hexo博客文章以更新时间排序

aqwca的博客

04-07

1047

众所周知,我们可以利用hexo等框架发布自己的文章,文章发布后的顺序默认是按照创建时间排的,但当一篇文章更新时其顺序依旧按照创建时间,这一点不太符合一般常识,这里我们要使发布后的文章在博客显示顺序按照更新时间.这里以hexo的Next主题为例,以下是我的hexo版本信息这里比较重要的参数有以及updated。

Hexo-博客搭建总结

Kixs的博客

05-10

351

前言这几天迷上了博客，用此来记录一下自己在成长过程中遇到的一些问题或心得。经几番选择，最终选择了Hexo。接下来说一下我在搭建过程遇到的一些问题和解决办法。基础环境的搭建基础环境搭建的话，可以参考上篇博客Hexo-GitHub搭建个人博客，里面记录的博客都对此讲的比较详细，我就不再赘述了，以下开始说说我在搭建过程遇到的问题。 1、简体中文问题 ...

hexo添加文章更新时间

热门推荐

阿甘的博客

01-13

1万+

修改（博客主目录）/themes/next/layout/_macro/post.swig 文件，在...标签后添加 {%if post.updated and post.updated > post.date%} span class="post-updated"> | {{ __('post.updated') }} time itemp

hexo的url路径修改以及发布与修改时间

weixin_30922589的博客

09-13

813

　　hexo默认url是年/月/日，这样其实不利于SEO。hexo生成新文章命令，hexo new [layout] <title>，这个title最好是英文的，因为我们要把这个title放在url里，如何修改这个title呢？那就是去source文件夹里直接修改.md文件名即可。但我们想让我们文章的标题显示中文的，这样如何修改呢？那就是在每篇文章的.md上方直接修改title为中文即...

Hexo博客NexT主题美化之显示当前浏览进度

weixin_34342905的博客

03-05

914

hexo定时发布文章

100斤的博客

11-06

862

通常情况下，你可以修改hexo文章的发布时间、更新时间，所以定时发布没什么意义。但是如果是一个定期更新的博客，你想周末一天发布一周的文章，就需要定时发布了！ hexo其实为我们提供了“定时”功能。在hexo_config.yml中将future: true改为future: false，即可禁用超前发布。接下来，只要将文章的data设置为未来的时间，就可以做到定时发布，或者说延迟发布。参考：官...

hexo博客设置阅读全文

Mumu's Blogs

02-21

2428

1.在想要隐藏的位置加入以下代码：  2.打开主题配置文件，修改auto_excerpt:字段为true，length表示显示文本的长度

hexo首页文章显示查看原文按钮

阿甘的博客

01-12

5523

我们常常想在首页只显示文章的概述，而不是文章的全部，用一个阅读全文的字样代替，要怎么做呢？如下图：在文章中只要写成如下格式即可：这是摘要这是全文需要注意的是，点击阅读全文之后，文章会自动定位到所在位置，想要修改成从头阅读需要修改主题配置文件 _config.yml 文件： # Automatically scroll page to section

基于yilia theme的Hexo博客功能优化(一)：博客url自定义、目录、博客插入本地图片、首页折叠文章

技术篮子

04-26

760

乘着周末偷闲，进行建站以后第一次优化更新。本文首发我的博客-博客更新日志20200426 一、文章页面url自定义默认url为时间+标题，这对于中文网站来说实在是有点不友好，所以我查了资料对其进行了优化。 tip：因为考虑到我发博频率较低，所以有些部分采用的人肉手动标注。打开根目录下的.config.yml配置文件 ctrl+f找到permalink，将其修改为 :ye...