当前位置: 首页 > Web前端 > JavaScript

VuePress博客搭建系列33篇正式完结!

时间:2023-03-27 10:58:22 JavaScript

前言VuePress博客搭建系列是我写的第六篇系列文章。前五个系列分别是JavaScript深入系列、JavaScript专题系列、underscore系列、ES6系列、TypeScript系列。VuePress博客搭建系列一共33篇,讲解了使用VuePress搭建博客、进行各种优化、为博客添加各种功能、部署到GitHub、Gitee、个人服务器平台的全过程。本系列第一篇将于2021年12月13日发布,最后一篇将于2022年3月10日发布,感谢大家的收藏、点赞、鼓励、指正。顺便宣传一下本博客的GitHub仓库:https://github.com/mqyqingfeng/Blog,欢迎star,鼓励作者。在这篇文章中,我将谈谈我为什么要写这个系列,以及写这个系列的一些感悟。我开始写这个系列的原因是无意的。翻译了TypeScript官方手册后,突然想到做一个站点,可能更方便大家阅读,于是就做了这样一个站点:TypeScriptChineseDocumentation。我选择使用VuePress的原因并不是因为我擅长Vue,而是我之前从未使用过Vue。我之所以使用VuePress,更多是因为Vue的受众面广,Vue风格的文档大家会更加熟悉。在我准备搭建这个站点的时候,VuePress2.x还在测试阶段,VitePress也有少量的应用。考虑到我想快速建站,因为VitePress不兼容现在的VuePress生态,所以选择了VuePress。为什么?没有选择内测版是因为生态中很多主题和插件都没有升级,所以我用的是最稳定的VuePress1.x,所以本系列文章也是基于VuePress1.x来写的,比如个人函数名称和用法VuePress2.x中的方法发生了变化。如果你使用的是VuePress2.x,请注意。一开始,我使用GitHubPages构建它。因为GitHub的封杀,我又用GiteePages建了一个副本。后来我想,为什么不自己建一个域名和服务器呢,于是就自己买了域名和服务器。并最终建立了这个网站。我一边做一边写文章分享。一开始预计能写8篇左右,结果一发不可收拾。研究完各种要做的事情,就可以单独写了。随着网站的不断优化,我自己也会写到最后,如大家所见,我写了33篇。其实每篇文章都是一个很小的知识点,但是结合起来,就跨越了很多知识领域。希望本系列的读者能够有所收获,不仅能够成功搭建自己的站点,还能在过程中了解很多东西的原理,从而在处理类似问题的时候,举一反三。更新这个系列文章我最大的感受可能就是:这种文章真的好写……平时写的文章都是讲原理的。写一篇文章,往往要看很多文章和书籍,然后按照自己的想法来写。写出来吧,不过对于这种实用的文章,只是把遇到的问题记录下来,把解决问题的方法写下来。一天一篇,简直太简单了。。。虽然我也希望写的深入一点,像VuePress的源码,主题的源码,markdown-it的源码,还有很多插件都翻过写来分析,但是因为不想在这方面花太多时间,毕竟只是随手写的一篇文章,花了很多时间研究原理,但是没做正事,真的是捡了芝麻丢了西瓜,所以比较笼统的整理一下。在许多情况下,问题已经解决,即使解决方案并不优雅或完美。同学们很相似,他们只想解决问题,却不会花时间去优化问题的解决方案。由此,我也根据自己的亲身经历得出一个结论:那些天天更新的作者一定写不出很好的文章!当然,这也是我对自己说的。一个没有大量输入的人,只是在疯狂输出。他写的文章要么简单,一天就能学会,要么就是彻头彻尾的水文学。我希望我至少属于前者。所以不要羡慕那些每日更新的作者。他们写的章节一定不是很好。在每日更新过程中,作者等级只能保证下限,不能提升上限。当然,这并不是说本系列文章的质量不好。毕竟我是作者,但是个人觉得很多细节方面还有优化和改进的空间,写了33篇。我想这可能是业界对VuePress的担忧。博客搭建最全的系统教程。事实上,在更新本系列文章的过程中,很多同学都按照系列教程创建了自己的站点。在我的群里,有同学分享了我的文章《一篇教你博客如何部署到自己的服务器》,1小时部署了vuepress博客。但是我自己做的时候,自己安装就花了一天的时间。为了写这篇文章,我重置了服务器,又花了一天时间边安装边写。虽然不像有些作者十个半月就可以打磨一篇文章,但也是在力所能及的范围内,写得尽可能的完美。全目录一带你用VuePress+GitHubPages搭建博客一手教你代码同步GitHub和Gitee还是不知道如何使用GitHubActions?看看这个Gitee是如何自动部署Pages的?仍然使用GitHubActions!一个前端够用的Linux命令一个足够简单的NginxLocation配置解释一个教程,教你如何将博客部署到自己的服务器域名从购买到备案到解析的详细教程VuePress博客优化最后更新最后更新时间如何设置VuePress博客优化加入数据统计功能VuePress博客优化开启HTTPSVuePress博客优化开启Gzip压缩从零实现一个VuePress插件VuePress博客优化扩展Markdown语法markdown-it原理分析markdown-it插件HowtoWriting(一)Howtowriting一个markdown-it插件(二)如何写一个markdown-it插件(三)有时我觉得我不会markdownVuePress博客优化中文锚点跳转问题搭建一个VuePress博客,你可能会用到如何启用本地HTTPS访问部分插件VuePress博客VuePress博客优化兼容PWAVuePress博客优化启用Algolia全文搜索VuePress博客优化之加入Valine评论功能VuePress博客优化之加入VuePress博客的Vssue评论功能SEO优化(一)站点地图和搜索引擎包括VuePress博客的SEO优化(二)VuePress博客的RedirectSEO优化(三)标题和链接优化VuePress博客SEO优化(四)VuePress博客OpenGraph协议SEO优化(五)VuePress博客添加JSON-LD数据SEO优化(六)站长工具建VuePress站点必做的10个优化TheTypeScript系列是一个系列文章,由官方文档翻译、重点难点解析、实战技巧和总结三部分组成。整个系列预计约有40篇文章。目前官方文档Handbooks的翻译已经完成,接下来就是写重难点分析部分了。不过是金银金,我的读者群里的同学经常讨论面试相关的内容,所以想在三月份整理面试相关的内容,写一份前端面试手册,帮助更多的同学。但它不同于解释一个单独的前端面试问题。我觉得对于面试来说,面试前的长期准备,写简历,找公司,找内推,面试技巧很重要,这几个方面。很多人经验太少,没有学习和优化的意识,所以我想写一个完整的系列文章,从技术准备,到简历,到找公司,到面试技巧,讲讲原理和方法,而不是坚持在装备和具体面试题方面。感谢您的阅读和支持。我是纱夏。下个系列再见![]~( ̄▽ ̄)~**