共计 2975 个字符,预计需要花费 8 分钟才能阅读完成。
前言
VuePress 博客搭建系列是我写的第 6 个系列文章,前 5 个系列别离是 JavaScript 深刻系列,JavaScript 专题系列、underscore 系列、ES6 系列、TypeScript 系列。
VuePress 博客搭建系列共计 33 篇,解说应用 VuePress 搭建博客,进行各种优化,为博客削减各种性能,并部署到 GitHub、Gitee、集体服务器平台的全过程。
这个系列从 2021 年 12 月 13 日开始公布第一篇,到 2022 年 3 月 10 日公布最初一篇,感激各位朋友的珍藏、点赞,激励、斧正。
顺便宣传一下该博客的 GitHub 仓库:https://github.com/mqyqingfeng/Blog,欢送 star,激励一下作者。
本篇聊一聊我为什么会写这个系列,以及写作这个系列中的一些感悟。
起因
之所以会开始写这个系列,也是无心插柳,我在翻译完 TypeScript 官网手册之后,忽然想到做个站点,或者更不便大家浏览,于是便做了这样一个站点:TypeScript 中文文档。
之所以抉择用 VuePress,并不是因为我善于 Vue,恰好我素来没有用过 Vue,之所以用 VuePress,更多是因为 Vue 的受众甚广,应用 Vue 格调的文档大家会更有相熟感。
在我筹备搭建这个站点的时候,VuePress 2.x 还在 beta 中,VitePress 也有大量利用,思考到我想疾速搭建一个站点,因为 VitePress 不兼容以后的 VuePress 生态,所以我就抉择了 VuePress,至于为什么没有抉择 beta 测试版,是因为很多生态中的主题和插件还没有降级,于是我就用了最为稳固的 VuePress 1.x,所以这个系列文章也是基于 VuePress 1.x 写的,像个别函数名和应用形式,到了 VuePress 2.x 中就变了,如果是应用 VuePress 2.x 的同学请千万留神。
刚开始我是应用 GitHub Pages 搭建的,因为 GitHub 的屏蔽起因,我又用 Gitee Pages 搭建了一份,起初一想,为啥不本人搞个域名和服务器呢,于是我就本人买了域名和服务器,最终做了这个站点。
边做我边写文章分享,一开始预计写 8 篇左右,后果写起来一发不可收拾,各种要做的事件一钻研,都能够独自成文了,随着站点的一直优化,我也将本人的实现分享进去,最终如你所见,写了 33 篇,其实纵观每一篇都是一个十分小的知识点,但综合起来,却又横跨了不少常识畛域。
心愿这个系列的读者能有所播种,不仅仅是搭建胜利本人的站点,更是能在这个过程中对很多货色的原理有所了解,这样再解决类似的问题时,能力触类旁通。
感叹
更新这个系列文章我最大的感触或者就是:这种文章真好写……
像我平常写的文章都是原理类的,写一篇文章往往要通读很多文章、书籍,而后再依据本人的思路写进去,但这种实际类的文章,记录遇到的问题,写下解决问题的形式即可,一天一篇几乎是太简略了……
尽管我也心愿写的有点深度,像 VuePress 的源码、主题的源码、markdown-it 的源码,很多插件的源码我都翻过并写了解析,但因为我自身并不想在这方面破费太多工夫,毕竟只是棘手写的文章,花大量工夫钻研透原理,闲事却没干,切实是捡了芝麻漏了西瓜,所以更多是大抵的梳理,很多时候,问题解决了,哪怕解决的形式不优雅不完满也都算了,或者这跟很多做业务的同学很像,只求解决问题,但却不花工夫优化问题的解决形式。
由此我也根据本人的亲身经历,得出结论:那些日更作者,写的文章肯定不怎么样!
当然这句我也说了我本人,一个人没有大量的输出,就在疯狂的输入,写出的文章要不然就是简略,一天就能够学会解决的内容,要不然就是彻头彻尾的水文。我心愿我至多是属于前者。
所以不要钦佩那些日更的作者,他们日更写的章肯定不怎么样,作者的程度在日更的过程中,只能保障上限,却进步不了下限。
当然这样说,并不是在说这个系列文章的品质不好,毕竟作者是我,只是很多细节上我个人感觉仍然有优化和欠缺的空间,而且写了 33 篇,我感觉这可能是业界对于 VuePress 博客搭建最欠缺零碎的教程了。
实际上,在我更新这个系列文章的过程中,有很多同学跟着系列教程创立了本人的站点,在我的群里就有同学分享跟着我的文章《一篇教你博客如何部署到本人的服务器》1 个小时就部署了 vuepress 博客,但我本人一个人在做的时候,本人装先花了一天,为了写这篇文章,重置了服务器,边装边写又花了一天。尽管不像一些作者十天半月打磨一篇文章,但也在力不从心的范畴内尽可能欠缺的写文了。
全目录
- 一篇带你用 VuePress + GitHub Pages 搭建博客
- 一篇教你代码同步 GitHub 和 Gitee
- 还不会用 GitHub Actions?看看这篇
- Gitee 如何主动部署 Pages?还是用 GitHub Actions!
- 一份前端够用的 Linux 命令
- 一份简略够用的 Nginx Location 配置解说
- 一篇教你博客如何部署到本人的服务器
- 一篇域名从购买到备案到解析的具体教程
- VuePress 博客优化之 last updated 最初更新工夫如何设置
- VuePress 博客优化之增加数据统计性能
- VuePress 博客优化之开启 HTTPS
- VuePress 博客优化之开启 Gzip 压缩
- 从零实现一个 VuePress 插件
- VuePress 博客优化之拓展 Markdown 语法
- markdown-it 原理解析
- markdown-it 插件如何写(一)
- markdown-it 插件如何写(二)
- markdown-it 插件如何写(三)
- 有的时候我感觉我不会 Markdown
- VuePress 博客优化之中文锚点跳转问题
- 搭建 VuePress 博客,你可能会用到的一些插件
- VuePress 博客如何开启本地 HTTPS 拜访
- VuePress 博客优化之兼容 PWA
- VuePress 博客优化之开启 Algolia 全文搜寻
- VuePress 博客优化之减少 Valine 评论性能
- VuePress 博客优化之减少 Vssue 评论性能
- VuePress 博客之 SEO 优化(一)sitemap 与搜索引擎收录
- VuePress 博客之 SEO 优化(二)重定向
- VuePress 博客之 SEO 优化(三)题目、链接优化
- VuePress 博客之 SEO 优化(四)Open Graph protocol
- VuePress 博客之 SEO 优化(五)增加 JSON-LD 数据
- VuePress 博客之 SEO 优化(六)站长工具
- 搭建 VuePress 站点必做的 10 个优化
下期预报
本来预计更新完博客搭建系列,将回归到 TypeScript 系列的写作中。
TypeScript 系列是一个由官网文档翻译、重难点解析、实际技巧与总结三个局部组成的系列文章,全系列预计 40 篇左右。目前已实现了官网文档 Handbooks 的翻译,接下来就筹备写重难点解析局部。
但时值金三银四,在我读者群里的同学也常常探讨面试相干的内容,所以我想在三月的时候,专门整顿面试相干的内容,写一份前端面试手册,帮忙更多的同学。
但与解说独自的前端面试题不同,我认为,对于面试,面试前的长时间筹备,写简历,找公司,找内推,面试技巧都很重要,而这些方面。很多人教训太有余了,也没有意识学习和优化,所以我想写一份残缺的从技术筹备,到简历,到找公司,到面试技巧的系列文,讲其中的道和法,而不是执着于器和具体的面试题目。
感激大家的浏览和反对,我是冴羽,下个系列再见啦![]~(~▽~)~**