前言
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 的翻譯，接下來就準備寫重難點決議部分，
但時值金三銀四，在我讀者群里的同學也經常討論面試相關的內容，所以我想在三月的時候，專門整理面試相關的內容，寫一份前端面試手冊，幫助更多的同學，
但與講解單獨的前端面試題不同，我認為，對于面試，面試前的長時間準備，寫簡歷，找公司，找內推，面試技巧都很重要，而這些方面，很多人經驗太不足了，也沒有意識學習和優化，所以我想寫一份完整的從技術準備，到簡歷，到找公司，到面試技巧的系列文，講其中的道和法，而不是執著于器和具體的面試題目，
感謝大家的閱讀和支持，我是冴羽，下個系列再見啦！[](￣▽￣)**
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/452046.html
標籤：JavaScript