关于包管理器npm、yarn和pnpm的一些总结
前言在Node.js生态系统中,包管理器是至关重要的组件之一,它们负责维护各种应用程序和库之间的依赖关系。 依赖(dependency)是别人为了解决一些问题而写好的代码,即我们常说的第三方包或三方库。 一个项目或多或少的会有一些依赖,而你安装的依赖又可能有它自己的依赖。 项目中的依赖,可以是一个完整的库或者框架,比如 react 或 vue;可以是一个很小的功能,比如日期格式化;也可以是一个命令行工具,比如 eslint。 如果没有现代化的构建工具,即包管理器,你需要用 <script> 标签来引入依赖。 此外,如果你发现了一个比当前使用的依赖更好的库,或者你使用的依赖发布了更新,而你想用最新版本,在一个大的项目中,这些版本管理、依赖升级将是让人头疼的问题。 于是包管理器诞生了,用来管理项目的依赖。 它提供方法给你安装依赖(即安装一个包),管理包的存储位置,而且你可以发布自己写的包。 npm1在Node.js生态系统中,包管理器是至关重要的组件之一,它们负责维护各种应用程序和库之间的依赖关系。npm(Node.js Package...
markdown中转义字符源码显示
前言最近遇到一个问题,当我在markdown中使用代码块包裹转义字符时,最终前端还是会将字符转义出来。 比如: 1 #在前端仍然会输出为空格 解决方法在Markdown中使用反引号包裹起来的文本会被解析为代码或者代码块,而不是普通的文本。 如果希望在Markdown中展示转义字符的源码,可以使用HTML实体编码的方式来实现。 在HTML实体编码中, 表示一个空格字符,如果您想要在Markdown中展示 的源码,需要使用如下格式书写: 1&nbsp; 这样在Markdown中展示时,就会把上面代码作为普通文本处理,不会被解析成空格字符,同时在前端渲染时也不会被转义为空格,而是显示为 的源码。 其他其他转义字符的使用也是相同的。
Fancybox v5 使用体验
前言Fancybox 是一个用于创建灵活且可定制的图片和媒体弹出框的JavaScript库。 Fancybox v5是其最新版本。要使用Fancybox v5,需要在HTML文件中包含必要的CSS和JavaScript文件,以及一个HTML元素作为触发器。 然后,使用Fancybox.bind方法来绑定Fancybox到该元素。 这边稍微研究一下。 使用步骤引入fancybox123<!-- 引入fancybox --><script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.min.js"></script><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.min.css"...
OpenCore黑苹果安装成功案列
前言之前装了一次黑苹果没有安装成功,详见:OpenCore黑苹果安装指导 今天周末在家没啥事,就来填一下这个坑。 用的还是我现在这台电脑: CPU:Intel 10700 显卡:GTX 1060 其他配置略 由于每台电脑的配置不一样,导致中间过程有很大差异,这边我尽量把过程思路写的详细一点。 步骤第一步:准备环节我统计了一下,总共需要这些软件: AIDA64 :用于查看系统各个硬件信息,根据Finding your hardware界面,将你电脑的CPU/存储/网络/主板/音频的设备信息截图下来 OpenCorePkg balenaEtcher :制作U盘镜像工具 DiskGenius :磁盘工具,不用多说。网上自行下载。 ProperTree 或者 OCAuxiliaryTools :修改 config.plist 的软件 推荐大家使用 OCAuxiliaryTools ,这个软件支持中文,操作也方便,如果完全没用过黑苹果的话,建议还是和官方的教程一样,使用 ProperTree 。 GenSMBIOS...
Office Tool Plus使用步骤
简介Office Tool Plus 是一个强大且实用的 Office 部署工具。 简而言之,就是可以帮助了安装以及激活Office。可谓非常简单。 下载Office Tool Plus官网下载地址 推荐下载包含框架的版本,可以直接运行 Office Tool Plus 安装 下载后将文件解压出来,运行程序,点击侧栏的部署 等待部署完成 完成后按下 Ctrl + Shift + P ,在弹出的框内输入 ospp /insLicID MondoVolume /sethst:kms.loli.best /setprt:1688 /act 这是最简单的激活方式,更多的参考 激活教程 完成激活 打开Office看一下状态,成功激活 最后记录一下这个,每次重装系统后激活Office,他们那个教程的网站访问很慢,这样就不用每次特地来回访问了。
windows11最新方法去除快捷方式箭头
前言Windows桌面图标右下角都会有个小箭头,强迫症受不了,每次重装系统第一件事就是把桌面快捷方式小箭头去掉,目前最新适应Windows11去除快捷方式小箭头的方法分享一下。 方法代码方法任意位置新建一个扩展名为 .bat 的文件,粘贴以下内容: 123456reg add "HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\Shell Icons" /v 29 /d "%systemroot%\system32\imageres.dll,197" /t reg_sz /ftaskkill /f /im explorer.exeattrib -s -r -h "%userprofile%\AppData\Local\iconcache.db"del "%userprofile%\AppData\Local\iconcache.db" /f /qstart...
Remark42评论服务安装部署
简介Remark42 是一个开源、轻量化、自托管的评论服务,支持使用Google, Twitter, Facebook, Microsoft, GitHub, Yandex, Patreon, Telegram, Email 以及匿名方式进行评论。 特性: 使用 Go 语言实现 使用基于文件的数据库。我最喜欢的数据库是 SQLite,单文件无任何依赖,Remark42 使用的 boltdb 也是基于文件,对我来说和 SQLite 一样美好。 有较为现代化的前端技术栈,使用 TypeScript, Preact, Postcss 开发。 是一个成熟的开源项目,文档全面、开发时间长,基本上我的任何问题都可以在文档和 Issues 中找到解答。 API 非常完善,比如导入导出都可以用一行 curl 来完成。在其他方面作者也显示出很高的技术品味。 对我来说,最重要的还是支持 self-hosted ,虽然它建议的部署方式为 Docker ,但是特地去使用Docker对我来说又有点多余,只能自行爬文部署。 下载通过 Github Release...
VuePress2配置详解:主页、导航、搜索以及样式
前言经过前两篇介绍了VuePress2之后,其实已经有了一个简单的理解。 在我后续深入研究了一下,觉得还是有必要再开一篇文章介绍一下它的具体使用步骤。 毕竟它的官方文档其实是写的非常简单的,对于初学者来说,需要一定的基础知识。 配置在 /docs/.vuepress 目录,创建 config.ts 的配置文件。 这个配置文件,你网站的所有配置基本上都在这个文件中进行修改 初始的内容为: 1234567import { defaultTheme } from '@vuepress/theme-default'export default { theme: defaultTheme({ // 在这里进行配置 }),} 主页主页配置为 home 属性,它的主页文件为:/docs/README.md 只要一个简单的模版即可达到效果。 12345678910111213141516171819202122---home: trueheroImage:...
不用开代理访问Github:神器FastGithub
前言单纯介绍一个软件,功能就是让你可以正常访问Github网站,名字叫:FastGithub。 Github-FastGithub 无法访问的话也可以从我的个人网盘进行下载,访问下载地址 使用对于windows来说,双击即可。 最后其实还有个软件叫 dev-sidecar,功能是一样的,也可以了解一下。
VuePress2详细配置指南以及使用
前言根据我们上一篇文章,已经安装好了VuePress,但是具体该如何使用,如何优化以及自定义一些配置呢? 这篇文章我们会根据官方的文档来进行梳理归纳。 目录结构想要了解它的运作原理,那么需要对整个目录有一个清晰的认识。 官方介绍 VuePress 遵循 “约定优于配置” 的原则,推荐的目录结构如下: 该目录结构为 v1 版本,同样适用于v2 docs/.vuepress: 用于存放全局的配置、组件、静态资源等。 docs/.vuepress/components: 该目录中的 Vue 组件将会被自动注册为全局组件。 docs/.vuepress/theme: 用于存放本地主题。 docs/.vuepress/styles: 用于存放样式相关的文件。 docs/.vuepress/styles/index.styl: 将会被自动应用的全局样式文件,会生成在最终的 CSS 文件结尾,具有比默认样式更高的优先级。 docs/.vuepress/styles/palette.styl: 用于重写默认颜色常量,或者设置新的 stylus...