单页漫谈
樱花雨https://github.com/jhammann/sakura
网站图标选择
参考https://butterfly.js.org/posts/4aa8abbe/#%E7%A4%BE%E4%BA%A4%E5%9C%96%E6%A8%99
图标官网font-awesome v5
css外部引入1<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css" media="print" onload="this.media='all'">
这css只能用免费的
让我帮你百度一下 代码实现
官网https://github.com/heson525/heson-demo
使用方法1hexo new page "baidu"
进入到blog\source\baidu\index.md,直接删除index.md里所有代码和粘贴下面代码
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687---layout: false---{%raw%}<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <meta name="re ...
markdown html css js 实现文章卡片滚动时从下面弹出
官网https://wowjs.uk/
https://wowjs.uk/docs.html
https://animate.style/
https://github.com/graingert/WOW
https://github.com/animate-css/animate.css
代码123456789101112131415161718{% raw %}<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/animate-css/animate.css@3.7.2/animate.min.css"><script src="https://cdn.jsdelivr.net/gh/graingert/wow@1.3.0/dist/wow.min.js"> ...
hexo 来个会说话能换装的liv2d看板娘 markdown展示
官网https://akilar.top/posts/5b8f515f/
Butterfly_config.butterfly.yml相应位置修改
123456inject: head: bottom: - <script src="https://cdn.jsdelivr.net/gh/Akilarlxh/live2d_demo_without_api@v1.1/assets/jquery.min.js"></script> - <script defer src="https://cdn.jsdelivr.net/gh/Akilarlxh/live2d_demo_without_api@v1.1/assets/jquery-ui.min.js"></script> - <script ...
WebStorm 打开 HTML 文件出现 404 Not Found解决办法
解决启动 WebStorm,点击 “文件’>>打开文件夹,找到你保存 HTML的文件夹,并选中。
注意:不是选中 HTML 文件,不是选中 HTML 文件,不是选中 HTML 文件。
参考https://blog.csdn.net/qq_42351033/article/details/102644914
hexo-tag-mmedia初体验
官网https://github.com/u2sb/hexo-tag-mmedia
安装1npm i hexo-tag-mmedia
代码123{% meting "001Mf4Ic1aNYYK" "tencent" "album" "order:random" "listmaxheight:180px" %}{% bilibili "aid:60016166" "quality:high" "danmaku" "allowfullscreen" %}
效果这里不展示,为了方便移植
卸载1npm un hexo-tag-mmedia
hexo 文章数据统计echarts
官网https://github.com/HCLonely/hexo-charts
使用markdown展示123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151{% raw %}<script type="text/javascript" src="https:/ ...
hexo 置顶功能
群友找不到置顶功能,来介绍下
官网
https://github.com/hexojs/hexo-generator-index
使用方法在文章的Front-matter里
12345---title: Hello Worlddate: 2013/7/13 20:46:25sticky: 100---
Hexo butterfly 顶部天气
参考https://surpsec.cn/3178170368.html
https://tool.oschina.net/jscompress/
http://www.html2jade.org/
官网https://cj.weather.com.cn/plugin/simple
代码1234567891011121314151617181920212223242526272829303132333435363738{% raw %} <script src="https://rmt.dogedoge.com/fetch/~/source/jsdelivr/npm/jquery@latest/dist/jquery.min.js" ></script><script >$("#site-name").append('<sp ...