有的时候我觉得我不会 Markdown

前言在 中,我们使用 VuePress 搭建了一个博客,最终的效果查看:。在优化博客的过程中,因为需要写 markdownit 插件,翻了下 markdown 的 ,突然发现对 Markdown 还远不够了解: 软换行(Soft line breaks)换行符不在行内代码或 HTML 标签内,前面没有两个或以上的空格,将解析为软换行(Soft line br

冴羽 冴羽 2022.01.25
563
1
markdown-it 插件如何写(三)

前言在 中,我们使用 VuePress 搭建了一个博客,最终的效果查看:。在搭建博客的过程中,我们出于实际的需求,在中讲解了如何写一个 markdownit插件,又在 中讲解了 markdownit的执行原理,本篇我们将讲解具体的实战代码,帮助大家更好的写插件。 markdownitinlinemarkdownit 的作者提供了 markdownitinin

冴羽 冴羽 2022.01.24
532
0
webpack5学习笔记

我的前端之路笔记cdn资源 webpack笔记解决作用域问题快速执行函数;(function() .....)解决代码拆分问题nodecommonjs模块化解决浏览器支持问题requirejs想要主js调用别的js要在主js前引入hello.jsexport hello()main.jshello()import hello.jsimport main.j

代码哈士奇 代码哈士奇 2022.01.23
538
0
markdown-it 插件如何写(二)

前言在 中,我们使用 VuePress 搭建了一个博客,最终的效果查看:。在搭建博客的过程中,我们出于实际的需求,在中讲解了如何写一个 markdownit插件,又在 中讲解了 markdownit的执行原理,本篇我们将讲解具体的实战代码,帮助大家更好的写插件。 Parsemarkdownit的渲染过程分为两部分,Parse 和 Render,如果我们要实现

冴羽 冴羽 2022.01.21
547
0
markdown-it 插件如何写(一)

前言在 中,我们使用 VuePress 搭建了一个博客,最终的效果查看:。在搭建博客的过程中,我们出于实际的需求,在中讲解了如何写一个 markdownit插件,又在 中讲解了 markdownit的执行原理,本篇我们将讲解具体的实战代码,帮助大家更好的写插件。 renderermarkdownit的渲染过程分为两部分,Parse 和 Render,如果我们

冴羽 冴羽 2022.01.20
542
0
VuePress 博客优化之拓展 Markdown 语法

前言在 中,我们使用 VuePress 搭建了一个博客,最终的效果查看:。如果我们浏览过 TypeScript ,我们会发现一个很好用的功能,那就是很多代码块,在悬浮上去的时候都会出现一个 Try 按钮:点击就会跳转到对应的 Playground,比如图示的按钮跳转的就是,我们可以在这个 Playground 修改并验证代码效果。如果我们要实现这样的功能,该

冴羽 冴羽 2022.01.18
567
2
从零实现一个 VuePress 插件

前言在 中,我们使用 VuePress 搭建了一个博客,最终的效果查看:。但在搭建 VuePress 博客的过程中,也并不是所有的插件都能满足需求,所以本篇我们以实现一个代码复制插件为例,教大家如何从零实现一个 VuePress 插件。 本地开发开发插件第一个要解决的问题就是如何本地开发,我们查看 VuePress 1.0 官方文档的「」章节,并没有找到解决

冴羽 冴羽 2022.01.14
583
1
VuePress 博客优化之开启 Gzip 压缩

前言在 中,我们使用 VuePress 搭建了一个博客,在 中,我们将代码部署到服务器上,最终的效果查看:。今天我们来学习如何开启服务器的 Gzip 压缩。 Gzip 压缩关于 Gzip 压缩,引用 MDN 的: Gzip 是一种用于文件压缩与解压缩的文件格式。它基于 Deflate 算法,可将文件压缩地更小,从而实现更快的网络传输。 Web服务器与现代浏览

冴羽 冴羽 2022.01.13
586
0
一篇域名从购买到备案到解析的详细教程

前言在 中,我们使用 VuePress 搭建了一个博客,在 中,我们将代码部署到服务器上,最终的效果查看:。但是在文章中,我们并没有涉及域名相关的内容,此篇专门写一篇域名的详细教程。 1. 域名购买因为使用的是阿里云服务器,所以我们直接到注册一个:选择合适的域名,加入清单,下单购买,注意,购买域名需要实名信息,一路跟着指示操作即可。购买完后,我们可以在查看到

冴羽 冴羽 2022.01.12
596
0
css实现文字两端对齐

language这是摘哦给你发觉得斯蒂芬 这是摘哦给你发觉得斯蒂芬 在块级元素box上面,加上 textalign: justify;,在span元素上加上样式 languagedisplay: inlineblock;paddingleft: 100%;效果图

明月 明月 2022.01.12
551
1