hugo 实现代码高亮

使用Hugo实现代码高亮

最新推荐文章于 2025-06-28 09:27:47 发布

原创

最新推荐文章于 2025-06-28 09:27:47 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了如何在Hugo博客中添加代码高亮功能，通过在partial中插入Highlight.js的代码，并提供了配置颜色方案、压缩以及初始化的方法。同时，还提及了如何更换代码高亮的主题，以满足个性化需求。

因为hugo没有自带代码高亮，代码看着很不舒服，所以我就搞了一下发现很简单

开始

这是我的博客地址->神州部落格
欢迎来访哦······

直接在header的partial里面添加下面的代码就可以了

    <link href="https://cdn.bootcss.com/highlight.js/10.0.1/styles/monokai.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/highlight.js/10.0.1/highlight.min.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>

import sys#导入sys模块
import pygame#导入pygame模块
pygame.init()#初始化pygame
size = width, height = 640, 480#设置窗口
screen = pygame.display.set_mode(size)#显示窗口
color= (0, 0, 0) #设置颜色
ball = pygame.image.load("ball.png")#加载图片
ballrect = ball.get_rect()#获取矩形区域
speed = [5,5]#设置移动的X轴、Y轴距离#执行死循环，确保窗口一直显示
clock=pygame.time.Clock()
while True:#检查事件
	clock.tick(60)
	for event in pygame.event.get():
		if event.type == pygame.QUIT:#如果单击关闭窗