Hugo Image Optimization: Fancybox, Webp and Watermarks

Preface I used to use Hexo framework. But with the increasing number of articles, custom projects are more and more, coupled with the NPM plug-ins are in constant conflict, have not dared to arbitrarily install new plug-ins, the difficulty of maintenance has risen greatly. Former Hexo blog project file has been a “shit”. As the saying goes, “break and then stand up”, taking advantage of this period of time is...

2024-04-08    1667 words    4 min

Cactus Use Fancybox Image Enlargement

Causes This blog theme cactus does not have a picture enlargement function, when looking at the tutorial pictures often appear too small text and can not see the situation clearly. After searching, I found this plugin fancybox which works well. Installation The following image is the official website of fancyapps, you can see that in addition to fancybox there are other Javascript UI libraries. Introduce Go to Documentation for fancybox and see in the Installation section that we can install via npm and bring in directly via CDN....

2022-02-20    489 words    3 min

Cactus's Codeblock Style Beautification Tour

Antecedents I do not like cactus’s original codeblock style very much. Because I used to use wordpress theme, which has the style of imitation mac. But cactus does not have the style settings for the code block, so I decided to do it myself and revamp the theme! After I’m glad I found a tutorial on the internet, although it’s not a handy tutorial exclusively for cactus, but after a period of time, I managed to solve it hahaha 😂 I’d like to thank the original author here....

2021-12-27    287 words    2 min