答應(yīng)大家的建站教程!
哈嘍，大家好，我是廚子。
之前個(gè)人博客上線時(shí)說，大家如果需要，后面會(huì)給大家寫一下建站教程，所以今天它來了。
先給大家看一下網(wǎng)站封面，個(gè)人是非常喜歡的，記得高中下課后的娛樂項(xiàng)目之一就是，趴在桌子下面，用手機(jī)偷偷看灌籃高手，這個(gè)是真的好看，喜歡打籃球的哥們應(yīng)該都看過這個(gè)動(dòng)漫。
好啦，廢話不多說，開整。
建站的前置條件（網(wǎng)址在圖片下面）
1.個(gè)人服務(wù)器，個(gè)人博客的話，不用買配置太高的，我的是 2c4g ，當(dāng)然你也可以用 Github page，不過我個(gè)人建議還是自己買一個(gè)，不咋貴。
https://cloud.tencent.com/2.服務(wù)器運(yùn)維面板，我用的寶塔，個(gè)人認(rèn)為非常好用。
3.博客模版，當(dāng)然你也可以自己寫代碼，我用的是 docsify。一個(gè)簡(jiǎn)約又不簡(jiǎn)單的網(wǎng)站模版。
https://docsify.js.org/4.域名，可以在阿里云或者騰訊云自行購(gòu)買，個(gè)人建議服務(wù)器和域名買一家的，備案認(rèn)證時(shí)省事一些。
https://dnspod.cloud.tencent.com/?from=qcloudHpProductDns/5.簡(jiǎn)要了解 MarkDown 語法，常用的段落標(biāo)題等。
好啦，具備上述前置條件，則可以搭建個(gè)人網(wǎng)站啦，具體教程如下。
安裝 node.js
這一步 docsify 官方文檔沒有提到，但是node.js是必須安裝的，安裝方式可以去官網(wǎng)看或者 CSDN 搜一哈就行，這一塊就不進(jìn)行詳細(xì)介紹啦。在這里貼一下 node.js 的官方網(wǎng)站。
https://nodejs.org/en/
安裝完成之后，可以使用 npm -v 查看版本號(hào)并檢查一下是否安裝成功。
安裝 docsify-cli 工具
命令非常簡(jiǎn)單
npm i docsify-cli -g
然后你就能看到刷刷刷正在安裝的面板，安裝完成之后，可以使用 docsify -v查看版本號(hào)并查看是否安裝成功。
則需要對(duì)其初始化，工程目錄可以自行設(shè)定。
docsify init chengxuchu
好啦，初始化完成之后，網(wǎng)站就建好了，是不是很簡(jiǎn)單？
得了吧，你可別吹牛啦，輸幾行代碼就建好網(wǎng)站啦？你忽悠誰呢？
不信你看，首先啟動(dòng) docsify
本地預(yù)覽
網(wǎng)站是不是就把網(wǎng)站的框架就搭好啦？下面只需要對(duì)內(nèi)容進(jìn)行填充和美化即可。
首先打開其目錄。
其中 index.html 文件可以對(duì)網(wǎng)站進(jìn)行一些設(shè)定，安裝某些插件（后面會(huì)詳細(xì)介紹），或者自己進(jìn)行編碼對(duì)網(wǎng)站進(jìn)行優(yōu)化，README 則能夠?qū)W(wǎng)站主頁(yè)進(jìn)行渲染。
下面來對(duì) README 進(jìn)行修改并查看具體效果。
保存后本地預(yù)覽
這樣就完成了修改。
下面繼續(xù)來看一下 index.html 文件內(nèi)有哪些內(nèi)容
其中 #app 會(huì)顯示 loading... 內(nèi)容，也就是加載網(wǎng)站時(shí)的內(nèi)容，這一塊可以自己定制。
window.$docsify 則為配置函數(shù)，初始情況如下。
??
<kbd id="afajh"><form id="afajh"></form></kbd> <strong id="afajh"><dl id="afajh"></dl></strong>
<del id="afajh"><form id="afajh"></form></del>
<th id="afajh"><progress id="afajh"></progress></th>
<b id="afajh"><abbr id="afajh"></abbr></b>
<th id="afajh"><progress id="afajh"></progress></th>