从零开始部署博客到阿里云的服务器
购买阿里云的服务器登录到服务器上ssh root@你的服务器ip安装nginx 更新本地软件包索引:sudo apt update 安装nginx: sudo apt install -y nginx 安装https（如果不需要就不用走这一步） apt-get install python-software-properties apt-get install software-properties-common sudo add-apt-repository ppa:certbot/certbot sudo apt-get update sudo apt-get install -y certbot python3-certbot-nginx 生成证书 停掉nginx:service nginx stop 生成对应域名的证书:certbot certonly --standalone -d...
本地环境关闭butterfy谷歌分析等数据分析
前言由于只是个小博客，没什么人看。数据都是自己本地贡献不太好。所以打算本地跑博客的时候关闭谷歌分析等数据分析。 修改命令1234"scripts": { "dev": "hexo server --env development", "build": "hexo generate --env production"} 这里--env development和--env production 就是用来区分开发环境和生产环境。 修改主题代码 进入到下面文件中themes/butterfly/layout/includes/head/analytics.pug 在顶部添加下面代码if env.args.env === 'production' 对除了添加代码进行缩进 修改后的代码如下 1234567891011121314151617181920212223242526272829303132333435if env.args.env...
git.remote学习 && hexo主题管理
前言最近把主题换成了hexo-butterfly，顺便把之前的文章迁移过来了。打算对这个主题做一些优化。但是优化后又要提交到git上，以便从其他电脑进行管理。然后如果hexo-butterfly的主题更新，我又要升级的话该怎么办。搜了下，发现git remote这个命令可以解决我的问题。 拉取最新的主题代码 我这里在github上面建了个仓库，模拟了下主题的更新。仓库地址 进入自己的hexo代码文件夹 执行git clone -b main git@github.com:oytoyt/theme-online.git themes/test模拟拉取最新的主题代码 进入到themes/test文件夹，执行git remote -v查看远程仓库地址。 123❯ git remote -vorigin git@github.com:oytoyt/theme-online.git (fetch)origin git@github.com:oytoyt/theme-online.git (push) 修改远程仓库地址 将原来的仓库地址改为upstream，执行git...
butterfly主题优化(1)-all.min.css加载慢
打开_config.butterfly.yml文件，找到CDN配置将CDN下的third_party_provider调整成custom然后将CDN下的custom_format调整成https://s4.zstatic.net/ajax/libs/${cdnjs_name}/${version}/${min_cdnjs_file} 参考文章 https://developer.aliyun.com/article/1426614
处理hexo的leancloud失效
博客好久没理了，只是做了简单的续费。现在发现访客量什么的全都挂了 全部leancloud的接口都401没权限。但是我一直都没动过leancloud的配置，所以应该是leancloud那边的改动导致的。 登上leancloud发现原来是leancloud改了接口，需要改成新版才行。 但是有个问题，如果下一次再出现这种情况，我该怎么办？ 看了下leancloud的文档，发现绑定自己的域名，就不会显现接口地址访问不了的问题。 现在看下怎么配置成自己的域名。 打开设置-域名绑定菜单 点击绑定新域名（我这里是绑定过所以显示这个名字，你们可能差不多） 输入你的域名，然后点击绑定（高级配置默认的挺好的我就不改了） 绑定后需要去你的域名服务商那里添加一条CNAME记录，指向leancloud给你的那个地址（配置完CNAME后，等待十几分钟，再去leancloud刷新下页面就ok了） leancloud那边配置好后，再去hexo的_config.fluid.yml文件里修改下leancloud的域名（这里的yml是你对应主题的配置文件）
苹果fixed定位键盘弹出失效问题
先上个大概代码，晚点有空记得的话补个demo。 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071componentDidMount() { this.visualViewport(true)}componentDidUpdate(prevProps) { const { isFocus: now } = this.props const { isFocus: prev } = prevProps // 苹果12及以下版本的兼容处理 if (now !== prev && isiOS && !window.visualViewport) { now && setTimeout(() => { ...
storybook使用sass报错TypeError:this.getOptions is not a function
前言最近在研究用storybook写UI库的说明文档，但是在跑sass的时候遇到了下面的报错。 12345678910ERROR in ./src/components/g-input.vue?vue&type=style&index=0&id=711ebb04&lang=scss...
flex：1中的white-space：nowrap问题
最近在写样式的时候发现，给元素设置了flex: 1以及其子元素设置了white-space: nowrap的时候，子元素的文字过长时候，会超出容器外。先上代码 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> * { margin: 0; padding: 0; } li { width: 350px; display: flex; border: 1px solid red; ...
nginx将xxxx.html/重定向到xxxx.html
在nginx对应server中添加下面代码 123location ~ (.*\.html)/$ { rewrite (.*\.html)/$ $1 permanent;} 最近leancloud统计当中还是有一堆/archives/2021/02/589e0477.html/的数据出现。迫于无奈只能通过nginx进行匹对进行重定向，以解决该问题的出现。
next主题切到fluid主题时，leancloud统计问题
昨天看了下leancloud的统计数据发现多了一堆有问题的数据。title字段url字段都是空的，结果看了下，发现是由于之前我从next主题迁移过来导致的问题，再加上我之前使用next主题的是后对lean-analytics.swig中的统计代码进行了调整。 问题一：查找字段不一样在next当中是通过查找相对应的url字段，去进行展示当前链接的阅读量的。但是在fluid中，则是通过查找相对应的target字段，去进行展示当前链接的阅读量的。 问题二：新增的时候保存的字段不一样在next当中新增一条数据是会添加，time、url字段的。但是在fluid中，则只是添加target字段的。 问题三：保存的target字段多了/查看了下是因为fluid中多了个替换的代码。 1var target = decodeURI(window.location.pathname.replace(/(?<!\/)\/*(index.html)*$/,...