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