![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
博客搭建
文章平均质量分 93
冴羽的JavaScript博客
冴羽写博客的地方,17 年开始写前端博客,至今 6 个系列,上百篇文章,全网百万阅读
展开
-
VuePress 博客搭建系列 33 篇正式完结
前言VuePress 博客搭建系列是我写的第 6 个系列文章,前 5 个系列分别是 JavaScript 深入系列,JavaScript 专题系列、underscore 系列、ES6 系列、TypeScript 系列。VuePress 博客搭建系列共计 33 篇,讲解使用 VuePress 搭建博客,进行各种优化,为博客增添各种功能,并部署到 GitHub、Gitee、个人服务器平台的全过程。这个系列从 2021年12月13日开始发布第一篇,到 2022 年 3 月 10 日发布最后一篇,感谢各位朋友原创 2022-03-29 18:35:50 · 1968 阅读 · 0 评论 -
搭建 VuePress 站点必做的 10 个优化
前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档。在搭建这样一个博客后,其实还有很多的优化工作需要做,本篇我们来盘点一下那些完成基础搭建后必做的 10 个优化。1. 开启 HTTPS开启 HTTPS 有很多好处,比如可以实现数据加密传输等,SEO 也会更容易收录:Google 会优先选择 HTTPS 网页(而非等效的 HTTP 网页)作为规范网页开启 HTTPS,我们原创 2022-03-23 11:21:22 · 1617 阅读 · 0 评论 -
VuePress 博客之 SEO 优化(六)站长工具
前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档。本篇接着讲讲 SEO 优化会用到的站长平台和工具等。1. 百度统计地址:https://tongji.baidu.com/web/welcome/login网站流量分析工具,能够告诉用户访客是如何找到并浏览用户的网站,在网站上做了些什么2. 百度搜索资源平台地址:https://ziyuan.baidu.com/s原创 2022-03-22 16:15:21 · 607 阅读 · 0 评论 -
VuePress 博客之 SEO 优化(五)添加 JSON-LD 数据
前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档。本篇讲 SEO 中的 JSON-LD。JSON-LD如果我们打开掘金任意一篇文章,比如这篇《VuePress 博客优化之增加 Vssue 评论功能》,查看 DOM 元素,我们可以在 head 中找到这样一段 script 标签:在思否等其他平台也是可以看到的:那这个 type 为 application/ld+json原创 2022-03-21 16:34:49 · 1020 阅读 · 0 评论 -
VuePress 博客之 SEO 优化(四) Open Graph protocol
前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档。本篇讲讲 SEO 优化中的 Open Graph protocol。meta 标签如果我们打开思否任意一篇文章,比如这篇《VuePress 博客优化之增加 Vssue 评论功能》,查看 DOM 元素,我们可以在 head 中找到这样一段 meta 标签:我们可以发现 name 都是以 og: 开头,这是什么意思呢,又是什么原创 2022-03-19 18:44:05 · 565 阅读 · 0 评论 -
VuePress 博客之 SEO 优化(三)标题、链接优化
前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档。本篇讲讲 SEO 中的一些细节优化。1. 设置全局的 title、description、keywords// config.jsmodule.exports = { title: "title", description: 'description', head: [ ['meta'原创 2022-03-18 12:02:21 · 1432 阅读 · 0 评论 -
VuePress 博客之 SEO 优化(二)重定向
前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档。本篇讲讲 SEO 与重定向。问题最一开始我使用 GitHub Pages 服务建立了站点,地址是:https://mqyqingfeng.github.io/learn-typescript,考虑到 GitHub 在国内访问速度的问题,我又在 Gitee 上同步了一份,地址是:http://mqyqingfeng.gitee原创 2022-03-17 11:59:12 · 1628 阅读 · 0 评论 -
VuePress 博客之 SEO 优化(一) sitemap 与搜索引擎收录
前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档。本篇讲讲如何进行 SEO 优化。1. 生成 sitemap借助 vuepress-plugin-sitemap 生成站点地图:1.1 安装yarn add vuepress-plugin-sitemap -D1.2 修改 config.js// .vuepress/config.jsmodule.exports =原创 2022-03-11 16:18:27 · 1561 阅读 · 0 评论 -
VuePress 博客优化之增加 Vssue 评论功能
前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档。本篇讲讲如何使用 Vssue 快速的实现评论功能。主题内置因为我用的是 vuepress-theme-reco 主题,主题内置评论插件 @vuepress-reco/vuepress-plugin-comments,可以根据自己的喜好选择 Valine 或者 Vssue。本篇讲讲使用 Vssue 实现评论功能的全过程。Vs原创 2022-03-10 18:46:30 · 723 阅读 · 0 评论 -
VuePress 博客优化之增加 Valine 评论功能
前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档。本篇讲讲如何使用 Valine 快速的实现评论功能。主题内置因为我用的是 vuepress-theme-reco 主题,主题内置评论插件 @vuepress-reco/vuepress-plugin-comments,可以根据自己的喜好选择 Valine 或者 Vssue。本篇讲讲使用 Valine 实现评论功能的全过程。V原创 2022-03-09 18:46:33 · 714 阅读 · 1 评论 -
VuePress 博客优化之开启 Algolia 全文搜索
前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档。由于 VuePress 的内置搜索只会为页面的标题、h2 、 h3 以及 tags 构建搜索索引。 如果你需要全文搜索,可则以使用 Algolia 搜索,本篇讲讲如何申请以及配置 Algolia 搜索。AlgoliaAlgolia 是一个数据库实时搜索服务,能够提供毫秒级的数据库搜索服务,并且其服务能以 API 的形式方便地原创 2022-03-08 20:54:33 · 1582 阅读 · 2 评论 -
2022 年了,还不了解 PWA ? 教你 VuePress 博客如何快速兼容 PWA
前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档。本篇我们讲讲如何兼容 PWA。PWAPWA,英文全称:Progressive Web Apps, 中文翻译:渐进式 Web 应用。引用 MDN 的介绍:PWA 指的是使用指定技术和标准模式来开发的 Web 应用,这同时赋予它们 Web 应用和原生应用的特性。例如一方面,Web 应用更加易于发现:相比于安装应用,访问一个原创 2022-03-07 20:15:35 · 398 阅读 · 0 评论