前言 在 <一篇带你用 VuePress + Github Pages 搭建博客>中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档. 本篇讲讲 SEO 中的一些细节优化. 1. 设置全局的 title.description.keywords // config.js module.exports = { title: "title", description: 'description', head: [ ['meta', {…

前言 在 <一篇带你用 VuePress + Github Pages 搭建博客>中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档. 本篇讲讲 SEO 与重定向. 问题 最一开始我使用 GitHub Pages 服务建立了站点,地址是:https://mqyqingfeng.github.io/learn-typescript, 考虑到 GitHub 在国内访问速度的问题,我又在 Gitee 上同步了一份,地址是:http://mqyqingfen…

前言 在 <一篇带你用 VuePress + Github Pages 搭建博客>中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档. 本篇讲 SEO 中的 JSON-LD. JSON-LD 如果我们打开掘金任意一篇文章,比如这篇<VuePress 博客优化之增加 Vssue 评论功能>,查看 DOM 元素,我们可以在 head 中找到这样一段 script 标签: 在思否等其他平台也是可以看到的: 那这个 type 为 applicat…

前言 在 <一篇带你用 VuePress + Github Pages 搭建博客>中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档. 本篇讲讲如何进行 SEO 优化. 1. 生成 sitemap 借助 vuepress-plugin-sitemap生成站点地图: 1.1 安装 yarn add vuepress-plugin-sitemap -D 1.2 修改 config.js // .vuepress/config.js module.expo…

前言 在 <一篇带你用 VuePress + Github Pages 搭建博客>中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档. 本篇接着讲讲 SEO 优化会用到的站长平台和工具等. 1. 百度统计 地址:https://tongji.baidu.com/web/welcome/login 网站流量分析工具,能够告诉用户访客是如何找到并浏览用户的网站,在网站上做了些什么 2. 百度搜索资源平台 地址:https://ziyuan.baidu.c…

原文地址: Hexo + Github 个人博客设置以及优化 一.博客设置 分类.标签云.关于等页面 在站点目录下分别执行: hexo new page "categories" # 新增分类 hexo new page "tags" # 新增标签 hexo new page "about" # 新增关于 可以在对应的 index.md 中添加 comments: false 来关闭评论功能; 然后再主题配置文件 _config.yml 中打开注…

上篇我们说了 hexo 的优化,针对的站点的优化. 本篇讲解 next 主题的优化,包括:使用语言.前端页面显示宽度.菜单.侧栏.头像.添加或取消动画效果.打赏功能等等. 让页面排版更符合我们所要的功能和所想的风格. 可参考网站 http://theme-next.iissnan.com/getting-started.html 主题设定 选择 Scheme 修改 next 主题配置文件. [root@zhangblog next]# pwd /app/softinsall/hexo/theme…

上两张文章,我们说了 hexo 部署.主题的切换.博文的创建.MarkDown 简单使用和 hexo 部署到 GitHub Pages. 也说了我们会使用 next 主题做为我们后期博客的使用和维护.但是该主题的原生态,可能或多或少不满足我们当前的需求,因此需要我们对其进行优化,达到我们想要的效果. 因此这篇文章和下篇文章主要就是针对主题的优化进行书写的. 注意事项 1.优化完毕或者新建博客后需要 hexo g 生成静态文件: 2.然后重新启动服务,使用命令 hexo s -p 80 3.浏览器…

今天,教大家查看自己博客的SEO. 首先,上网站http://seo.chinaz.com/ 接着,在网页输入框中输入自己博客地址(带后面路径,不是cnblogs.com这样的,类似https://www.cnblogs.com/Mzg121584668/p/7452332.html)@_小马哥 你上电视了! 里面显示出你的博客百度权重等东西.还有pv(不懂自行百度)这些东西. 注意:不要打seo优化的广告,否则,你就真的上电视了! 效果图: --------------------------…

前言 在 <一篇带你用 VuePress + Github Pages 搭建博客>中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档. 本篇我们讲讲如何兼容 PWA. PWA PWA,英文全称:Progressive Web Apps, 中文翻译:渐进式 Web 应用. 引用 MDN 的介绍: PWA 指的是使用指定技术和标准模式来开发的 Web 应用,这同时赋予它们 Web 应用和原生应用的特性. 例如一方面,Web 应用更加易于发现:相比于安装应…