gitignore修改了但不生效
gitignore修改了但不生效，一般是由于缓存导致的，可以尝试清除缓存并重新提交
123git rm -r --cached .git add .git commit -m "清除 Git 缓存并重新提交"
github推送代码由于网络原因经常失败的解决办法
github是全球最大的代码托管平台，但是由于墙的原因，在国内访问经常会有问题，虽然国内也有平替比如gitee，但是说实话比github还是差点意思。
最近发现github推送代码总是失败，查看错误日志一般都是由于网络的原因。
于是各种切换网络，使用各种梯子，但总是不能完美解决问题。
今天实在是忍不了，好好搜了一下解决方法。原来可以用ssh的方式解决这个问题。（原先我下载代码一般习惯用http的方式，这下发现它的弊端了。）下面介绍一下用ssh克隆以及推送代码的方法：
1.创建ssh密钥本机是mac电脑，使用ssh命令生成公钥私钥
1ssh-keygen -t rsa -C "公司电脑"
-t 指定要创建的密钥类型为rsa-C 注释
敲了该命令会出现 Enter file in which to save the key (/Users/用户名/.ssh/id_rsa):让输入密钥文件名的提示，可以直接回车，默认生成名为 id_rsa 及 id_rsa.pub 的私钥及公钥。
再次出现Enter passphrase (empty for no passphras ...
修改Butterfly主题的一些源码，定制样式
修改了一些butterfly主题的源码
1.修改posts页面不显示文章的分类的问题发现posts文章页面顶部不显示文章的标签（tags），故阅读了修改了butterfly的相关源码，还提了一个pr给作者，经沟通作者说他有写tags，但是按照设计稿，tags在页面的底部展示。闹了个乌龙。不过我把这个修改放到我的项目里了，个人认为tags放顶部合适。修改的文件目录为 themes/butterfly/layout/includes/header/post-info.pug
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115 ...
用vue3 vite搭建一个项目
1.搭建项目按照vue官网执行命令
1npm init vue@latest
这一指令将会安装并执行 create-vue，它是 Vue 官方的项目脚手架工具。
2.安装lessless-loader貌似不必须
3.安装postcss-px-to-viewport自动转化px为vw并新建配置文件对其配置发现报了个警告：postcss-px-to-viewport: postcss.plugin was deprecated.又重新安装了升级版postcss-px-to-viewport-8-plugin，该配置文件同postcss-px-to-viewport的配置
4.安装vant发现postcss-px-to-viewport连vant的px也转了，导致vant的样式被压扁了。于是修改其配置，判断是vant文件viewport就用375的宽度
12345678910111213141516// postcss.config.jsmodule.exports = { plugins: { "postcss-px-to-viewport-8-plu ...
git推代码报错了
别人往我的分支上合并了代码，我在不清楚的情况下直接提交，并推送，git报错，也无法拉取代码了。错误信息如下
12345678910111213hint: You have divergent branches and need to specify how to reconcile them.hint: You can do so by running one of the following commands sometime beforehint: your next pull:hint: hint: git config pull.rebase false # mergehint: git config pull.rebase true # rebasehint: git config pull.ff only # fast-forward onlyhint: hint: You can replace "git config" with "git config --global" to set a defau ...
前端导出word文档
1234567891011121314151617181920212223242526272829303132333435363738function exportWord(css, html, fname, type='application/msword'){ const htmlDom = `<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style>${css}</styl ...
typescript的学习记录
ts的准备工作
什么是tsTypeScript是JavaScript的超集，因为它扩展了JavaScript，有JavaScript没有的东西。硬要以父子类关系来说的话，TypeScript是JavaScript子类，继承的基础上去扩展。为什么要用ts简单来说就是因为JavaScript是弱类型, 很多错误只有在运行时才会被发现而TypeScript提供了一套静态检测机制, 可以帮助我们在编译时就发现错误ts的特点支持最新的JavaScript新特特性支持代码静态检查支持诸如C,C++,Java,Go等后端语言中的特性 (枚举、泛型、类型转换、命名空间、声明文件、类、接口等)
安装1npm i -g typescript
编译生产js1tsc index.ts
不编译直接运行安装一个工具 npm i -g ts-node
1ts-node index.ts
ts的语法声明变量并给它指定类型1let a: number = 3
类型的别名用type定义一个类型的别名
12type mytype = 1 | 2 | 3let x: mytype = 1
函数的类型声明声明参数的 ...
vscode配置解读
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758{ "breadcrumbs.enabled": true, // 面包屑 "editor.renderControlCharacters": false, // 控制编辑器是否显示控制字符 "editor.fontSize": 16, // 字体大小 "editor.tabSize": 4, // tab大小 "editor.wordWrapColumn": 120,// 在 #editor.wordWrap# 为 wordWrapColumn 或 bounded 时，控制编辑器的折行列。 "editor.detectIndentation": false,//控制在基于文件内容打开文件时是否自动检测 #ed ...
hexo入门--用hexo搭建一个自己的博客网站真香
作为一个前端一开始想不用框架，自己开发搭建一个博客网站，后来发现hexo真香。
一、了解学习hexo的使用方式1.安装hexo1npm install -g hexo-cli
2.初始化项目1hexo init myblog
3.选一个比较好看的主题安装查阅了很多文章，知乎上有篇文章写的比较好。总结下推荐3款：butterfly、shoka、kaze
我选了比较流行的butterfly，根据butterfly的文档将其安装到项目里
将butterfly的配置文件内容复制到_config.butterfly.yml中，_config.butterfly.yml的优先级高，这样可以避免butterfly升级后带来的不必要的麻烦。
附：hexo官网butterfly官网
4.hexo常用基本命令12345hexo g # 生成静态文件hexo new abc # 生成文章，会在source/_posts目录下生成一个abc.md文件hero new page about # 生成页面hexo server # 启动本地服务hexo clean # 清除缓存文件 (db.json) 和已生 ...
Linux下jenkins的安装与配置
安装jenkins上jenkins官网查看其安装方法 https://www.jenkins.io/zh/download/第一次选了稳定版，但是在装插件的过程中出现插件不适应于当前版本的问题（稳定版更新较慢），遂将其卸载，安装了定期发布版。安装命令如下：
12345678# 下载repo 文件sudo wget -O /etc/yum.repos.d/jenkins.repo https://pkg.jenkins.io/redhat/jenkins.repo# 导入公钥sudo rpm --import https://pkg.jenkins.io/redhat/jenkins.io.key# 安装jdk，本人试了装其他低版本的jdk会有问题，后改为Jenkins官网推荐的版本yum install fontconfig java-11-openjdk# 安装jenkinsyum install jenkins
启动jenkins12345service jenkins startservice jenkins restart # 重启service jenkins stop # ...