Hexo 是一个快速、简洁且高效的博客框架,个人只需用 Markdown 来写文档,并且拥有丰富的插件和主题。当前博客就是使用 Hexo 配合 NexT 主题搭建的

因为笔者个人在 Windows 环境下写博客,后续命令均以 PowerShell 为例

插件推荐

hexo-deployer-git

Hexo 支持一键部署网站到 git 仓库上,其他的一键部署方式参考 官网介绍

  • 安装
npm install hexo-deployer-git --save
  • 配置
deploy:
type: git
repo: <仓库链接> # 可以是 https 链接也可以是 git 链接
branch: [分支] # GitHub 的网站分支为 gh-pages,其他网站可能有所不同
message: [message] # 默认是 Site updated: {{ now('YYYY-MM-DD HH:mm:ss') }}

默认的提交信息只有时间信息,没有过多的参考价值推荐使用自定义提交信息,具体参考 后续小节

hexo-word-counter

显示每篇文章的字数统计以及大致阅读时长,需要主题支持

  • 安装
npm install hexo-word-counter --save
  • 配置
# hexo-word-counter
## https://github.com/next-theme/hexo-word-counter
symbols_count_time:
symbols: true
time: true
total_symbols: false
total_time: false
exclude_codeblock: false
awl: 4
wpm: 275
suffix: "mins."

具体配置可以参考官方给出的说明:

Note for Chinese users: because in Chinese language average word length about ~1.5 and if you at most cases write posts in Chinese (without mixed English), recommended to set awl to 2 and wpm to 300.

But if you usualy mix your posts with English, awl to 4 and wpm to 275 will be nice.

也就是说纯中文时推荐 awl 设为 2,wpm 设为 300;而中英文混合时推荐 awl 设为 4,wpm 设为 275

hexo-abbrlink

Hexo 默认的文章链接是以时间以及文件名命名的,如果文件名为中文时转译之后会很长,并且不美观。而该插件可以利用 hash 值替换原有的文章链接

  • 安装
npm install hexo-abbrlink --save
  • 配置

首先修改 _config.yml 文件中的 permalink 的配置

permalink: posts/:abbrlink.html

再增加以下配置

# abbrlink config
## https://github.com/rozbo/hexo-abbrlink
abbrlink:
alg: crc32 # support crc16(default) and crc32
rep: hex # support dec(default) and hex
drafts: true # (true)Process draft,(false)Do not process draft. false(default)
# Generate categories from directory-tree
# depth: the max_depth of directory-tree you want to generate, should > 0
auto_category:
enable: true # true(default)
depth: 3 # 3(default)
over_write: false
auto_title: false # enable auto title, it can auto fill the title by path
auto_date: false # enable auto date, it can auto fill the date by time today
force: false # enable force mode, in this mode, the plugin will ignore the cache, and calc the abbrlink for every post even it already had abbrlink.

hexo-generator-sitemap

为了使博客能被谷歌、bing、百度收录,最好生成 sitemap 方便爬取,整体流程可以先参考 这篇博文

  • 安装
npm install hexo-generator-sitemap --save
  • 配置
# hexo-generator-sitemap
## https://github.com/hexojs/hexo-generator-sitemap
sitemap:
path: sitemap.xml
# template: ./sitemap_template.xml
rel: true
tags: false
categories: false

小技巧

自定义提交信息

hexo deploy -m "自定义提交信息"

例如使用 hexo 仓库的提交信息来提交到 deploy 仓库

hexo deploy -m (git log -1 --pretty=format:%s)

如果中文乱码,可以参考 这篇博客 修改 UTF-8 编码

参考资料

本文作者: ywang_wnlo

本文链接: https://ywang-wnlo.github.io/posts/4143201a.html

版权声明: 本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!

【Hexo】插件推荐以及使用小技巧的更多相关文章

  1. 【自动化专题】借助firefox插件定位web元素小技巧

    浏览器:firefox 插件:firebug.firepath.firefinder 安装插件---已安装的请跳过 1.安装firefox浏览器 2.打开firefox-附加组件(找不到入口的问度娘) ...

  2. 【实践】简洁大方的summernote 富文本编辑器插件的用发——小技巧

    前面说到summernote 的上传,可是我要知道怎么获取内容呀,很简单调用一下函数便可: 获取内容: $("#user-work-content").summernote(&qu ...

  3. Hexo小技巧(包括如何插入本地图片)

    我在研究如何在Hexo中引用本地图片时,看到官方文档对此问题已给出了解决方法,并亲测有效.当然,我并不满足于仅仅知道这一个技巧.在大致阅读过官方文档后,我总结了之前我个人并不知道的几个关于Hexo写博 ...

  4. 前端ps实用小技巧

    下面总结了几个日常使用PS的小技巧,希望对大家有所帮助(重点推荐第一个小技巧) 场景一:用ps测量PSD图中的元素宽高间距时,一般是手动使用 测量,但其实是有快捷键的,如下图 首先选中元素相应图层,然 ...

  5. IDEA Intellij中vim插件使用小技巧

    在 IDEA Intellij小技巧和插件 一文中简单介绍了一下IdeaVim插件.在这里详细总结一下这个插件在日常编程中的一些常用小技巧.供有兴趣使用这个插件,但对Vim还不十分熟悉的朋友参考.当然 ...

  6. JavaScript中if语句优化和部分语法糖小技巧推荐

    前言 在前端日常开发过程中,if else判断语句使用的次数应该是比较频繁的了,一些较为复杂的场景,可能会用到很多判断,在某个代码块使用很多if else时,代码会显得较为冗余,阅读起来不够清晰. 除 ...

  7. YbSoftwareFactory 代码生成插件【二十一】:Web Api及MVC性能提升的几个小技巧

    最近在进行 YbSoftwareFactory 的流程功能升级,目前已经基本完成,现将用到的一些关于 Web Api 及 MVC 性能提升的一些小技巧进行了总结,这些技巧在使用.配置上也相当的简单,但 ...

  8. Git小技巧 - 指令别名及使用Beyond Compare作为差异比较工具

    前言 本文主要写给使用命令行来操作Git的用户,用于提高Git使用的效率.至于使用命令还是GUI(Tortoise Git或VS的Git插件)就不在此讨论了,大家根据自己的的喜好选择就好.我个人是比较 ...

  9. 【IDEA】intellij idea 插件推荐

    CSDN 2016博客之星评选结果公布    [系列直播]零基础学习微信小程序!      "我的2016"主题征文活动   博客的神秘功能 [IDEA]intellij idea ...

  10. iOS工作小技巧及填坑记录

    以下是本人在iOS开发工作中使用的一些小技巧,记录一下. 1.使用XXX.pch文件便捷开发+加速Build 在IOS开发的项目中有一个XX_Prefix.pch XX_Prefix.pch:扩展名. ...

随机推荐

  1. Apache Arrow DataFusion原理与架构

    本篇主要介绍了一种使用Rust语言编写的查询引擎--DataFusion,其使用了基于Arrow格式的内存模型,结合Rust语言本身的优势,达成了非常优秀的性能指标 DataFusion是一个查询引擎 ...

  2. Selenium - 元素操作(1) - 基础操作/元素信息/元素检查

    Selenium - 元素操作 元素示例 基础操作 点击元素: .click() # 点击百度一下按钮 driver.find_element_by_id("su").click( ...

  3. Django4全栈进阶之路11 view视图

    在 Django 4 中,视图(View)是一个处理请求并返回响应的 Python 函数或类的组合.视图函数通常是处理请求的主要逻辑,因此它是 Django Web 应用程序的重要组成部分. 视图函数 ...

  4. JavaWeb概念

    1 基本概念 1.1 前言 web开发: web,网页的意思,类如:www.baidu.com 静态web: html,css 提供给所有人看到的数据始终不会改变! 动态web: 几乎所有的网站:类如 ...

  5. 第一课 使用开发者模式快速入门 Odoo 13

    Odoo提供了一个快速应用开发框架,非常适合创建商业应用.这类应用通常用于保留业务记录,增删改查操作.Odoo 不仅简化了这类应用的创建,还提供了看板.日历.图表等视图的丰富组件,用于创建好看的用户界 ...

  6. Java实现Kafka生产者和消费者的示例

    Kafka简介 Kafka是由Apache软件基金会开发的一个开源流处理平台,由Scala和Java编写.Kafka的目标是为处理实时数据提供一个统一.高吞吐.低延迟的平台. 文章持续更新,微信搜索「 ...

  7. 基于渗透的python

    Python for Pentesters 还记得开始学习编程的C,虽然淡忘,但思想仍在. 子域名枚举 request库 import pyfiglet import requests import ...

  8. uniapp主题切换功能的第二种实现方式(scss变量+require)

    在上一篇 "uniapp主题切换功能的第一种实现方式(scss变量+vuex)" 中介绍了第一种如何切换主题,但我们总结出一些不好的地方,例如扩展性不强,维护起来也困难等等,那么接 ...

  9. Prism导航

    通常,导航意味着某个Control被添加到UI中,与此同时另一个Control被移除. 简单跳转 新建 UserControl,新建ViewModel,VM需要实现 INavigationAware ...

  10. Net 编译器平台--- Roslyn Scripting APIs

    引言 上一篇中.Net 编译器平台 --- Roslyn,介绍了Roslyn的各项功能,包括公开API,使用语法,使用语义,使用工作区等功能. 那么回到上一篇中提到的问题,实现类似这样的功能(以下代码 ...