hexo博客优化之文章置顶+置顶标签

2023-10-30

本文首发于wangwlj.com

博文置顶

一种方法是手动对相关文件进行修改,具体可参考这篇文章

另一种方法就是,目前已经有修改后支持置顶的仓库,可以直接用以下命令安装。

$ npm uninstall hexo-generator-index --save
$ npm install hexo-generator-index-pin-top --save

然后在需要置顶的文章的Front-matter中加上top: true即可。比如下面这篇文章:

---
title: hexo+GitHub博客搭建实战
date: 2017-09-08 12:00:25
categories: 博客搭建系列
top: true
---

到目前为止,置顶功能已经可以实现了。所有相关博文到这边就结束了。

不过置顶的文章显示在最上面之后,如果没有明确的置顶标志,是不是感觉有点怪怪的呢?

设置置顶标志

打开:/blog/themes/next/layout/_macro 目录下的post.swig文件,定位到<div class="post-meta">标签下,插入如下代码:

          {% if post.top %}
            <i class="fa fa-thumb-tack"></i>
            <font color=7D26CD>置顶</font>
            <span class="post-meta-divider">|</span>
          {% endif %}

效果展示:

参考资料

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

hexo博客优化之文章置顶+置顶标签 的相关文章

  • 感谢CSDN平台记录了我6年的点点滴滴

    感谢CSDN平台记录了我6年的点点滴滴 我的新博客如下 博客园https www cnblogs com ztguang
  • Hexo

    前言 搭建博客两个必要条件 博客框架 托管平台 这里框架我们采用Hexo 而平台大部分人会选择GitHub 这里我选择的是Gitee 属于国内的代码托管平台 相比于GitHub来说 访问速度更快 更稳定 环境要求 Git Nodejs 安装
  • 视频转为GIF上传

    下载地址 https en softonic com download licecap windows post download 这里是没有直接上传视频的入口的 但是有上传gif png等图片格式的入口 这里我们需要将上传的gif通过本地
  • hexo主题标签的使用

    https akilar top posts 615e2dec 这个是我看的教程 我直接复制的源码 友情链接 LrcShare 实现hexo标签的可以折叠 hexo标签的使用方法 要实现Hexo标签的可折叠 可以使用Hexo内置的foldi
  • 张筑生老师:真正的教授,学术的典范,应该给这类人最好的环境

    今日 偶然浏览一篇博客 张老师的朋友王恳先生博文 关于张筑生老师的 很受感动 张老师已然离去 但其 把数学作为宗教信仰 的观点 以及其勤奋 踏踏实实的做事风格 相信可以影响一批批人 不仅仅是做数学研究的人 中国应该还再多一些像张老师这种人
  • 洛谷P1149(NOIP2008) 火柴棒等式 (C语言 + 详细注释)

    题目描述 给你n根火柴棍 你可以拼出多少个形如 A B C 的等式 等式中的A B C是用火柴棍拼出的整数 若该数非零 则最高位不能是00 用火柴棍拼数字0 9的拼法如图所示 注意 加号与等号各自需要两根火柴棍 如果A B 则A B C与B
  • Hexo Theme NexT 主题个性化配置最佳实践

    一般情况下 当我们在使用 Hexo 的 NexT 主题时 都希望把博客改造成自己喜欢的风格 NexT 主题经过不断的迭代积累 目前提供了非常丰富的配置来满足使用者的个性化需求 经过一段时间的摸索 我总结了一些有关 NexT 主题配置的最佳实
  • windows输出文件的树状结构

    场景 今天突然看到同事的项目里面有一个文件 类型这样 项目的一个树状图 以前也看见过但是从来没有探究过 今天来看一下 描述 提示 需要windows 系统 其他系统需要安装tree windows系统下 我们可以打开我们的一个项目 在红框内
  • 本地运行hexo-theme-butterfly报错重定向次数过多

    本地运行hexo theme butterfly报错重定向次数过多 Github被墙了故选择使用Gitee 顺便搭建gitee page博客 使用了一个比较简约好看纯净的主题hexo theme butterfly 在这基础上进行配置 问题
  • Django 快速搭建博客 第十节(修复首页,阅读量的数据)

    写到这里 我们已经使用django博客基础开发框架什么的快开发到底了 接下来的是django进阶阶段 难度会稍微大一些 这里主要是进行一些遗漏掉的地方的 1 我们博客的首页的点击事件未实现 2 文章的阅读量未填满 对于第一点 我们只要把相应
  • 我来了,在这里起航

    五一过后 这济南的天全然没有了泉城该有的灵秀 夜里恼人的大风 总是肆无忌惮的闹一晚上 而这忽冷忽热的交替 却是让好些人陷入了穿秋裤脱秋裤的 噩梦 中 别看这几日热的紧 好歹有个晴朗的天空 据说过几日又是大雨倾盆的节奏 这济南的春啊 总是让人
  • 使用Hexo 配置自己的博客

    安装前提 在Windows下可以到git官网 推荐使用代理 或者对应的镜像网站进行下载 安装git客户端 安装node js 使用git bash 安装 cURL curl https raw github com creationix n
  • 使用HEXO搭建个人博客时遇到的问题日志 PART.1

    我都没想到光连建站都能遇到这么多问题 1 解决 Failed to connect to github com port 443 connection timed out 当使用hexo d的时候 一直连接超时 大概率应该是vpn导致的 方
  • nginx+tomcat实现代理访问java web项目

    最近由于部署考试系统 遇到一系列问题 由于Ubuntu上软件安装的混乱 参考的博客过于坑爹 所以环境配置的乱七八糟 在一个午夜 把一根烟抽的透透的 然后开始重装了一次系统 使用的Ubuntu 16 04LTS 由于时间原因一直没有吧我的这个
  • 机器学习之支持向量机: Support Vector Machines (SVM)

    机器学习之支持向量机 Support Vector Machines SVM 欢迎访问人工智能研究网 课程中心 网址是 http i youku com studyai 本篇博客介绍机器学习算法之一的支持向量机算法 理解支持向量机 Unde
  • 简单Hexo更换主题教程

    Hexo自带的默认主题不是很好看 我们可以按自己需求更换对应的主题 主题由很多 大家可以使用搜索引擎查找 这里我们演示butterfly主题的安装 前提 需要安装git 需要安装nodejs 步骤 在博客的项目文件夹下打开git bash执
  • Framework层Android4.4锁屏流程分析

    前段时间刚接触到锁屏 我们自己做的锁屏时通过底层通过反射调过去的 所以还是得从framewoke层的启动和加载开始分析 所以画了一下这样的两个图 前面一个图是系统开机调到锁屏的一个流程 后面一个图我分开来画了 一个是按power键灭屏和亮屏
  • 博客搭建二:NexT主题相关设置beta

    安装NexT 在你的博客根目录 git clone https github com iissnan hexo theme next themes next 不同版本的NexT配置文件略有不同 本次使用的是hexo theme next 7
  • 基于Hexo+Matery的LuckyBlog开源搭建教程

    前言 之前在B站上发布了个人博客的视频 播放量也破千了 有网友私聊也想要搭建一个这样的博客 经过一段时间的准备 现将本人博客的源代码公布出来 大家只需要根据以下的步骤 即可快速搭建一个漂亮完善的博客 0x01 LuckyBlog 介绍 上一
  • VSCode 中的 .ejs 格式

    这是我的问题 它不可读 为了使 ejs 正常工作 我到目前为止添加了以下内容 我还有保存格式和更漂亮的格式 我正在寻找更好的格式的建议 以便我可以阅读它 files associations ejs html css postcss emm

随机推荐

  • 轻量、便捷、高效—经纬恒润AETP助力车载以太网测试

    随着自动驾驶技术和智能座舱的不断发展 高宽带 高速率的数据通信对主干网提出了稳定 高效的传输要求 CAN FD LIN已无法充分满足汽车的通信需求 车载以太网作为一种快速且扩展性好的网络技术 已经逐步成为了汽车主干网的首选 此外 为了满足车
  • STM32CubeProgrammer V2.9.0版本 通过UART bootload下载STM32G030系列芯片有Bug

    文章目录 CubeProgrammerV2 9 0最新版本的Bug 友情提醒 CubeProgrammerV2 9 0最新版本的Bug 本人笔记本电脑最近新装系统 想着安装最先版本的Stm32CubeProgrammer软件试试 再使用Ua
  • Ubantu 系统下安装fasttext及重要函数

    因为最近遇到了一个文本向量化的问题 所以接触了很多fasttext这个工具 原理什么的就不讲 网上实在是太多了 但是我在实验的过程中遇到了很多的问题 其中绝大多数都是安装fasttext问题 我也看到了很多博主说是fasttext是在win
  • 性能测试——性能监控工具——ServerAgent的安装与使用

    一 下载 首先进入网址 http jmeter plugins org downloads all 下载资源 ServerAgent 2 2 1 zip JMeterPlugins Standard 1 3 1 zip JMeterPlug
  • 如何在Go中编写多行字符串?

    本文翻译自 How do you write multiline strings in Go Does Go have anything similar to Python s multiline strings Go是否与Python的多
  • 网页粒子背景插件 -Canvas-nest.js

    地址 https github com hustcc canvas nest js 如果以上的js有问题 直接点击下面的下载 canvas nest js下载地址 https cdn bootcss com canvas nest js 1
  • terminator配置ICer自用

    bashrc Source global definitions if f etc bashrc then etc bashrc fi Uncomment the following line if you don t like syste
  • PADS Layout制板文件和贴片文件的输出方法

    1 综述 制板文件输出到板厂进行PCB制板 贴片文件输出到贴片厂进行PCBA Printed Circuit Board Assembly 制造 在完成PCB的布局布线工作后 需要输出制板文件到板厂进行制作PCB 再将PCB裸板和电子物料或
  • Python数据处理案例

    关于数据处理案例有两个 第一个案例是我整理到有道云上的 就直接剪切下来了 下面直接进入正题 案例1 快餐数据 案例2 欧洲杯数据 先进行数据探索 data info data describe 查看数据集是否有缺失值且哪个字段存在缺失值 可
  • 无法启动计算机中丢失HAL.dll,Win7系统提示“hal.dll损坏或丢失”导致windows无法启动怎么办...

    win7系统电脑经常弹出提示 hal dll损坏或丢失 导致windows无法启动 怎么回事呢 导致win7 64位系统提示 hal dll损坏或丢失 的原因有很多种 那么该怎么处理呢 其实解决的方法也很简单 接下去系统城小编向大家介绍Wi
  • Java之完全链式编程

    Java8的Stream操作方式实在令人心驰神往 不需要注释就能看懂的链式操作 十分简约和雅观 但是在实际编码过程中对于非集合操作是无法做到链式操作的 于是就有了一下操作 虽然功能还不够全面 但是先开源出来 有了更好的操作也请大家遵循开源精
  • 时间序列预测框架--Darts--快速开始(下)

    协变量 用额外的数据 除了目标系列 我们有兴趣预测的系列 dart中的许多模型也在输入中接受协变量系列 协变量是我们不想预测的序列 但它可以为模型提供有用的额外信息 目标变量和协变量都可以是多变量或单变量 dart中有两种协变量时间序列 p
  • 不错的安全培训(在线)

    不错的安全培训 在线 https mile2 com mile2 online estore training videos html http www sans org course reverse engineering malware
  • css属性

    02 CSS属性 2 1 文本 作用 用于定义文本的外观 包括文本颜色 行高 对齐方式 字符间距等 常见属性 属性名 含义 color 设置文本颜色 line height 设置行高 text align 设置水平对齐方式 left rig
  • MyEclipse中文乱码,编码格式设置,文件编码格式

    一 设置新建常见文件的默认编码格式 也就是文件保存的格式 在不对MyEclipse进行设置的时候 默认保存文件的编码 一般跟简体中文操作系统 如windows2000 windowsXP 的编码一致 即GBK 在简体中文系统下 ANSI 编
  • 使用swc 替换ts-loader 加速构建webpack + vue3 + tsx项目

    环境 webpack 5 74 0 swc core 1 3 11 babel core 7 19 1 vue 2 7 10 使用swc编译ts tsx代码 根据swc官网文档 swc core SWC我们可以用swc loader 替换
  • Spring Boot框架基础介绍

    Spring Boot 是一款基于 Spring 框架的开源应用程序开发工具 它旨在简化 Spring 应用程序的配置和开发过程 Spring Boot 提供了一种简单的方式来创建可独立运行的 生产级别的应用程序 并在需要时进行部署 Spr
  • PHP获取网络图片保存到本地

    PHP获取网络图片保存到本地 if fopen dg image r php判断图片是不是网络图片 filename upload goods image g id jpg if file exists filename dg image
  • Win10中使用Hyper-V安装Ubuntu18.04、实现ssh远程连接及Hpyer-V中Ubuntu全屏问题

    利用Windows10自带的虚拟机Hyper V安装Ubuntu18 04 并实现配置主机通过ssh连接Hpyer V中Ubuntu虚拟机 同时解决Ubuntu虚拟机在Hpyer V全屏时不能铺满屏幕的问题 首先安装Hyper V 打开Wi
  • hexo博客优化之文章置顶+置顶标签

    本文首发于wangwlj com 博文置顶 一种方法是手动对相关文件进行修改 具体可参考这篇文章 另一种方法就是 目前已经有修改后支持置顶的仓库 可以直接用以下命令安装 npm uninstall hexo generator index