最新文章Markdown语法
前言刚建的博客,布局还没完善(一堆Bug😵),想着边学边记录一下,奈何Markdown语法还不会😭😭😭所以今天它来了,安排!!!
标题注:#后面有空格
123# h1## h2### h3
换行在行末添加两个或两个以上的空格,然后按回车键即可创建一个换行符<br>
加粗、斜体斜体用一个星号*包裹,粗体使用两个星号**包裹,粗斜体用三个星号***包裹,格式如下: 123**我是粗体***我是斜体****我是粗斜体***
分割线、删除线、下划线
分割线可以用三个以上的星号、减号、底线建立分割线。同时也可以在星号或减号中间插入空格,格式如下: 12345***---* * *- - ----------------
看我下面有分割线诶
删除线 只需在文本两端加入两个波浪线~~即可,格式如下:
1~~我有删除线~~
效果:我有删除线
下划线 可通过HTML的<u>来实现,格式如下:
1<u>我有下划线</u>
效果:我有下划线
代码样式
段落上实现代码样式 只需加上 ` 将其代码包起来即可,格式如下: 1`我是代 ...
如何添加一个好看的音乐馆
步骤
在主题配置文件中找到meting_js1meting_js: https://npm.elemecdn.com/hexo-anzhiyu-music@1.0.1/assets/js/Meting2.min.js
在根目录下打开终端输入1npm new page music
修改根目录下的souse/music/index.md文件12345678---title: 音乐馆type: 'music'date: 2023-05-21 19:35:31aplayer: truetop_img: falsecomments: false---
创建页面,新建themes/butterfly/layout/includes/page/music.pug,请自行修改id以及server添加如下代码12#anMusic-page meting-js(id="7621312462" server="netease" type="playlist" mutex="true" preload=&qu ...
用abbrlink生成文章唯一链接
教程
在根目录打开终端1npm i hexo-abbrlink --save
在站点配置文件中修改1permalink: post/:abbrlink.html #文章永久链接格式 可自行设置,也可直接使用 :abbrlink.html
最后一键三连即可查看效果
注意该样式适合新建站的小伙伴,因为刚使用时阅读人数和评论数会归0!!!
文章最新图标
步骤
在...themes\butterfly\scripts\helpers\page.js文件下添加如下代码123456789// 最新文章hexo.extend.helper.register('newPost', function() { let name, time; hexo.locals.get('posts').map((item, index) => { if (index == 0) name = item.title, time = item.date else if (item.date > time) { name = item.title, time = item.date } }); return name})
在..\themes\butterfly\layout\includes\mixins\post-ui.pug添加12345678910111213141516171819mixin postUI(posts) ...
主页添加Github贡献图
前言看到很多博主的主页都挂载上了自己github的贡献图,怪好看的,所以也打算整一个,所实话我研究了好几天,npm i ... 和npm uninstall ...不知道执行了多少次,配置改了又改,一键三连后,恭喜一直喜提loading….,尽管如此,这么好看的贡献图怎么能购放弃呢,经过不懈的捶打我的电脑。。。不是,经过不懈的努力和尝试,今天终于喜提如下画面:
鉴于其他方法的不可实现性(是我的问题,下次实现了再讲),我就讲下我是怎么实现的吧
div+js的挂载方法
将 https://github.com/Zfour/hexo-github-calendar中的githubcalendar.js下载至butterfly下的js文件下并命名为githubcalendar.js修改用户名:
123(function(){var git_user = 'codeboy-zuo'; var github_container = document.getElementById('github_container'); var gith ...
Butterfly主题优化(一)
顶部加载条在主题目录下的source找到css目录,在此目录下自定义一个myStyle.css文件添加如下内容: 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758/*顶部加载进度条*/.pace { pointer-events: none; user-select: none; z-index: 2; position: fixed; margin: auto; top: 4px; left: 0; right: 0; height: 8px; border-radius: 8px; width: 6rem; background: #eaecf2; overflow: hidden;}.pace-inactive .pace-progress { opacity: 0; transition: ...