VuePress 博客优化之开启 Algolia 全文搜索
由于 VuePress 的内置搜索只会为页面的标题、h2 、 h3 以及 tags 构建搜索索引。 如果你需要全文搜索，可则以使用 Algolia 搜索，本篇讲讲如何申请以…
VuePress 博客优化之 last updated 最后更新时间如何设置
在每篇文章的底部，并没有像 VuePress 官方文档那样，出现最后更新的时间： 这篇我们来探究下如何实现最后更新时间。 官方自带 查阅 VuePress 的官方…
VuePress 博客优化之开启 HTTPS
众所周知，开启 HTTPS 有很多好处，比如可以实现数据加密传输等，那我们如何开启 HTTPS 配置呢？ 1. 购买证书 阿里云提供了免费证书可以使用，在每个…
VuePress 博客优化之添加数据统计功能
今天我们给博客添加数据统计功能。 1. 百度统计 1.1 创建站点 1.1.1 登陆站点 登陆百度统计后台：https://tongji.baidu.com/web/welcome/login 1.1.2 …
VuePress 博客优化之增加 Valine 评论功能
本篇讲讲如何使用 Valine 快速的实现评论功能。 主题内置 因为我用的是 vuepress-theme-reco 主题，主题内置评论插件 @vuepress-reco/vuepress-plugin…
VuePress 博客优化之兼容 PWA
本篇我们讲讲如何兼容 PWA。 PWA PWA，英文全称：Progressive Web Apps， 中文翻译：渐进式 Web 应用。 引用 MDN 的介绍： PWA 指的是使用指定技术和…
VuePress 博客之 SEO 优化（二）之重定向
本篇讲讲 SEO 与重定向。 问题 最一开始我使用 GitHub Pages 服务建立了站点，地址是：https://mqyqingfeng.github.io/learn-typescript，考虑到 GitH…
VuePress 博客优化之增加 Vssue 评论功能
本篇讲讲如何使用 Vssue 快速的实现评论功能。 主题内置 因为我用的是 vuepress-theme-reco 主题，主题内置评论插件 @vuepress-reco/vuepress-plugin-…
VuePress 博客如何开启本地 HTTPS 访问
如果我们在本地运行项目，运行地址类似于 http://localhost:8080/learn-typescript/，以 http 开头，这在大部分时候都满足了需要，但有的时候，比如兼…
VuePress 博客优化之开启 Gzip 压缩
今天我们来学习如何开启服务器的 Gzip 压缩。 Gzip 压缩 关于 Gzip 压缩，引用 MDN 的 介绍： Gzip 是一种用于文件压缩与解压缩的文件格式。它基于 De…
VuePress 博客 SEO 优化（一）sitemap 与搜索引擎收录
本篇讲讲如何进行 SEO 优化。 1. 生成 sitemap 借助 vuepress-plugin-sitemap 生成站点地图： 1.1 安装 yarn add vuepress-plugin-sitemap -D 1.2 修…
搭建 VuePress 站点必做的 10 个优化
在搭建这样一个博客后，其实还有很多的优化工作需要做，本篇我们来盘点一下那些完成基础搭建后必做的 10 个优化。 1. 开启 HTTPS 开启 HTTPS 有很多好…
VuePress 博客之 SEO 优化（五）添加 JSON-LD 数据
本篇讲 SEO 中的 JSON-LD。 JSON-LD 如果我们打开掘金任意一篇文章，比如这篇《VuePress 博客优化之增加 Vssue 评论功能》，查看 DOM 元素，我们可以…
一篇带你用 VuePress + Github Pages 搭建博客
前言 最近完成了 TypeScript 最新官方文档 Hanbook 的翻译，一共十四篇，堪称国内的最好 TypeScript4 入门教程之一。为了方便大家阅读，我用 VuePress…
VuePress 博客优化之拓展 Markdown 语法
如果我们浏览过 TypeScript 官方文档，我们会发现一个很好用的功能，那就是很多代码块，在悬浮上去的时候都会出现一个 Try 按钮： 点击就会跳转到对应…
