03 2022 档案
摘要:
前言 VuePress 博客搭建系列是我写的第 6 个系列文章,前 5 个系列分别是 JavaScript 深入系列,JavaScript 专题系列、underscore 系列、ES6 系列、TypeScript 系列。 VuePress 博客搭建系列共计 33 篇,讲解使用 VuePress 搭建
阅读全文

摘要:
前言 在 《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档。 在搭建这样一个博客后,其实还有很多的优化工作需要做,本篇我们来盘点一下那些完成基础搭建后必做的 10 个优化。 1. 开
阅读全文

摘要:
前言 在 《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档。 本篇接着讲讲 SEO 优化会用到的站长平台和工具等。 1. 百度统计 地址:https://tongji.baidu.c
阅读全文

摘要:
前言 在 《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档。 本篇讲 SEO 中的 JSON-LD。 JSON-LD 如果我们打开掘金任意一篇文章,比如这篇《VuePress 博客优
阅读全文

摘要:
前言 在 《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档。 本篇讲讲 SEO 优化中的 Open Graph protocol。 meta 标签 如果我们打开思否任意一篇文章,比如
阅读全文

摘要:
前言 在 《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档。 本篇讲讲 SEO 中的一些细节优化。 1. 设置全局的 title、description、keywords // co
阅读全文

摘要:
前言 在 《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档。 本篇讲讲 SEO 与重定向。 问题 最一开始我使用 GitHub Pages 服务建立了站点,地址是:https://m
阅读全文

摘要:
前言 在 《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档。 本篇讲讲如何进行 SEO 优化。 1. 生成 sitemap 借助 vuepress-plugin-sitemap 生成
阅读全文

摘要:
前言 在 《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档。 本篇讲讲如何使用 Vssue 快速的实现评论功能。 主题内置 因为我用的是 vuepress-theme-reco 主题
阅读全文

摘要:
前言 在 《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档。 本篇讲讲如何使用 Valine 快速的实现评论功能。 主题内置 因为我用的是 vuepress-theme-reco 主
阅读全文

摘要:
前言 在 《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档。 由于 VuePress 的内置搜索只会为页面的标题、h2 、 h3 以及 tags 构建搜索索引。 如果你需要全文搜索,
阅读全文

摘要:
前言 在 《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档。 本篇我们讲讲如何兼容 PWA。 PWA PWA,英文全称:Progressive Web Apps, 中文翻译:渐进式
阅读全文
