先申明

為了避免有標(biāo)題黨的嫌疑，這里先做申明。

標(biāo)題中說的零代碼指的是借助VuePress 通過簡(jiǎn)單配置，幫助我們生成靜態(tài)網(wǎng)站。

零成本指的是借助GitHub Pages 或者Gitee Pages 部署VuePress生成的靜態(tài)網(wǎng)站。讓互聯(lián)網(wǎng)上的小伙伴訪問到我們的個(gè)人網(wǎng)站。

這些都不需要我們寫一行代碼，不需要花一分錢。

當(dāng)然了，如果你追求網(wǎng)站訪問速度，定制個(gè)人域名，這些是需要money的

如果你還不知道VuePress、 GitHub Pages和Gitee Pages 是個(gè)啥東東，這都沒關(guān)系，文章后面會(huì)慢慢解釋

一、別人家的網(wǎng)站

① 程序員魚皮的個(gè)人網(wǎng)站

② 小林coding的個(gè)人網(wǎng)站

③JavaGuide的個(gè)人網(wǎng)站

還有不少大佬的個(gè)人網(wǎng)站，這里就不一一列舉了。看著這些大佬的網(wǎng)站是不是似曾相識(shí)呢，沒錯(cuò)，雖然他們的網(wǎng)站樣式有點(diǎn)不一樣，但大的框架都是一樣的。

我們?cè)賮砜纯?code>Vue官網(wǎng)，一比較是不是發(fā)現(xiàn)了什么？

他們長(zhǎng)得很像，這就對(duì)了，因?yàn)樗麄兌际峭ㄟ^VuePress 構(gòu)建出來的。

至于VuePress是啥，我們下一小節(jié)慢慢來說

二、VuePress 是什么？

我們來看看官網(wǎng)https://vuepress.vuejs.org/zh/的介紹吧

翻譯成人話，就是我們可以像數(shù)1，2，3一樣容易的通過VuePress 快速構(gòu)建靜態(tài)網(wǎng)站，基本上就是有手就會(huì)

三、怎么入門？

小編自己曾經(jīng)也通過Hexo 搭建過個(gè)人博客（www.xiezhrspace.cn）。

Hexo 也是一個(gè)用得比較多的開源靜態(tài)博客。也可以零代碼，零成本搭建。

如果小伙伴需要，再后面的文章中可以說一說。

不管再好看網(wǎng)站，亦或者小姐姐，時(shí)間一長(zhǎng)了也會(huì)有些審美疲勞。于是乎，我們就會(huì)考慮有沒有什么其他的靜態(tài)網(wǎng)站可以快速上手呢，VuePress就來了

說了這么多，怎么才能親自搭建出一個(gè)自己專屬的個(gè)人網(wǎng)站呢。

本來想著自己先跟著官網(wǎng)文檔搭建了看看，然后給大家來個(gè)入門教程，但有些介紹還是有點(diǎn)生澀，不太容易上手。

于是乎，便找啊找，皇天不負(fù)有心人，發(fā)現(xiàn)了這么一個(gè)寶藏博主寫的文章。

看完了他的博客，只要有手，基本上就能搭建出一個(gè)像模像樣的個(gè)人網(wǎng)站了

博主已經(jīng)把 33 篇VuePress 博客搭建系列文章同步到了GitHub上 https://github.com/mqyqingfeng/Blog

目前已經(jīng)獲得了30.4k Stars了

從文章標(biāo)題，我們就可以看到，博主從VuePress 搭建博客->配置域名->開啟HTTPS->開啟壓縮->如何通過markdown寫博客->各種實(shí)用插件安裝

->添加評(píng)論功能->添加SEO 等功能

到這兒，可能有的小伙伴訪問GitHub可能有些吃力。

別擔(dān)心，細(xì)心的小編已經(jīng)幫你們找到了其他平臺(tái)文章訪問地址 https://blog.csdn.net/weixin_55475226/article/details/123828699

四、其他

如果你覺得看文章還不夠，也可以在B站搜索VuePress 構(gòu)建個(gè)人網(wǎng)站的教程

當(dāng)然了，如果你嫌閱讀上面的文章太慢，太麻煩。還可以通過程序員魚皮搭建好的模板來修改

開源地址：https://github.com/liyupi/codefather/tree/template

目前也是有5.1k 的星星了

本期內(nèi)容到這兒就結(jié)束了，希望以上內(nèi)容對(duì)你搭建自己網(wǎng)站有所幫助

我們下期再見ヾ(?ω?`)o (●'?'●)文章來源地址http://www.zghlxwxcb.cn/news/detail-855088.html

到了這里，關(guān)于怎么樣零代碼零成本搭建個(gè)人網(wǎng)站？的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！