实现Hexo新建博文时自带随机默认封面

2024-06-20 19:52

本文主要是介绍实现Hexo新建博文时自带随机默认封面,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

文章目录

  • 1. Hexo模版
  • 2. 准备封面和缩略图
  • 3. 新建博文脚本
    • windows
    • Linux
  • 4. 效果展示
  • 1. Hexo模版
  • 2. 准备封面和缩略图
  • 3. 新建博文脚本
    • windows
    • Linux
  • 4. 效果展示

前提是选择的主题在Front-matter中支持cover和thumbnail,主题之间对于这两个属性的定义可能并不用,如果不适用,只需要根据逻辑修改脚本即可。

1. Hexo模版

scaffolds文件夹下,有三个md文件即模版文件,平时我们hexo new post "title"的时候就是基于post.md生成的。

scaffoldsdraft.mdpage.mdpost.md

将其修改为如下内容,补充属性,并添加2个特殊的字符串COVER_PLACEHOLDERTHUMBANAIL_PLACEHOLDER,作为占位符,方便替换。

---
title: {{ title }}
date: {{ date }}
comments: true
cover: COVER_PLACEHOLDER
thumbnail: THUMBANAIL_PLACEHOLDER
tags:- 未分类
categories:- 未分类
description:
---

2. 准备封面和缩略图

在source文件夹下新建gallery文件夹,并放入5张封面图和5张缩略图,封面建议1920*1080,缩略图建议200*200 。封面和缩略图是一一对应的。

source\gallerydefaultCover1.pngdefaultCover2.pngdefaultCover3.pngdefaultCover4.pngdefaultCover5.pngdefaultThumbnail1.pngdefaultThumbnail2.pngdefaultThumbnail3.pngdefaultThumbnail4.pngdefaultThumbnail5.png

3. 新建博文脚本

我们不再手动hexo new post来创建博文,而是使用脚本,可以在前后多一些自定义事件。

windows

windows系统可以使用以下powershell脚本来创建新博文MD,这会随机使用某一套封面和缩略图。

# 获取当前时间戳
$timestamp = Get-Date -Format "yyyy-MM-dd-HH-mm-ss"# 创建带有时间戳的 Markdown 文件
hexo new post $timestamp# 替换新创建文件中的标题
$file = "source/_posts/$timestamp.md"# 随机选择封面和缩略图
$randomIndex = Get-Random -Minimum 1 -Maximum 6
$cover = "/gallery/defaultCover$randomIndex.png"
$thumbnail = "/gallery/defaultThumbnail$randomIndex.png"# 读取文件内容,指定编码方式
$mdContent = Get-Content $file -Raw -Encoding utf8# 替换标题和封面占位符
$mdContent = $mdContent -replace 'cover: COVER_PLACEHOLDER', "cover: $cover"
$mdContent = $mdContent -replace 'thumbnail: THUMBANAIL_PLACEHOLDER', "thumbnail: $thumbnail"# 将更新后的内容写回文件,指定编码方式
Set-Content -Path $file -Value $mdContent -Encoding utf8Write-Output "Post created: $file"
Write-Output "Cover image: $cover"
Write-Output "Thumbnail image: $thumbnail"

Linux

Liunx系统可以使用这个脚本。

#!/bin/bash# 获取当前时间戳
timestamp=$(date +%Y-%m-%d-%H-%M-%S)# 创建带有时间戳的 Markdown 文件
hexo new post "$timestamp"# 替换新创建文件中的标题
file="source/_posts/$timestamp.md"# 随机选择封面和缩略图
randomIndex=$(( (RANDOM % 5) + 1 ))
cover="/gallery/defaultCover${randomIndex}.png"
thumbnail="/gallery/defaultThumbnail${randomIndex}.png"# 替换封面和缩略图占位符
sed -i "s|cover: COVER_PLACEHOLDER|cover: $cover|" "$file"
sed -i "s|thumbnail: THUMBANAIL_PLACEHOLDER|thumbnail: $thumbnail|" "$file"echo "Post created: $file"
echo "Cover image: $cover"
echo "Thumbnail image: $thumbnail"

4. 效果展示


title: 实现Hexo新建博文时自带随机默认封面
comments: true
cover: /gallery/defaultCover3.png
thumbnail: /gallery/defaultThumbnail3.png
tags:

  • 个人博客
  • 网站
  • Hexo
    categories:
  • 未分类
    date: 2024-06-20 15:46:46
    description:

前提是选择的主题在Front-matter中支持cover和thumbnail,主题之间对于这两个属性的定义可能并不用,如果不适用,只需要根据逻辑修改脚本即可。

1. Hexo模版

scaffolds文件夹下,有三个md文件即模版文件,平时我们hexo new post "title"的时候就是基于post.md生成的。

scaffoldsdraft.mdpage.mdpost.md

将其修改为如下内容,补充属性,并添加2个特殊的字符串COVER_PLACEHOLDERTHUMBANAIL_PLACEHOLDER,作为占位符,方便替换。

---
title: {{ title }}
date: {{ date }}
comments: true
cover: COVER_PLACEHOLDER
thumbnail: THUMBANAIL_PLACEHOLDER
tags:- 未分类
categories:- 未分类
description:
---

2. 准备封面和缩略图

在source文件夹下新建gallery文件夹,并放入5张封面图和5张缩略图,封面建议1920*1080,缩略图建议200*200 。封面和缩略图是一一对应的。

source\gallerydefaultCover1.pngdefaultCover2.pngdefaultCover3.pngdefaultCover4.pngdefaultCover5.pngdefaultThumbnail1.pngdefaultThumbnail2.pngdefaultThumbnail3.pngdefaultThumbnail4.pngdefaultThumbnail5.png

3. 新建博文脚本

我们不再手动hexo new post来创建博文,而是使用脚本,可以在前后多一些自定义事件。

windows

windows系统可以使用以下powershell脚本来创建新博文MD,这会随机使用某一套封面和缩略图。

# 获取当前时间戳
$timestamp = Get-Date -Format "yyyy-MM-dd-HH-mm-ss"# 创建带有时间戳的 Markdown 文件
hexo new post $timestamp# 替换新创建文件中的标题
$file = "source/_posts/$timestamp.md"# 随机选择封面和缩略图
$randomIndex = Get-Random -Minimum 1 -Maximum 6
$cover = "/gallery/defaultCover$randomIndex.png"
$thumbnail = "/gallery/defaultThumbnail$randomIndex.png"# 读取文件内容,指定编码方式
$mdContent = Get-Content $file -Raw -Encoding utf8# 替换标题和封面占位符
$mdContent = $mdContent -replace 'cover: COVER_PLACEHOLDER', "cover: $cover"
$mdContent = $mdContent -replace 'thumbnail: THUMBANAIL_PLACEHOLDER', "thumbnail: $thumbnail"# 将更新后的内容写回文件,指定编码方式
Set-Content -Path $file -Value $mdContent -Encoding utf8Write-Output "Post created: $file"
Write-Output "Cover image: $cover"
Write-Output "Thumbnail image: $thumbnail"

Linux

Liunx系统可以使用这个脚本。

#!/bin/bash# 获取当前时间戳
timestamp=$(date +%Y-%m-%d-%H-%M-%S)# 创建带有时间戳的 Markdown 文件
hexo new post "$timestamp"# 替换新创建文件中的标题
file="source/_posts/$timestamp.md"# 随机选择封面和缩略图
randomIndex=$(( (RANDOM % 5) + 1 ))
cover="/gallery/defaultCover${randomIndex}.png"
thumbnail="/gallery/defaultThumbnail${randomIndex}.png"# 替换封面和缩略图占位符
sed -i "s|cover: COVER_PLACEHOLDER|cover: $cover|" "$file"
sed -i "s|thumbnail: THUMBANAIL_PLACEHOLDER|thumbnail: $thumbnail|" "$file"echo "Post created: $file"
echo "Cover image: $cover"
echo "Thumbnail image: $thumbnail"

4. 效果展示

在这里插入图片描述

这篇关于实现Hexo新建博文时自带随机默认封面的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1079100

相关文章

Python如何实现PDF隐私信息检测

《Python如何实现PDF隐私信息检测》随着越来越多的个人信息以电子形式存储和传输,确保这些信息的安全至关重要,本文将介绍如何使用Python检测PDF文件中的隐私信息,需要的可以参考下... 目录项目背景技术栈代码解析功能说明运行结php果在当今,数据隐私保护变得尤为重要。随着越来越多的个人信息以电子形

使用 sql-research-assistant进行 SQL 数据库研究的实战指南(代码实现演示)

《使用sql-research-assistant进行SQL数据库研究的实战指南(代码实现演示)》本文介绍了sql-research-assistant工具,该工具基于LangChain框架,集... 目录技术背景介绍核心原理解析代码实现演示安装和配置项目集成LangSmith 配置(可选)启动服务应用场景

使用Python快速实现链接转word文档

《使用Python快速实现链接转word文档》这篇文章主要为大家详细介绍了如何使用Python快速实现链接转word文档功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 演示代码展示from newspaper import Articlefrom docx import

前端原生js实现拖拽排课效果实例

《前端原生js实现拖拽排课效果实例》:本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2

Java深度学习库DJL实现Python的NumPy方式

《Java深度学习库DJL实现Python的NumPy方式》本文介绍了DJL库的背景和基本功能,包括NDArray的创建、数学运算、数据获取和设置等,同时,还展示了如何使用NDArray进行数据预处理... 目录1 NDArray 的背景介绍1.1 架构2 JavaDJL使用2.1 安装DJL2.2 基本操

最长公共子序列问题的深度分析与Java实现方式

《最长公共子序列问题的深度分析与Java实现方式》本文详细介绍了最长公共子序列(LCS)问题,包括其概念、暴力解法、动态规划解法,并提供了Java代码实现,暴力解法虽然简单,但在大数据处理中效率较低,... 目录最长公共子序列问题概述问题理解与示例分析暴力解法思路与示例代码动态规划解法DP 表的构建与意义动

java父子线程之间实现共享传递数据

《java父子线程之间实现共享传递数据》本文介绍了Java中父子线程间共享传递数据的几种方法,包括ThreadLocal变量、并发集合和内存队列或消息队列,并提醒注意并发安全问题... 目录通过 ThreadLocal 变量共享数据通过并发集合共享数据通过内存队列或消息队列共享数据注意并发安全问题总结在 J

SpringBoot+MyBatis-Flex配置ProxySQL的实现步骤

《SpringBoot+MyBatis-Flex配置ProxySQL的实现步骤》本文主要介绍了SpringBoot+MyBatis-Flex配置ProxySQL的实现步骤,文中通过示例代码介绍的非常详... 目录 目标 步骤 1:确保 ProxySQL 和 mysql 主从同步已正确配置ProxySQL 的

JS 实现复制到剪贴板的几种方式小结

《JS实现复制到剪贴板的几种方式小结》本文主要介绍了JS实现复制到剪贴板的几种方式小结,包括ClipboardAPI和document.execCommand这两种方法,具有一定的参考价值,感兴趣的... 目录一、Clipboard API相关属性方法二、document.execCommand优点:缺点:

nginx部署https网站的实现步骤(亲测)

《nginx部署https网站的实现步骤(亲测)》本文详细介绍了使用Nginx在保持与http服务兼容的情况下部署HTTPS,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值... 目录步骤 1:安装 Nginx步骤 2:获取 SSL 证书步骤 3:手动配置 Nginx步骤 4:测