如何在Hugo、Hexo博客中插入响应式Bilibili视频代码块
<h1>方法 {#方法}</h1> <blockquote> <p>bilibili默认给的是一个iframe,在iframe中添加css样式:style="position:absolute; height: 100%; width: 100%;"<br /> 在原来的iframe...
51工具盒子
<h1>方法 {#方法}</h1> <blockquote> <p>bilibili默认给的是一个iframe,在iframe中添加css样式:style="position:absolute; height: 100%; width: 100%;"<br /> 在原来的iframe...
<h1>修改 pug 代码 {#修改-pug-代码}</h1> <p><a href="https://github.com/Zfour/Butterfly-swiper">butterfly-swiper下载</a></p> <p>将资源包中的<code>sli...
<h1>安装插件 {#安装插件}</h1> <p>|-------------------|-------------------------------------------------------------------------------------------------------------| | <code>1...
<h1>安装插件 {#安装插件}</h1> <p>在博客根目录[blog]下打开终端,运行以下指令:</p> <p>|-----------|----------------------------------------------------| | <code>1</code> | <...
<h1>引言 {#引言}</h1> <p>Hexo 是一个轻量、快速,简单和强大的博客框架,当我们需要发布博文的时候,只需要将写好的文章(MarkDown文件)放入本地的 <code>\source\_posts</code> 文件夹,然后再推送上去就行了,原理就是当我们在执行 <code>hexo g&l...
<h1>前言 {#前言}</h1> <p>不知道大家对于默认的butterfly版权怎么看?如果不太满意可以按照如下教程进行美化。</p> <h1>教程 {#教程}</h1> <h2>修改post-copyright.pug {#修改post-copyright-pug}</h2> ...
<h1>前言 {#前言}</h1> <p>看到了大佬的文章页一页到底,效果如下图所示:<br /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="&qu...
<p>介绍<br /> 本文将会详细介绍一图流背景与顶部图的修改过程。</p> <h1>设置图片 {#设置图片}</h1> <p>这个是 Butterfly 自带的功能,修改主题的配置文件 <code>_config.butterfly.yml</code>。</p> &...
<h1>前言 {#前言}</h1> <p>如果你的 <a href="https://butterfly.js.org/">Butterfly</a> 版本高于 4.3.0,则主题自带 CDN 自定义格式功能。<br /> 可参考 <a href="https://but...
<h1>前言 {#前言}</h1> <p>之前从其他博客哪里搬了一个樱花落叶效果。但是我本人不是很喜欢那个樱花,而且那个樱花效果太密集太大了。很影响阅读体验,可以说是一个负优化。我这个人要求比较高,自然是很不满意这个效果,所以,我把代码稍微的改动了一下,达成了现在的效果。</p> <h1>改动步骤 {#改动步骤}<...