VuePress 博客搭建系列共计 33 篇，讲解使用 VuePress 搭建博客，进行各种优化，为博客增添各种功能，并部署到 GitHub、Gitee、个人服务器平台的全过程。

前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。在搭建这样一个博客后，其实还有很多的优化工作需要做，本篇我们来盘点一下那些完成基础搭建后必做的 10 个优化。1. 开启 HTTPS开启 HTTPS 有很多好处，比如可以实现数据加密传输等...

前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。本篇接着讲讲 SEO 优化会用到的站长平台和工具等。1. 百度统计地址：[链接]网站流量分析工具，能够告诉用户访客是如何找到并浏览用户的网站，在网站上做了些什么2. 百度搜索资源平...

前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。本篇讲 SEO 中的 JSON-LD。JSON-LD如果我们打开掘金任意一篇文章，比如这篇《VuePress 博客优化之增加 Vssue 评论功能》，查看 DOM 元素，我们可以在 head 中找到这样一段 script ...

前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。本篇讲讲 SEO 优化中的 Open Graph protocol。meta 标签如果我们打开思否任意一篇文章，比如这篇《VuePress 博客优化之增加 Vssue 评论功能》，查看 DOM 元素，我们可以在 head 中...

我们建议网页标题可以这样描述：首页：网站名称 或者 网站名称_提供服务介绍or产品介绍频道页：频道名称_网站名称 文章页：文章title_频道名称_网站名称

前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。本篇讲讲 SEO 与重定向。问题最一开始我使用 GitHub Pages 服务建立了站点，地址是：[链接]，考虑到 GitHub 在国内访问速度的问题，我又在 Gitee 上同步了一份，地址是：[链接]后来...

前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。本篇讲讲如何进行 SEO 优化。1. 生成 sitemap借助 vuepress-plugin-sitemap 生成站点地图：1.1 安装 {代码...} 1.2 修改 config.js {代码...} 1.3 如果生成失败如果 build 的时候，...

因为我用的是 vuepress-theme-reco 主题，主题内置评论插件 @vuepress-reco/vuepress-plugin-comments，可以根据自己的喜好选择 Valine 或者 Vssue。

因为我用的是 vuepress-theme-reco 主题，主题内置评论插件 @vuepress-reco/vuepress-plugin-comments，可以根据自己的喜好选择 Valine 或者 Vssue。本篇讲讲使用 Valine 实现评论功能的全过程。

由于 VuePress 的内置搜索只会为页面的标题、h2 、 h3 以及 tags 构建搜索索引。 如果你需要全文搜索，可则以使用 Algolia 搜索，本篇讲讲如何申请以及配置 Algolia 搜索。

前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。本篇我们讲讲如何兼容 PWA。PWAPWA，英文全称：Progressive Web Apps， 中文翻译：渐进式 Web 应用。引用 MDN 的介绍：PWA 指的是使用指定技术和标准模式来开发的 Web 应用，这同时...

如果我们在本地运行项目，运行地址类似于http://localhost:8080/learn-typescript/，以 http 开头，这在大部分时候都满足了需要，但有的时候，比如兼容 PWA，就需要以 https 开头，那我们如何在本地使用 https 地址呢？

前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。为了丰富站点的功能，我们可以直接使用一些现有的插件，本篇我们讲讲一些常用的插件。1. 公告栏弹窗插件地址：[链接]安装： {代码...} 使用： {代码...} 效果截图：注意事项：查看...

前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。VuePress 会在每个标题左侧都加一个锚点链接：点击后链接变为： {代码...} 此时刷新下页面，会发现，页面并不能正确的定位到锚点位置，而且打开开发者工具，还会看到报错：那这个问...

换行符不在行内代码或 HTML 标签内，前面没有两个或以上的空格，将解析为软换行（Soft line breaks）。渲染为 HTML 时是一个行结束符或空格。

在搭建博客的过程中，我们出于实际的需求，在《VuePress 博客优化之拓展 Markdown 语法》中讲解了如何写一个 markdown-it插件，又在 《markdown-it 原理解析》中讲解了 markdown-it的执行原理，本篇我们将讲解具体的实战代码，帮助大家更好的写插件。

在搭建博客的过程中，我们出于实际的需求，在《VuePress 博客优化之拓展 Markdown 语法》中讲解了如何写一个 markdown-it插件，又在 《markdown-it 原理解析》中讲解了 markdown-it的执行原理，本篇我们将讲解具体的实战代码，帮助大家更好的写插件。

在搭建博客的过程中，我们出于实际的需求，在《VuePress 博客优化之拓展 Markdown 语法》中讲解了如何写一个 markdown-it插件，又在 《markdown-it 原理解析》中讲解了 markdown-it的执行原理，本篇我们将讲解具体的实战代码，帮助大家更好的写插件。

在搭建博客的过程中，我们出于实际的需求，在《VuePress 博客优化之拓展 Markdown 语法》中讲解了如何写一个 markdown-it插件，本篇我们将深入markdown-it的源码，讲解 markdown-it的执行原理，旨在让大家对 markdown-it有更加深入的理解。

前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。如果我们浏览过 TypeScript 官方文档，我们会发现一个很好用的功能，那就是很多代码块，在悬浮上去的时候都会出现一个 Try 按钮：点击就会跳转到对应的 Playground，比如图示的按钮...

但在搭建 VuePress 博客的过程中，也并不是所有的插件都能满足需求，所以本篇我们以实现一个代码复制插件为例，教大家如何从零实现一个 VuePress 插件。

前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript4 中文文档。注意此时，我们的域名还是 [链接]，众所周知，开启 HTTPS 有很多好处，比如可以实现数据加密传输等，那我们如何开启 HTTPS 配置呢？1. 购买证书阿里云提供了免费证书可以使用，在...

前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果点击查看：TypeScript4 中文文档。今天我们给博客添加数据统计功能。1. 百度统计1.1 创建站点1.1.1 登陆站点登陆百度统计后台：[链接]1.1.2 新增网站在 「管理」- 「网站列表」中，点击「新增网站」：1.1.3 填...

在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，但是浏览最终搭建的站点：TypeScript4 中文文档，我们会发现，在每篇文章的底部，并没有像 VuePress 官方文档那样，出现最后更新的时间：

在上篇《一篇教你代码同步 GitHub 和 Gitee》中，我们使用 GitHub Actions 解决了 GitHub 代码自动同步 Gitee 的问题，但我们的博客仓库代码同步到 Gitee 后，并不能像 GitHub 一样自动部署 Pages，如果不使用付费的 Gitee Pages Pro 服务，那我们该怎么实现 Gitee 自动部署 Pages 呢？

最近完成了 TypeScript 最新官方文档 Hanbook 的翻译，一共十四篇，堪称国内的最好 TypeScript4 入门教程之一。为了方便大家阅读，我用 VuePress + Github Pages 搭建了博客，博客效果如下：