VuePress2详细安装流程
介绍VuePress 是一个以 Markdown 为中心的静态网站生成器。你可以使用 Markdown 来书写内容(如文档、博客等),然后 VuePress 会帮助你生成一个静态网站来展示它们。 VuePress 诞生的初衷是为了支持 Vue.js 及其子项目的文档需求,但是现在它已经在帮助大量用户构建他们的文档、博客和其他静态网站。 依赖环境 Node.js v14.18.0+ Yarn v1 classic (可选) 提示 使用 pnpm 时,你可能需要安装 vue 和 @vuepress/client 作为 peer-dependencies ,即 pnpm add -D vue @vuepress/client@next 。 使用 yarn 2 时,你需要在 .yarnrc.yml 文件中设置 nodeLinker: 'node-modules' 。 安装最新的安装流程,请参考官方文档 本篇文章以Ubuntu 22.04 进行演示。 步骤 1: 创建并进入一个新目录12mkdir vuepress-starter #名称自定cd...
HTML:04.图片标签
img标签介绍介绍img: 英文全称 image(图像),代表的是一张图片。 如果要想在网页中显示图像,就可以使用img 标签,它是一个单标签。语法如下: 1<img src="图片的URL" /> 能插入的图片类型 能够插入的图片类型是:jpg(jpeg)、gif、png、bmp等。 不能往网页中插入的图片格式是:psd、ai等。 HTML页面不是直接插入图片,而是插入图片的引用地址,所以要先把图片上传到服务器上。 img标签的src属性这里涉及到图片的一个属性: src属性:指图片的路径。英文名称 source。 在写图片的路径时,有两种写法:相对路径、绝对路径 写法一:图片的相对路径相对当前页面所在的路径。两个标记 . 和 .. 分表代表当前目录和上一层目录。 举例1: 123456<!-- 当前目录中的图片 --><img src="1.jpg"><img src="./1.jpg"><!-- 上一级目录中的图片 --><img...
HTML:03.字体标签和超链接
内容字体标签: <font>、 <b>、 <u> 、<sup> 、<sub> 超链接 <a> 字体标签特殊字符(转义字符) :空格 (non-breaking spacing,不断打空格) <:小于号<(less than) >:大于号>(greater...
HTML:01.初识HTML
HTML的概述HTML的概念HTML 全称为 HyperText Markup Language,译为超文本标记语言。 HTML 不是一种编程语言,是一种描述性的标记语言。 作用:HTML是负责描述文档语义的语言。 概念:超文本所谓的超文本,有两层含义: 图片、音频、视频、动画、多媒体等内容,成为超文本,因为它们超出了文本的限制。 不仅如此,它还可以从一个文件跳转到另一个文件,与世界各地主机的文件进行连接。即:超级链接文本。 概念:标记语言HTML 不是一种编程语言,是一种描述性的标记语言。这主要有两层含义: 标记语言是一套标记标签。 比如:标签<a>表示超链接、标签<img>表示图片、标签<h1>表示一级标题等等,它们都是属于 HTML 标签。 说的通俗一点就是:网页是由网页元素组成的,这些元素是由 HTML 标签描述出来,然后通过浏览器解析,就可以显示给用户看了。 编程语言是有编译过程的,而标记语言没有编译过程,HTML标签是直接由浏览器解析执行。 HTML是负责描述文档语义的语言HTML...
认识Web和Web标准
认识WebWebWeb(World Wide Web)即全球广域网,也称为万维网。 我们常说的Web端就是网页端。 网页网页是构成网站的基本元素。网页主要由文字、图像和超链接等元素构成。当然,除了这些元素,网页中还可以包含音频、视频以及Flash等。 我们在浏览器上输入网址后,打开的任何一个页面,都是属于网页。 浏览器浏览器是网页运行的平台,常见的浏览器有谷歌(Chrome)、Safari、火狐(Firefox)、IE、Edge、Opera等。 Web标准W3C组织W3C:World Wide Web Consortium,万维网联盟组织,用来制定web标准的机构(组织)。 W3C 万维网联盟是国际最著名的标准化组织。1994年成立后,至今已发布近百项相关万维网的标准,对万维网发展做出了杰出的贡献。 W3C 组织就类似于现实世界中的联合国。 为什么要遵循WEB标准呢?因为很多浏览器的浏览器内核不同,导致页面解析出来的效果可能会有差异,给开发者增加无谓的工作量。因此需要指定统一的标准。 Web...
实现财务自由需要赚多少钱
如何判断财务自由财务自由需要看两个方面: 「赚多少」 和 「花多少」 。 判断你是否财务自由,那么取决于这两者的 「差值」 。 判断方法25倍方法今天看到别人分享的文章: The 4% Rule: The Easy Answer to “How Much Do I Need for Retirement?” The 4% Rule for Retirement Spending Makes a Comeback 大致意思概括为:如果你存够年花销的 25倍 ,你就财务自由了。 换句话说,如果你的花销是你总存款的 4%,那么这 4% 完全可以通过投资收益得来。 我的理解差不多就是:你的存款(或理财等)收益,可以让你能够正常的生活下去。每年的支出甚至不需要动你的本金,排除特殊的经济动荡等极端情况,只要靠着收益就能生活。 虽然文章的时间比较早,这个4%放在以前可能可以实现,但是放在如今通货膨胀的经济状况下,应该是要远大于这个值,这边不做讨论。 因此,这个4%就引申了一个更厉害的理论: 如果你能把年收入的 75% 存下来,你只需要工作 7年 。 Source: The...
解决Git不区分大小写导致的文件冲突问题
前言有些同学在 Git 仓库对文件/文件夹进行命名时,刚开始是小写,后来为了保持团队一致,又改成了大写,然而 Git 不会发现大小写的变化,此时就出了问题:导致仓库里出现了 大小写 同时存在的两个文件。但在 Windows、Mac 的电脑磁盘里,肉眼却能只看到一个文件,实在奇葩。 这个问题的根本原因是:Windows、Mac 的文件系统不区分大小写。 Linux的文件系统是区分大小写的。Git 默认是不区分大小写的,也可以通过改配置项,改为区分大小写。 问题复现路径 新建一个 test 文件(大小写不敏感的状态下),并提交。 本地修改 test 变为 Test ,文件内容无变更,无法提交。 执行 git config core.ignorecase false ,设置Git的规则为 区分大小写(大小写敏感),然后 git push 提交,查看结果,此时远程仓库会存在大小写同时存在的文件,但本地仓库却只看到其中一个文件。 甚至可能出现这种异常情况:本地暂存区的文件,怎么删也删不掉。再之后,从 test 尝试改为 Test...
Superset全流程安装使用
简介Apache Superset 是一个现代化的、企业就绪的商业智能 Web 应用程序。它 快速、轻量级、直观,并加载了各种选项,使所有技能的用户都可以轻松使用 用于探索和可视化其数据的集合,从简单的饼图到高度详细的 deck.gl 地理空间图表。 Superset 的前端主要用到了 React 和 NVD3/D3,而后端则基于 Python 的 Flask 框架和 Pandas、SQLAlchemy 等依赖库,主要提供了这几方面的功能: 直观的界面,用于可视化数据集和制作交互式仪表板 各种精美的可视化效果来展示您的数据 用于提取和呈现数据集的无代码可视化构建器 用于准备可视化数据的世界级 SQL IDE,包括丰富的元数据浏览器 轻量级语义层,使数据分析人员能够快速定义自定义维度和指标 对大多数 SQL...
VMware Workstation 17 Pro 许可证分享
简介VMware Workstation 是一款功能强大的桌面虚拟计算机软件,提供用户可在单一的桌面上同时运行不同操作系统,用于进行开发、测试 、部署新的应用程序最佳解决方案。VMware Workstation...
申请Vultr服务器免费层计划
介绍什么是免费层计划? 在 Vultr,我们的使命是支持数字化业务以及云端访问。我们鼓励全球创新方式之一是让个人、开发者和公司免费构建测试解决方案。现在,技术正是我们创新和解决问题的基础,改变我们协作、设计、学习甚至放松方式。云端构建、托管、部署和管理这些解决方案的障碍越来越大。作为全球最大独立云服务提供商,Vultr 致力于通过向符合条件的申请人提供免费计算能力和基于云的服务器实例来推动创新发展。 有资格参加免费层计划? 要申请免费层计划早期访问权限,您必须在档案中有生效的非预付费信用卡。您必须在帐户上启用双因素身份验证。为了验证您的帐户,提供额外的信息有助于我们确保您是真实的人,而不是如挖掘加密货币的机器人。这些不是必需的,但可能有助于验证您的帐户。 申请步骤访问 Vultr 的官网,如没有账号可以使用 GitHub 登录。 登录后弹出界面选择你想要的云服务数据中心所在地,这个随便选。 先要填写信用卡信息,你如果不使用的话,它是不会扣费的,只是一个预授权。 然后切换到左侧的 Account 项,找到 Free Tier Program...