butterfly美化配置
使用hexo+gitHub建立博客网站已有一段时间,使用主题为butterfly,记录下一些配置的来源教程
基本配置butterfly网站
进阶配置Butterfly 安裝文檔(六) 進階教程
统计配置使用Charts插件给Butterfly增加统计图表
键入搜索在此使用的是Algolia,教程来源:基于 Hexo 键入搜索功能
element-plus使用遇到的问题
在做一个项目中遇到了一些问题,在此进行记录
el-icon导入未显示(自动导入按照官方给的文档进行自动导入后,使用el-icon示例虽然页面中有相应的元素但无法显示关键在于自动导入的配置中
123IconsResolver({ enabledCollections: ['ep'],})
由于该配置,自动引入的图标写法要改变,要在前面加上 i-ep- 前缀,否则无法显示。示例:
1<el-icon><i-ep-HomeFilled /></el-icon>
el-menu折叠问题可以折叠时,menu-item里有icon和文本元素,如果文本元素用span包裹折叠时就会自动遮罩,其他的似乎都不行
el-main中回到顶部问题本来回到顶部组件是在window中监听scroll事件的,然后发现没有触发。才想到因为自己用了el-main,使得滚动发生在 el-main 内部的容器,而不是 window中。然后就修改代码使得元素容器变为document.querySelector(‘.el-main’),然后就解决了
html理解
记录下关于h5相关的一些认识
aa(锚元素 用处很多啊,详细看看吧
默认样式a元素默认样式添加了下划线并且颜色为蓝色以及添加了鼠标pointer样式,那么可以通过以下代码消除默认样式
12345a { text-decoration: none; color: xxx; /* 鼠标样式没必要消除,颜色随个人爱好而改变吧 */}
hrefhref是最重要的属性,基本都是跳转页面
使用文档片段链接到页面的某一段
使用文本片段链接到某一段文字
使用媒体片段链接到某个媒体文件
使用 tel: URL 链接到一个电话号码
使用 mailto: URL 链接到一个邮箱地址
页面锚点跳转就此想到了这个用别人主题搭建的博客,通过md文件较好地对文章各属性进行了声明,很容易与html元素进行对应,然后就看了下页面锚点的跳转,果然是用a标签的,大致记录下对应的代码吧,感觉挺经典的
12345678910111213141516171819202122232425262728293031<html lang="en" ...
seo理解
对于seo(搜索引擎优化)的认识
seo搜索引擎优化
条件
多页面 ==》 spider抓取
页面含有蜘蛛抓取的内容
title、描述、关键词
vue的解决方案预渲染需要使用相关vue插件以及对应配置
prerender-spa-plugin:对路由的页面进行预渲染
vue-meta-info:设置页面的title、描述、关键词
缺点
如果较多详情页需要设置seo,工作量较大,不适合
动态的改变title、描述、关键词也不行
适用某几个页面做seo
SSR服务端渲染Nuxt.js
上线流程
npm run build
将打包后的文件拷贝到服务器中(有node环境
nuxt.config
.nuxt
package.json
static
服务器:npm install
运行npm run start
nginx设置代理
leetcode面试经典150题
还是从现在开始就先刷刷经典的leetcode吧
数组 / 字符串合并两个有序数组双指针+辅助数组那就经典的搞个辅助数组,然后用双指针p、q遍历数组1、2,将其中较小的放入辅助数组中,最后将辅助数组复制给数组1
逆双指针由于题目中数组1的长度为m+n,后面的空间是空着的。那么就可以从后向前的向数组1中写入数据(从后向前的获取数组1、2中较大的数组),可以使用tmp暂存较小的数据。也就是优化了空间复杂度
移除元素双指针写的时候倒是没考虑是双指针,只是想着因为删除元素不好做,那就让非val的值按顺序排列就行
12345678910111213class Solution { public int removeElement(int[] nums, int val) { int len = nums.length; int count = 0; for (int i = 0; i < len; i++) { if (nums[i] != val) { ...
致十年后的你
其实不必十年,五年、三年就可以,但还是选择十年吧。让我于此刻,审视回顾一下自己,发表下对未来的看法,将来回顾时还有些痕迹。
一路走来高中之前 随着时间不断流逝,高中之前的故事能够记得的并不多。打我记事起,便是去上学的日子,假期一般便是在河边玩。可惜的是,虽然常常游走在河边,但并不会游泳。日复一日的上学、放假,本土既相差不差又各有差别。
小学 小学并没有什么深刻的记忆。只是村里的小学教学年级有限,自己还是经历过好几次转学校,最后才安定在一所中学。
初中 初中时期,学习方面不断追逐奋进,日常生活方面既有开心的回忆,但还是有一些烦心的人。不太友善的人,在此时期还是狠狠地恶心到我了,初中同学也基本都没联系,印象也基本没有了。初中时期,还没怎么使用手机。在学校玩基本就是卡片、自制陀螺、悠悠球、琉璃球、乒乓球、各种战棋等等吧,现在想想当时还是挺欢乐的,早上去外面小卖部吃泡面都感觉十分幸福。虽然也有一些不太好的事情,但感觉都没什么印象啊。初中比较有印象的还是会主动向我表达好感的女同学了,可是当初自己并不太懂,而且鉴于在于同学的看法,没有表示。后面还是照旧,然后升入高中。
高中 高中三年时 ...
将你的全部夺走之前
前言闲来看漫画,然后就看到了更新的第4本,然后顺便回看了前三本。想起来之前看过,把自己恶心的够呛,遂记录下今日感受与看法。
故事梗概青梅竹马的男女主,经典地女主半路被黄毛截胡,然后经过一系列调教,最终是龟b男主遵从内心,和女主在一起的b故事。(糖丸了
主要人物本应传达到、却没能伸出手的现实
男主经典亚萨西不主动龟男男主,先以经典的日轻开头——青梅叫床服务及彼此间的长期经历、女主对对你的独特和亲昵,确定好你对女主的情感。同时给予你懦弱不主动的性格,再伴随女主不主动告白、偶尔有些粗暴,便怀疑两人间的感情,更加地无法主动告白。那么,你与青梅的美好时光必然是无法长存的,此刻的种种美好时光,到后面既会像诸多利剑般刺痛你的心,亦成为你最终选择主动接受、保护女主的因。
然后,便是那刹那出现的黄毛,作为突然出现的转校生,同时双商不低、敢于主动、善于讨女生欢心,并且敏锐洞察到你俩那暧昧不清的关系是有缝隙的。虽然嫌隙的产生的剧情还是太经典了,黄毛主动去问男主对于女主的看法,那么得到的必然是青梅了的无法言之为恋人的关系,毕竟为了避嫌说出的必然是倾向于喜欢的话语。那么必然的是,你俩的关系会于此断裂。事实上, ...
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