徐高翔的个人网站

Hexo博客文章如何置顶?

2019-09-13

文章置顶

在博客网站或者是BBS论坛,文章置顶应该是一个必备的功能,本文在Hexo博客框架下的Vexo主题下也来实现这个功能。

安装插件

1
2
npm uninstall hexo-generator-index --save
npm install hexo-generator-index-pin-top --save

然后来到vexo主题,编辑文件themes/vexo/layout/index.ejs,在article-head下方增加语句,如下

1
2
3
4
5
6
7
8
<h2 class="article-head">
<a href="<%- url_for(post.path) %>"><%- post.title %></a>
</h2>

<% if (post.top) { %>
<i class="fa fa-thumb-tack"></i>
<font color=FF0000>置顶文章</font>
<% } %>

最后一步,在编辑文章的时候,在头部加上top: true即可,示例如下

1
2
3
4
5
6
7
8
9
10
11
12
---
tags:
- python
- 视频教程
- 入门教程
categories:
- Python
author: xugaoxiang
title: Python入门视频教程
date: 2019-09-04 23:25:00
top: true
---

本文链接 https://xugaoxiang.com/2019/09/13/Hexo博客文章如何置顶/

推荐文章(由hexo文章推荐插件驱动)

使用支付宝打赏
使用微信打赏

请博主喝咖啡!