Jsdelivr 和 GitHub 的关系
Jsdelivr是什么?
以css为例
同一个snow.butterfly@3.4.1.css
GitHub 仓库:https://github.com/weilining/jsdelivr/blob/main/css/snow.butterfly%403.4.1.css
GitHub:https://raw.githubusercontent.com/weilining/jsdelivr/main/css/snow.butterfly%403.4.1.css
jsdelivr:https://cdn.jsdelivr.net/gh/weilining/jsdelivr/css/snow.butterfly@3.4.1.min.css
GitLab 开启 Pages
配置Pages服务的CI文件内容可以通过GitLab内置的模板生产.gitlab-ci.yml文件
结果
解决 GitLab: You are not allowed to force push code to a protected branch on this project.
报错
打开设置your project–settings–Repository–Protected Branches–Expand
删除分支保护
结果
Hexo ERROR Deployer not found: git 解决办法
报错1hexo cl && hexo g -d
安装插件官网:https://github.com/hexojs/hexo-deployer-git
1npm i hexo-deployer-git
markdown 运行 html css js 实现github calendar中文插件
官网https://github.com/Bloggify/github-calendar
解答https://stackoverflow.com/questions/34516592/embed-github-contributions-graph-in-website
代码12345678910111213141516171819202122{% raw %}<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/IonicaBizau/github-calendar/dist/github-calendar.css"/><script src="https://cdn.jsdelivr.net/gh/IonicaBizau/github-calendar/dist/github-calendar.min.js"></script><!-- Optionally, include the theme (i ...
hexo butterfly 实现《黑客帝国》特效
官方https://github.com/stevenjoezhang/canvas-matrix.js
Butterfly环境:butterfly 3.4.1 默认配置
_config.butterfly.yml相应位置修改
12345inject: head: - <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/weilining/jsdelivr/css/matrix.butterfly@3.4.1.css" media="defer" onload="this.media='all'"> bottom: - <script defer src="https://cdn.jsdelivr.net/npm/canvas-matrix.js@0/canvas-matrix.min.js" size="20" font="arial& ...
hexo butterfly 页脚养鱼
配置开启pjax_configy.butterfly.yml相应位置修改
12345inject: head: bottom: - <script defer src="https://rmt.dogedoge.com/fetch/~/source/jsdelivr/npm/jquery@latest/dist/jquery.min.js"></script> - <script defer data-pjax src="https://cdn.jsdelivr.net/gh/weilining/jsdelivr/jquery/flyingfish/butterfly@3.4.1.flyingfish.min.js"></script>
未开启pjax_con ...
hexo butterfly 侧边加天气预报
配置_config.butterfly.yml相应位置修改
12345678aside: card_announcement: enable: true content: '<div id="weather-v2-plugin-standard"></div>'inject: head: bottom: - <script async src="https://cdn.jsdelivr.net/gh/weilining/jsdelivr/javascript/weather/weather.butterfly@3.4.1.js"></script>
markdown 运行 html css js 实现文字彩虹色
代码123456789101112131415161718192021222324252627282930313233343536{% raw %} <style> #test-site-title { padding-top: 3px; background-image: linear-gradient( to left, orangered, orange, gold, lightgreen, cyan, dodgerblue, mediumpurple, hotpink, orangered ); background-size: 110vw; -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-animation: rainbowan 60s linear infinite; animation: rainbowan 60s li ...
markdown运行 html css js 实现天气插件
官网https://cj.weather.com.cn/plugin/standard
选择自定义插件—>自定义样式——>生成代码,然后会生成这样一段代码
代码123456789101112131415<div id="weather-v2-plugin-standard"></div><script>WIDGET = { CONFIG: { "layout": 2, "width": "230", "height": "270", "background": 5, "dataColor": "4A4A4A", "borderRadius": 5, "key": "WXnNsJZg8e" } ...