根據(jù)GitHub Pages docsify，我花了一個(gè)小時(shí)創(chuàng)建了個(gè)人博客網(wǎng)站，便捷地寫了本文。

實(shí)際效果:

封面圖內(nèi)容頁

經(jīng)驗(yàn)分享：就個(gè)人博客網(wǎng)站而言，小編早已瞎折騰過許多了，使用過WordPress，Typecho，Hexo這些，服務(wù)器也使用過根據(jù)完全免費(fèi)的GitPages或是付錢的VPS，最終都沒有下文，緣故要不是VPS期滿了不想續(xù)訂，要不是數(shù)據(jù)備份轉(zhuǎn)移各種各樣勞神，blog要不是通過動(dòng)態(tài)性的例如WordPress必須數(shù)據(jù)庫查詢，要不是因?yàn)殪o態(tài)數(shù)據(jù)的例如Hexo，一轉(zhuǎn)移你即將應(yīng)對(duì)的是一堆數(shù)據(jù)庫查詢的數(shù)據(jù)信息或是是HTML編碼，移殖都太不便。最終我發(fā)掘了我兩個(gè)核心要求：完全免費(fèi)，易移殖，那麼Github Pages docsify徹底達(dá)到了我的要求網(wǎng)頁頁面感受:就個(gè)人博客網(wǎng)站來講，小編一直瞎折騰了許多，應(yīng)用了WordPress，Typecho，Hexo等。，而服務(wù)器也曾應(yīng)用完全免費(fèi)GitPages或付錢VPS，均以一無所獲結(jié)束。緣故要不是VPS期滿不想續(xù)訂，要不是數(shù)據(jù)信息遷移費(fèi)了很大勁。blog要不是通過動(dòng)態(tài)性的，例如WordPress，必須數(shù)據(jù)庫查詢，要不是因?yàn)殪o態(tài)數(shù)據(jù)的，例如Hexo，轉(zhuǎn)移的過程中會(huì)應(yīng)對(duì)一堆數(shù)據(jù)庫查詢。最終，我發(fā)掘出我的兩個(gè)核心要求:完全免費(fèi)和便于移殖，因此Github Pages docsify徹底達(dá)到了我的要求。

完全免費(fèi)：Github Pages原本便是完全免費(fèi)的易移殖：docsify是根據(jù)js將md文檔轉(zhuǎn)化成html，測(cè)算在手機(jī)客戶端，沒有服務(wù)端，網(wǎng)絡(luò)服務(wù)器僅用存md，這一就很舒服了，之后你的blog數(shù)據(jù)信息不容易是一堆數(shù)據(jù)庫查詢數(shù)據(jù)信息或是html編碼，反而是具備易讀性的md文檔，下邊詳解一下

Docsify有別于Hexo，Jekyll，Hugo等別的blog小盒子，適用Markdown文件格式，對(duì)程序猿的時(shí)尚博主十分友善。不必轉(zhuǎn)化成html文檔，用MD文件格式寫文章賺錢，立即提交。架構(gòu)自身會(huì)在操作時(shí)將其分析并展現(xiàn)為html網(wǎng)頁頁面。

準(zhǔn)備工作/將要工作中

1.git自然環(huán)境，github帳戶。

要在Windows下安裝git，能夠查詢git介紹和這一Git簡(jiǎn)單教程的安裝。

由于我們要用github Pages來布署大家的運(yùn)用，因此請(qǐng)先申請(qǐng)注冊(cè)Github賬戶，官方網(wǎng)站:Github。

2.有一個(gè)連接點(diǎn)自然環(huán)境。

在Windows下設(shè)定連接點(diǎn)自然環(huán)境。

簡(jiǎn)易而言。

去官方網(wǎng)站下載nodejs：https://nodejs.org/en/，安裝好npm設(shè)置代理或鏡像系統(tǒng)，要不然由于周所眾所周知的緣故會(huì)慢到你可能無法想象設(shè)置代理，依照具體情況來# http代理商npm config set proxy=http://127.0.0.1:8087npm config set registry=http://registry.npmjs.org# https代理商npm config set https-proxy http://server:port# 設(shè)定登錄名或登陸密碼，沒有就無論npm config set proxy http://username:password@server:portnpm confit set https-proxy http://username:password@server:port# 撤銷代理商npm config delete proxynpm config delete https-proxy設(shè)定鏡像系統(tǒng)（強(qiáng)烈推薦），要是沒有代理商，能夠設(shè)定個(gè)國內(nèi)鏡像# 設(shè)定淘寶鏡像npm config set registry https://registry.npm.taobao.org# 驗(yàn)證通過沒npm config get registry

3.簡(jiǎn)要說明流程。

應(yīng)用docsify指令轉(zhuǎn)化成文本文檔網(wǎng)站在github上布署網(wǎng)站

Docsify官網(wǎng)

詳細(xì)地址:https://docsify.js.org/#/. Docsify官網(wǎng)

應(yīng)用docsify指令轉(zhuǎn)化成文本文檔網(wǎng)站。

安裝docsify-cli專用工具。

提議安裝docsify-cli專用工具，能夠便捷文本文檔網(wǎng)址的建立和當(dāng)?shù)貫g覽。

npm i docsify-cli -g

即然大家早已安裝了連接點(diǎn)自然環(huán)境，那麼立即開啟CMD對(duì)話框，實(shí)行之前的指令就好了。

復(fù)位新項(xiàng)目。

docsify init ./docsindex.html 通道文檔README.md 會(huì)做為主導(dǎo)頁內(nèi)容3D渲染.nojekyll 用以阻攔 GitHub Pages 會(huì)忽視掉下橫線開始的文檔

運(yùn)行項(xiàng)目并瀏覽實(shí)際效果。

在這兒，您能夠運(yùn)行項(xiàng)目并見到實(shí)際效果。應(yīng)用下列指令運(yùn)行新項(xiàng)目:

docsify serve docs

過程鍵入:http://localhost:3000。

1.配備左邊導(dǎo)航條。

不建議配備。假如開展了配備，則無法顯示當(dāng)今內(nèi)容的文件目錄。

在docs文件目錄下，建立一個(gè)新的md文件_sidebar.md，內(nèi)容如下所示:

- 我的網(wǎng)站 - [第一章節(jié)目錄](blog/博客搭建.md)

在index.html文檔中配備它。向置入的js腳本制作中加上下列語句:

loadSidebar: true

2.配備封面圖。

該方法與上邊配備的左邊導(dǎo)航條同樣。

最先，建立一個(gè)新的md文件_coverpage.md，這也是您的封面圖內(nèi)容。

# Myblogs> 我的網(wǎng)站[CSDN](https://blog.csdn.net/xxx)[滾動(dòng)鼠標(biāo)](#introduction)

隨后改動(dòng)index.xml文件中的js腳本制作配備，并加上一句話:

coverpage: true

3.配備首頁。

實(shí)際上是docs文件目錄下README.md文件的內(nèi)容。

大家從來沒有照料過他，默認(rèn)設(shè)置是如此的:

更改它，并穿上你的嚇人的歷經(jīng)或標(biāo)識(shí)。

# 個(gè)人介紹

布署到Github。

登陸github帳戶，創(chuàng)建庫房。

建立一個(gè)當(dāng)?shù)貛旆坎⑾⑼扑偷絞ithub。

右鍵單擊git Bash Here開啟Gitcmd復(fù)位一個(gè)庫房，將全部blog文檔遞交到Git當(dāng)?shù)貛旆俊?/p>

涉及到指令如下所示:

git init // 復(fù)位一個(gè)庫房git add -A // 加上全部文件名到儲(chǔ)存區(qū)，也就是交到由git管理方法著git commit -m "myblogs first commit" // 遞交到git倉庫，-m后邊是注解git remote add origin https://github.com/xxx/myblogs.gitgit push -u origin master // 消息推送到遠(yuǎn)程控制myblogs庫房

依照里面的指令次序，沒有其他出現(xiàn)意外，大家當(dāng)?shù)氐膍yblogs早已同歩到github了。

應(yīng)用Github網(wǎng)頁頁面。

在我的網(wǎng)站庫房下，挑選設(shè)定選擇項(xiàng)，尋找GitHub Pages菜單欄，隨后挑選Source下的主支系/文本文檔文件夾選項(xiàng)。你可以進(jìn)行它。