摘要:工具技術(shù)創(chuàng)建項(xiàng)目賬戶(hù)注冊(cè)和新建項(xiàng)目,項(xiàng)目必須要遵守格式賬戶(hù)名,不然接下來(lái)會(huì)有很多麻煩。安裝在自己認(rèn)為合適的地方創(chuàng)個(gè)文件夾,我是在盤(pán)建了一個(gè)文件夾。
工具:Visual Studio Code/MarkdownPad
技術(shù):Hexo+Github
Github賬戶(hù)注冊(cè)和新建項(xiàng)目,項(xiàng)目必須要遵守格式:賬戶(hù)名.github.io,不然接下來(lái)會(huì)有很多麻煩。并且需要勾選Initialize this repository with a README
在建好的項(xiàng)目右側(cè)有個(gè)settings按鈕,點(diǎn)擊它,向下拉到GitHub Pages,你會(huì)看到那邊有個(gè)網(wǎng)址,訪問(wèn)它,你將會(huì)驚奇的發(fā)現(xiàn)該項(xiàng)目已經(jīng)被部署到網(wǎng)絡(luò)上,能夠通過(guò)外網(wǎng)來(lái)訪問(wèn)它。
安裝Hexo在自己認(rèn)為合適的地方創(chuàng)個(gè)文件夾,我是在D盤(pán)建了一個(gè)blog文件夾。然后在vscode打文件夾
在vscode中打開(kāi)終端,輸入npm install hexo -g,開(kāi)始安裝Hexo
輸入hexo -v,檢查hexo是否安裝成功
輸入hexo init,初始化該文件夾(有點(diǎn)漫長(zhǎng)的等待。。。)看到后面的“Start blogging with Hexo!”,激動(dòng)有木有!!!!!
輸入npm install,安裝所需要的組件
輸入hexo g,首次體驗(yàn)Hexo
輸入hexo s,開(kāi)啟服務(wù)器,訪問(wèn)該網(wǎng)址,正式體驗(yàn)Hexo(假如頁(yè)面一直無(wú)法跳轉(zhuǎn),那么可能端口被占用了。此時(shí)我們ctrl+c停止服務(wù)器,接著輸入“hexo server -p 端口號(hào)”來(lái)改變端口號(hào))
將本地blog和Github項(xiàng)目聯(lián)系起來(lái)配置Deployment,在其文件夾中,找到_config.yml文件,修改repository值(在末尾)
repository值是你在github項(xiàng)目里的ssh(右下角)
deploy: type: git repository: git@github.com:ZengGuanBao/ZengGuanBao.github.io.git branch: master
新建一篇博客,在cmd執(zhí)行命令:hexo new post "博客名"
或者在vscode中新建文件
在生成以及部署文章之前,需要安裝一個(gè)擴(kuò)展:
npm install hexo-deployer-git --save
使用編輯器編好文章,那么就可以使用命令:hexo d -g,生成以及部署了
部署成功后訪問(wèn)你的地址:http://用戶(hù)名.github.io。那么將看到生成的文章
更新主題后,上傳沒(méi)有生效最后,在查詢(xún)了一些資料之后,終于知道,這可能是hexo的緩存的問(wèn)題,也就是你網(wǎng)站根目錄的那個(gè)db.json文件,還知道了一點(diǎn),推薦在發(fā)布網(wǎng)站之前,先清除緩存,然后再部署網(wǎng)站。
清除緩存的方法:
執(zhí)行命令:hexo clean
然后可以生成靜態(tài)博客并在本地預(yù)覽:hexo d -g
搜索功能使用站內(nèi)搜索,安裝npm i -S hexo-generator-json-content
分享功能百度分享不支持Https的解決方案
將static文件夾放在網(wǎng)站的根目錄下,并將對(duì)應(yīng)的百度分享代碼中,把http://bdimg.share.baidu.com/ 改為 /static/api/js/share.js?v=89860593.js?
評(píng)論功能分享到
評(píng)論功能使用的Valine
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/114074.html
摘要:工具技術(shù)創(chuàng)建項(xiàng)目賬戶(hù)注冊(cè)和新建項(xiàng)目,項(xiàng)目必須要遵守格式賬戶(hù)名,不然接下來(lái)會(huì)有很多麻煩。安裝在自己認(rèn)為合適的地方創(chuàng)個(gè)文件夾,我是在盤(pán)建了一個(gè)文件夾。 工具:Visual Studio Code/MarkdownPad技術(shù):Hexo+Github 創(chuàng)建Github項(xiàng)目 Github賬戶(hù)注冊(cè)和新建項(xiàng)目,項(xiàng)目必須要遵守格式:賬戶(hù)名.github.io,不然接下來(lái)會(huì)有很多麻煩。并且需要勾選In...
摘要:工具技術(shù)創(chuàng)建項(xiàng)目賬戶(hù)注冊(cè)和新建項(xiàng)目,項(xiàng)目必須要遵守格式賬戶(hù)名,不然接下來(lái)會(huì)有很多麻煩。安裝在自己認(rèn)為合適的地方創(chuàng)個(gè)文件夾,我是在盤(pán)建了一個(gè)文件夾。 工具:Visual Studio Code/MarkdownPad技術(shù):Hexo+Github 創(chuàng)建Github項(xiàng)目 Github賬戶(hù)注冊(cè)和新建項(xiàng)目,項(xiàng)目必須要遵守格式:賬戶(hù)名.github.io,不然接下來(lái)會(huì)有很多麻煩。并且需要勾選In...
摘要:個(gè)人博客地址這篇文章介紹了如何用無(wú)成本搭建個(gè)人博客。需求環(huán)境必須環(huán)境開(kāi)始快速開(kāi)始打開(kāi)輸入新建項(xiàng)目項(xiàng)目名稱(chēng)然后安裝依賴(lài)完成修改網(wǎng)站配置在中可以修改配置。 個(gè)人博客地址http://lx.nextdev.top 這篇文章介紹了如何用coding page +hexo 無(wú)成本搭建個(gè)人博客。 showImg(https://segmentfault.com/img/remote/1460000...
摘要:個(gè)人博客地址這篇文章介紹了如何用無(wú)成本搭建個(gè)人博客。需求環(huán)境必須環(huán)境開(kāi)始快速開(kāi)始打開(kāi)輸入新建項(xiàng)目項(xiàng)目名稱(chēng)然后安裝依賴(lài)完成修改網(wǎng)站配置在中可以修改配置。 個(gè)人博客地址http://lx.nextdev.top 這篇文章介紹了如何用coding page +hexo 無(wú)成本搭建個(gè)人博客。 showImg(https://segmentfault.com/img/remote/1460000...
閱讀 3132·2021-10-12 10:11
閱讀 1835·2021-08-16 10:59
閱讀 2844·2019-08-30 15:55
閱讀 1222·2019-08-30 14:19
閱讀 2030·2019-08-29 17:03
閱讀 2461·2019-08-29 16:28
閱讀 3212·2019-08-26 13:47
閱讀 2879·2019-08-26 13:36