热爱生活

初识 安装 官方安装教程 1apt install tmux 使用1234tmux # 打开tmuxtmux new -s sessiontmux attach -t sessiontmux ls #列出会话 常用prefix指令在tmux中输入^b进入prefix模式，该模式下可以使用一些指令进行分屏等操作 c创建新窗口 %竖向分屏 "垂直分屏 0,1,2,…,9切换窗口 方向键 切换分屏 w显示窗口列表 d保存会话推出tmux 配置在~/.tmux.conf中添加配置，以下是一些常用的配置 123456789101112131415# set -g prefix C-zset -g base-index 1set -g pane-base-index 1set -g renumber-windows on# set-option default-path "$PWD"#upbind-key k select-pane -U#downbind-key j select-pane -D#leftbind-key h select-pane -L ...

WSL安装及配置 参考https://codec.wang/blog/setup-wsl-for-frontend#zshoh-my-zsh 终于毕业了，然后重装了系统。需要重新部署开发环境。记起码农高天@bilibili的视频里使用的开发环境都是在WSL中的，刚好自己也重新配置一下感受一下。 WSL安装以管理员身份打开powershell并执行以下命令 1wsl --install 默认安装Ubuntu系统，看到有些帖子安装的arch系统不知道差别多大。如果出现问题可以参考：https://learn.microsoft.com/zh-cn/windows/wsl/install WSL配置zshzsh 比 bash 更加强大也更好看，配合 oh-my-zsh 和相关插件，可以实现命令高亮、命令补全、git 快捷操作等等。 12345678910111213141516# 更新 packagesudo apt update && sudo apt upgrade# 安装 zshsudo apt install zsh -y# 安装 oh-my-zshwget ...

启动docker compose mysql提示端口号被占用的错误1Error response from daemon: Ports are not available: exposing port TCP 0.0.0.0:3306 -> 0.0.0.0:0: listen tcp 0.0.0.0:3306: bind: Only one usage of each socket address (protocol/network address/port) is normally permitted. 查看使用3306端口号： 1netstat -aon|findstr 3306 1TCP 192.168.10.73:3306 104.17.143.163:443 ESTABLISHED 46132 查看指定 PID 的进程 1tasklist|findstr 46132 12Cloudflare WARP.exe 46132 Console 14 347,388 K 结束进程 1 ...

NVM for Windows安装与使用该软件用于管理nodejs版本 github: https://github.com/coreybutler/nvm-windows 常用命令1nvm list 1nvm install 18.16.0 1nvm use 18.16.0 安装Step 1 卸载nodejs 参考：Windows系统完全卸载删除 Node.js 清除npm缓存 1npm cache clean --force 在控制面板中卸载nodejs 检查环境变量 Step 2 下载程序并安装 从nvm-windows/releases页面下载nvm-setup.exe并安装即可

CSS霓虹字体特效今天又是抄大佬博客的一天，看了⭐️齐下无贰⭐️的博客，把大佬里面文字的霓虹字体特效扒下来了。 12345678910111213141516171819202122232425262728/* 霓虹特效 */@keyframes color-neon-light { 0% { color:#0ff; text-shadow: 0 0 5px #fc199a, 0 0 10px rgba(252,25,154,.486); filter: hue-rotate(0); } 100% { color:#0ff; text-shadow: 0 0 5px #fc199a, 0 0 10px rgba(252,25,154,.486); filter: hue-rotate(360deg); }}/* 设置静态变量用于该特效 */:root{ --static-kf-color-neon-lig ...

butterfly自定义半透明背景直奔主题将下面的样式写入文件source/-/css/bl-sun.css 123456[data-theme='light']{ --card-bg: rgba(255, 255, 255, .8);}[data-theme='dark']{ --card-bg: rgba(13, 13, 13, .6);} 在_config.butterfly.yml配置文件中注入该样式 123inject: head: - <link rel="stylesheet" href="/-/css/bl-sun.css"> 前言看大佬的博客是半透明的背景，真的很好看。想着给自己的也弄一个。 探索我查了buttfly关于颜色的配置可以配置以下参数： 123456789101112131415theme_color: enable: true main: "#49B1F5" paginato ...

图库页面详细网站一开始就是跟着butterfly的置顶教程，一步步搭建。教程写的太详细，图库这个地方作为一个新手真的没搞懂。研究了两天hexo的基本功能，对这个地方的做法才算完全理解了。现在分享给大家。 建立图库页面1hexo new page gallery #gallery是图库页面的名字可以自己随便起 图库页面只是普通的页面，你只需要hexo n page xxxxx创建你的页面就行. 现在想来我当时好笨，完全不知道什么是页面。关键是hexo的文档里面对页面也没有过多的介绍。可能大家都忙着写博客，很少写页面吧。 但是hexo在文档的命令部分有一点介绍。 默认情况下，Hexo会使用文章的标题来决定文章文件的路径。对于独立页面来说，Hexo会创建一个以标题为名字的目录，并在目录中放置一个index.md文件。 对于这里来说就是创建了source/gallery/index.md。但是我一开始还是没看懂，创建了个md文件，怎就叫页面了？ 其实我们只要稍微思考一下hexo的功能就能有所了解，hexo无非是将我们source目录里的.md文件，使用某种渲染工具以及排版方式将其渲染 ...

bilibili视频使用iframe嵌入Markdown的最佳方案直奔主题，最佳方案代码及效果如下：1<iframe style="width: 100%; aspect-ratio: 16/9;" src="//player.bilibili.com/player.html?bvid=BV19e4y1q7JJ&poster=1&autoplay=0" frameborder="no" scrolling="no"></iframe> 使用style属性使视频窗口的宽度页面的宽度保持一致，固定视频的宽高比。从而保证视频能够在页面中有一个比较好的响应式布局。 原始方法代码及效果12<iframe src="//player.bilibili.com/player.html?aid=561005338&bvid=BV19e4y1q7JJ&cid=846391446&p=1&poster=1&autoplay=0 ...

github page 服务优化启动本地服务，哇塞可好看了，还挺合适，一推送到github怎么这么慢。 博主根据butterfly文档配置了一部分。 以下是关于优化的配置合集希望对大家有所帮助 使用Pjax进行页面跳转 butterfly文档中关于pjax的配置 当用户点击链接，通过ajax更新页面需要变化的部分，然后使用HTML5的pushState修改浏览器的URL地址。 这样可以不用重复加载相同的资源（css/js）， 从而提升网页的加载速度。 12345678# Pjax# It may contain bugs and unstable, give feedback when you find the bugs.# https://github.com/MoOx/pjaxpjax: enable: true # exclude: # - /music/ # - /no-pjax/ 当前对pjax的支持仍有部分问题，你可以把有问题的网页链接加入到exclude里，这个网页会被pjax排除在外。当使用pjax后可能存在以下问题： 使用谷歌广告可能 ...

使用hexo搭建博客网站，并使用butterfly主题1. 安装依赖首先需要有Node.js和Git，这一点对于开发人员应该非常简单。 推荐使用NVM for Windows安装nodejs 2. 建站创建一个空文件夹，在文件夹内执行下列命令，Hexo将会在该文件夹中新建所需要的文件。 1npx hexo init 第一次执行时可能较慢，npx会临时安装hexo包，并在运行结束后删除hexo包。这样无需对hexo进行全局安装。 但是hexo init会在文件夹中局部安装hexo。并安装所依赖的包。因此也无需执行npm install 使用server子命令查看当前网站 1npx hexo server 3. 部署到github首先你需要一个github账号，请在你的ssh设置页面里配置ssh用于git链接github。 3.1 代码上传到githubstep 1. 建立名为<你的 GitHub 用户名>.github.io的储存库 step 2. 在储存库中前往Settings > Pages > Source，并将Source改为GitHub Ac ...