博客 - web秀

#博客#

共找到博客相关内容 10 条

2年前

VuePress 博客之 SEO 优化（六）站长工具

VuePress 博客之 SEO 优化（六）站长工具

...在 [《一篇带你用 VuePress + Github Pages 搭建博客》](https://github.com/mqyqingfeng/Blog/issues/235)中，我们使用 VuePress 搭建了一个博客，最终的效果查看：[TypeScript 中文文档](https://ts.yayujs.com/)。本篇接着讲讲 SEO 优化会用到的站长平台和工具等。

545384 3294 0

2年前

VuePress 博客优化之增加 Vssue 评论功能

VuePress 博客优化之增加 Vssue 评论功能

前言在《一篇带你用VuePress+GithubPages搭建博客》中，我们使用VuePress搭建了一个博客，最终的效果查看：TypeScript中文文档。本篇讲讲如何使用Vssue快速的实现评论功能。主题内置因为我用的是vuepress-theme-reco主题，主题内置评论插件@vuepress-reco/vuepress-plugin-comments，可以根据自己的喜好选择Valine或者Vssue。本篇讲讲使用Vssue实现评论功能的全过程。Vssue官网：vssue.js.org/zh/Vs

545823 3344 0

2年前

VuePress 博客优化之增加 Valine 评论功能

VuePress 博客优化之增加 Valine 评论功能

前言在《一篇带你用VuePress+GithubPages搭建博客》中，我们使用VuePress搭建了一个博客，最终的效果查看：TypeScript中文文档。本篇讲讲如何使用Valine快速的实现评论功能。主题内置因为我用的是vuepress-theme-reco主题，主题内置评论插件@vuepress-reco/vuepress-plugin-comments，可以根据自己的喜好选择Valine或者Vssue。本篇讲讲使用Valine实现评论功能的全过程。Valine官网：valine.js.org/V

545556 3305 0

2年前

VuePress 博客优化之开启 Algolia 全文搜索

VuePress 博客优化之开启 Algolia 全文搜索

前言在《一篇带你用VuePress+GithubPages搭建博客》中，我们使用VuePress搭建了一个博客，最终的效果查看：TypeScript中文文档。由于VuePress的内置搜索只会为页面的标题、h2、h3以及tags构建搜索索引。如果你需要全文搜索，可则以使用Algolia搜索，本篇讲讲如何申请以及配置Algolia搜索。AlgoliaAlgolia是一个数据库实时搜索服务，能够提供毫秒级的数据库搜索服务，并且其服务能以API的形式方便地布局到网页、客户端、APP等多种场景。像VuePress

547087 3337 0

2年前

VuePress 博客如何开启本地 HTTPS 访问

VuePress 博客如何开启本地 HTTPS 访问

「这是我参与2022首次更文挑战的第9天，活动详情查看：2022首次更文挑战」。前言在《一篇带你用VuePress+GithubPages搭建博客》中，我们使用VuePress搭建了一个博客，最终的效果查看：TypeScript中文文档。如果我们在本地运行项目，运行地址类似于http://localhost:8080/learn-typescript/，以http开头，这在大部分时候都满足了需要，但有的时候，比如兼容PWA，就需要以https开头，那我们如何在本地使用https地址呢？开启HTTPS在Vu

546107 3280 0

2年前

VuePress 博客优化之开启 Gzip 压缩

VuePress 博客优化之开启 Gzip 压缩

前言在《一篇带你用VuePress+GithubPages搭建博客》中，我们使用VuePress搭建了一个博客，在《一篇从购买服务器到部署博客代码的详细教程》中，我们将代码部署到服务器上，最终的效果查看：TypeScript中文文档。今天我们来学习如何开启服务器的Gzip压缩。Gzip压缩关于Gzip压缩，引用MDN的介绍：Gzip是一种用于文件压缩与解压缩的文件格式。它基于Deflate算法，可将文件压缩地更小，从而实现更快的网络传输。Web服务器与现代浏览器普遍地支持Gzip，这意味着服务器可以在发送

545030 3236 0

2年前

VuePress 博客优化之添加数据统计功能

VuePress 博客优化之添加数据统计功能

前言在《一篇带你用VuePress+GithubPages搭建博客》中，我们使用VuePress搭建了一个博客，最终的效果点击查看：TypeScript4中文文档。今天我们给博客添加数据统计功能。1.百度统计1.1创建站点1.1.1登陆站点登陆百度统计后台：tongji.baidu.com/web/welcome…1.1.2新增网站在「管理」-「网站列表」中，点击「新增网站」：1.1.3填写信息添加网站域名、网站首页等信息：1.1.4获取代码添加完后，会自动跳转到代码获取页面，我们可以看到根据我们填写的站

544943 3265 0

2年前

VuePress 博客优化之 last updated 最后更新时间如何设置

VuePress 博客优化之 last updated 最后更新时间如何设置

前言在《一篇带你用VuePress+GithubPages搭建博客》中，我们使用VuePress搭建了一个博客，但是浏览最终搭建的站点：TypeScript4中文文档，我们会发现，在每篇文章的底部，并没有像VuePress官方文档那样，出现最后更新的时间：这篇我们来探究下如何实现最后更新时间。官方自带查阅VuePress的官方文档，我们可以知道，VuePress自带显示最后更新时间的插件，在默认主题下，无需安装本插件，因为VuePress的core中已经包含此插件。你可以在config.js文件中直接使用

544552 3241 0

2年前

一篇从购买服务器到部署博客代码的详细教程

一篇从购买服务器到部署博客代码的详细教程

前言我们在《一篇带你用VuePress+GithubPages搭建博客》实现了VuePress搭建个人博客，在《一篇教你代码同步Github和Gitee》和《Gitee如何自动部署Pages？还是用GitHubActions!》实现了代码自动同步和部署Github和Gitee，但我最终还是决定自己建站，说干就干，那我们开始吧。买服务器因为个人的工作经历，选择了阿里云服务器，我们直接买个云服务器ECS，所谓ECS服务器，直接引用官方的介绍：云服务器ECS（ElasticComputeService）是一种简

546132 3266 0

2年前

一篇带你用 VuePress + Github Pages 搭建博客

一篇带你用 VuePress + Github Pages 搭建博客

前言最近完成了TypeScript最新官方文档Hanbook的翻译，一共十四篇，堪称国内的最好TypeScript4入门教程之一。为了方便大家阅读，我用VuePress+GithubPages搭建了博客，博客效果如下：博客地址如下：Githubmqyqingfeng.github.io/learn-types…Giteemqyqingfeng.gitee.io/learn-types…个人服务器ts.yayujs.com0.VuePressVuePress自然不用多说，基于Vue的静态网站生成器，风格简约

545524 3317 0

下拉加载更多