Picgo+Github配置图床
步骤1.下载Picgo官方下载链接:https://github.com/Molunerfinn/PicGo/releases
我的是2.3.1版本
2.新建Github仓库在github新建一个仓库,如Image
点击右上角头像
**Settings **→ Developer settings → Personal access tokens → Tokens(classic) → Generate new token
在Note输入名称,勾选repo
然后生成token复制
3.配置Picgo
如图把token粘进去,配置参考上图
设定自定义域名:https://cdn.jsdelivr.net/gh/GitHub /账号名/仓库名 (例:https://cdn.jsdelivr.net/gh/BubuMall/Image)
(注:这里使用了jsDelivr进行加速)
然后记得把Github设为默认的图床
4.运行然后你想怎么骚就怎么骚吧,每上传一张就commit一次。
这么聪明的你一定一点就通( ´・ω・)ノ(._.`)摸摸头
星哥の面试题Day3
面试题系列均来自鱼皮的知识星球——编程导航
ES6 有哪些新特性?ES6(ECMAScript 6)是 JavaScript 的第六个版本,也称为 ES2015,引入了很多新特性来增强 JavaScript 语言的能力。下面是 ES6 中一些常见的新特性:
let 和 const 声明变量
模板字符串(Template Literals)
解构赋值(Destructuring)
箭头函数(Arrow Functions)
Promise 对象
函数参数默认值
对象字面量增强(Object Literal Enhancements)
类和继承(Classes and Inheritance)
迭代器(Iterators)
生成器(Generators)
模块(Modules)
Set 和 Map 数据结构
Symbol 数据类型
for…of 循环
let 和 const 块级作用域
异步函数 async/await
ES6 的新特性增强了 JavaScript 的表现力和编程能力,使得开发者可以更加高效和便捷地编写代码。
说说 Vue 中的 diff 算法Vue 中的 d ...
星哥の面试题Day2
面试题系列均来自鱼皮的知识星球——编程导航
什么是 HTML5,HTML5 有哪些新特性?HTML5是HTML的第五个版本,是用于创建网页和其他web应用程序的标记语言。与之前的HTML版本相比,HTML5引入了许多新特性和改进,包括以下几个方面:
语义化标签:HTML5引入了很多新的标签,如< header>,< footer>,< nav>,< article>,< section>等,这些标签都是为了更好地表达文档内容的语义而设计的。
多媒体支持:HTML5支持多媒体内容,包括音频、视频、SVG和Canvas等图形元素,这些都可以直接在网页中嵌入,无需使用第三方插件。
新的表单控件:HTML5引入了一些新的表单控件,如日期选择器、搜索框、滑块等,这些控件都能够提高用户体验。
Web存储:HTML5提供了两种新的客户端存储机制:localStorage和sessionStorage,它们可以让Web应用程序在客户端上存储数据,从而提高性能和用户体验。
Web Workers:HTML5提供了一种新的机制,即Web Wor ...
星哥の面试题Day1
今天还是把之前的面试题给总结一下吧,面试题系列均来自鱼皮的知识星球——编程导航
CSS 选择器有哪些?优先级分别是什么?CSS 选择器可以根据不同的属性、标签名、类名、ID 等条件来选择页面中的元素,常用的选择器包括:
标签选择器:通过标签名选取元素,如 p、h1、div 等。
类选择器:以 “.” 开头,选取具有相同类名的元素,如 .red、.bold 等。
ID 选择器:以 “#” 开头,选取具有相同 ID 的元素,如 #header、#content 等。
属性选择器:根据元素的属性值选取元素,如 [href]、[title]、[src] 等。
后代选择器:选取元素的后代元素,如 div p 选取所有 div 元素的后代 p 元素。
相邻兄弟选择器:选取元素的相邻兄弟元素,如 h1 + p 选取紧接在 h1 元素后面的 p 元素。
通用选择器:选取所有元素,使用 * 表示。
CSS 选择器的优先级按照如下规则计算:
标签内部样式(内联样式)具有最高优先级,其次是 ID 选择器,然后是类选择器和属性选择器,最后是标签选择器和通用选择器。
如果存在多个选择器的优先级相同,那么后 ...
更改主题为ButterFly
配置 按照butterfly的文档设置,一般都不会出什么问题
背景图 我就遇到背景图瞎折腾了一下
12345678# The banner image of home pageindex_img: 'transparent'# Website Background (設置網站背景)# can set it to color or image (可設置圖片 或者 顔色)# The formal of image: url(http://xxxxxx.com/xxx.jpg)background: url(/img/nahida.jpg)# Footer Backgroundfooter_bg: 'transparent'
头部,底部弄成透明就行了
加一个纳西妲看板娘 这个倒是费了我挺多时间的,之前博客已经弄过,用hexo-live2d的插件,但这次我想要自己弄一个纳西妲的。
在一个B站up主天才设计学家上找到了合适的。下载下来后就找框架了,又参考了大佬九弓子的可莉看板娘。用了live2d的官方模板,再自己稍稍魔改一下(还是借鉴)。
于是 ...
Hello World
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
Quick StartCreate a new post1$ hexo new "My New Post"
More info: Writing
Run server1$ hexo server
More info: Server
Generate static files1$ hexo generate
More info: Generating
Deploy to remote sites1$ hexo deploy
More info: Deployment
在hexo中添加音乐播放
添加音乐有2种方式,Aplayer和meting,meting可以添加各平台歌单id,很简单,自己琢磨^_^
Aplayer你需要知道,这2个不能同时使用,所以Aplayer的我就不用了
1{% aplayer "残酷天使行动纲领" "22" "1.mp3" "http://p1.music.126.net/45hISoQHiPTbPg9oapc7DQ==/109951163549396167.jpg?param=130y130" "lrc:1.lrc" %}
格式就是上下这样, 当开启 Hexo 的 文章资源文件夹 功能时,可以将图片、音乐文件、歌词文件放入与文章对应的资源文件夹中,然后直接引用:
1{% aplayer "Caffeine" "Jeff Williams" "caffeine.mp3" "picture.jpg" "lrc:caffeine.tx ...