個(gè)人博客網(wǎng)頁設(shè)計(jì)模板 如何將vue創(chuàng)建的個(gè)人博客部署到github pages上?
如何將vue創(chuàng)建的個(gè)人博客部署到github pages上?GitHub頁面只能存儲(chǔ)靜態(tài)頁面,不能運(yùn)行后臺(tái)代碼,不能動(dòng)態(tài)生成文件,也不能有數(shù)據(jù)庫。您看到的“博客引擎”實(shí)際上是一個(gè)頁面生成器,也就是說,
如何將vue創(chuàng)建的個(gè)人博客部署到github pages上?
GitHub頁面只能存儲(chǔ)靜態(tài)頁面,不能運(yùn)行后臺(tái)代碼,不能動(dòng)態(tài)生成文件,也不能有數(shù)據(jù)庫。您看到的“博客引擎”實(shí)際上是一個(gè)頁面生成器,也就是說,您將模板和其他動(dòng)態(tài)代碼寫入靜態(tài)頁面,然后將它們放到GitHub上。因此,GitHub頁面基本上只能用作項(xiàng)目主頁
GitHub上有一個(gè)源blog項(xiàng)目,名為dbblog,由springboot Vue構(gòu)建。你可以參考它
有許多編輯器/ide可以編寫Vue。我個(gè)人建議使用vscode來編寫Vue。就連Vue的作者游玉喜也在微博上表示,他也使用vscode。
今天我們將討論如何使用vscode開發(fā)Vue。與大多數(shù)ide一樣,vscode也有擴(kuò)展和主題市場(chǎng),包括大量插件。使用vscode開發(fā)Vue必須安裝多個(gè)功能強(qiáng)大的插件才能提高工作效率。例如,vscode下的vetur就是這樣一個(gè)必要的Vue開發(fā)工具。讓我們從它的一些功能開始。
Vetur支持語法高亮顯示。Vue文件。除了支持模板之外,它還支持大多數(shù)主流的前端開發(fā)腳本和插件,比如sass和typescript。支持突出顯示的完整語法如下跟隨:。語法高亮顯示是所有ide的基本功能之一。編寫沒有語法突出顯示的代碼真的很不舒服。
默認(rèn)情況下使用Vetureslint插件vue@beta對(duì)于detect< template>,錯(cuò)誤檢測(cè)可以幫助我們?cè)陂_發(fā)過程中發(fā)現(xiàn)錯(cuò)誤編輯器.tabSize以及編輯器.insertSpace對(duì)于HTML和CSS/SCSS/less格式,JS beauty用于標(biāo)準(zhǔn)化,typescript“s language”用于JS/TS格式,這些配置可以更改。有了自動(dòng)格式化功能,在編寫代碼時(shí)可以減少花在格式化上的時(shí)間,并且可以把時(shí)間和精力放在代碼本身上,大大提高了編寫代碼的效率。
如何用vue打造一個(gè)好看到爆的博客頁面?
首先,您必須購買并注冊(cè)域名?,F(xiàn)在域名注冊(cè)的地方很多。你可以去大的登記處買一個(gè)。大約60元。建議選擇COM域名或CN域名。不過,個(gè)人博客最好使用個(gè)人名字。注冊(cè)后,您可以提交實(shí)名認(rèn)證。那些沒有實(shí)名認(rèn)證的人無法解決。您可以在購買空間后解決這些問題。
這是您存儲(chǔ)網(wǎng)站的地方。現(xiàn)在虛擬主機(jī)非常便宜。大約150-300克就足夠了。建議購買支持Linux的空間。穩(wěn)定,后期升級(jí)容易。Windows程序和空間不穩(wěn)定,容易掛斷。十多年前我用ASP作為一個(gè)網(wǎng)站。漏洞太多了。黑客破解后,他們?yōu)槲覄h除了數(shù)據(jù)庫,很長(zhǎng)時(shí)間沒有恢復(fù),將域名綁定在后臺(tái)空間。
通常,空間提供商提供后臺(tái)進(jìn)行歸檔,并進(jìn)入后臺(tái)提交域名、空間和個(gè)人信息進(jìn)行歸檔。如果你購買了家庭空間,沒有文件就不能進(jìn)入。如果你不存檔,你必須購買香港空間。不過,建議準(zhǔn)備一個(gè)案例,因?yàn)闆]有備案的網(wǎng)站將來會(huì)申請(qǐng)聯(lián)盟廣告,騰訊發(fā)展后臺(tái)不能使用。案件準(zhǔn)備完成后,網(wǎng)站將關(guān)閉。為了安全和信任,大約需要兩周到20天。
使用FTP軟件上傳網(wǎng)站程序。建議使用開源博客程序、WordPress和zblog。這兩個(gè)節(jié)目是免費(fèi)的。它們可以從官方網(wǎng)站下載、上傳和安裝。建議使用CuteFTP。這是開源的。
安裝后,您可以設(shè)置信息、博客名稱、關(guān)鍵字和分類列,然后發(fā)布博客。