GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2025-12-24 21:34:06 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

Misc impl optimizations

Browse Source
This commit is contained in:
Stephen Tse 2025-04-26 18:24:12 -07:00
parent 99add6f782
commit e80ade76be
2 changed files with 31 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
quartz/plugins/emitters/assets.ts
View File

@ -7,12 +7,14 @@ import { Argv } from "../../util/ctx"
import { QuartzConfig } from "../../cfg"
import sharp from "sharp"
// Sharp doesn't support BMP input out of the box:
// https://github.com/lovell/sharp/issues/543
// GIF processing can be very slow or ineffective (larger file size when CPU effort is
// set to a low number); only enable after testing:
// https://github.com/lovell/sharp/issues/3176
const imageExtsToOptimize: Set<string> = new Set([".png", ".jpg", ".jpeg"])
// - Sharp doesn't support BMP input out of the box:
// https://github.com/lovell/sharp/issues/543
// - GIF / GIFV processing can be very slow or ineffective (larger file size when
// CPU effort is set to a low number); only enable after testing:
// https://github.com/lovell/sharp/issues/3176
export const imageExtsToOptimize: ReadonlySet<string> = new Set([".png", ".jpg", ".jpeg"])
// Remember to also update sharp to use the right extension.
export const targetOptimizedImageExt = ".webp"
const filesToCopy = async (argv: Argv, cfg: QuartzConfig) => {
// glob all non MD files in content folder and copy it over
@ -26,7 +28,7 @@ const copyFile = async (argv: Argv, cfg: QuartzConfig, fp: FilePath) => {
const doOptimizeImage = cfg.configuration.optimizeImages && imageExtsToOptimize.has(srcExt)
const name = doOptimizeImage
? ((slugifyFilePath(fp, true) + ".webp") as FullSlug)
? ((slugifyFilePath(fp, true) + targetOptimizedImageExt) as FullSlug)
: slugifyFilePath(fp)
const dest = joinSegments(argv.output, name) as FilePath
@ -44,10 +46,10 @@ const copyFile = async (argv: Argv, cfg: QuartzConfig, fp: FilePath) => {
async function processImage(src: FilePath, dest: FilePath) {
const originalFile = await fs.promises.readFile(src)
const convertedFile = await sharp(originalFile)
await sharp(originalFile, { animated: false })
.webp({ quality: 90, smartSubsample: true, effort: 6 })
.toBuffer()
await fs.promises.writeFile(dest, convertedFile)
// .avif({ quality: 90, effort: 9, chromaSubsampling: "4:2:0", bitdepth: 8 })
.toFile(dest)
}
export const Assets: QuartzEmitterPlugin = () => {
@ -70,7 +72,7 @@ export const Assets: QuartzEmitterPlugin = () => {
const doOptimizeImage =
ctx.cfg.configuration.optimizeImages && imageExtsToOptimize.has(ext)
const name = doOptimizeImage
? ((slugifyFilePath(changeEvent.path, true) + ".webp") as FullSlug)
? ((slugifyFilePath(changeEvent.path, true) + targetOptimizedImageExt) as FullSlug)
: slugifyFilePath(changeEvent.path)
const dest = joinSegments(ctx.argv.output, name) as FilePath
await fs.promises.unlink(dest)

27
quartz/plugins/transformers/ofm.ts
View File

@ -27,6 +27,7 @@ import { toHast } from "mdast-util-to-hast"
import { toHtml } from "hast-util-to-html"
import { capitalize } from "../../util/lang"
import { PluggableList } from "unified"
import { imageExtsToOptimize, targetOptimizedImageExt } from "../emitters/assets"
export interface Options {
comments: boolean
@ -146,6 +147,18 @@ const wikilinkImageEmbedRegex = new RegExp(
/^(?<alt>(?!^\d*x?\d*$).*?)?(\|?\s*?(?<width>\d+)(x(?<height>\d+))?)?$/,
)
const supportedImageExts: ReadonlySet<string> = new Set([
".png",
".jpg",
".jpeg",
".gif",
".gifv",
".bmp",
".svg",
".webp",
".avif",
])
export const ObsidianFlavoredMarkdown: QuartzTransformerPlugin<Partial<Options>> = (userOpts) => {
const opts = { ...defaultOptions, ...userOpts }
@ -228,16 +241,12 @@ export const ObsidianFlavoredMarkdown: QuartzTransformerPlugin<Partial<Options>>
if (value.startsWith("!")) {
const ext: string = path.extname(fp).toLowerCase()
let url = slugifyFilePath(fp as FilePath)
if (
[".png", ".jpg", ".jpeg", ".gif", ".gifv", ".bmp", ".svg", ".webp"].includes(
ext,
)
) {
// Replace extension of eligible image files with ".webp" if image optimization is enabled.
if (supportedImageExts.has(ext)) {
// Replace extension of eligible image files with target extension if image optimization is enabled.
url =
ctx.cfg.configuration.optimizeImages &&
[".png", ".jpg", ".jpeg"].includes(ext)
? ((slugifyFilePath(fp as FilePath, true) + ".webp") as FullSlug)
ctx.cfg.configuration.optimizeImages && imageExtsToOptimize.has(ext)
? ((slugifyFilePath(fp as FilePath, true) +
targetOptimizedImageExt) as FullSlug)
: url
const match = wikilinkImageEmbedRegex.exec(alias ?? "")
const alt = match?.groups?.alt ?? ""