使用Hexo+Github搭建屬于自己的博客

tangr206 發布于2019-08-02 11:47 / 955人閱讀

摘要：工具技術創建項目賬戶注冊和新建項目，項目必須要遵守格式賬戶名，不然接下來會有很多麻煩。安裝在自己認為合適的地方創個文件夾，我是在盤建了一個文件夾。

工具：Visual Studio Code/MarkdownPad
技術：Hexo+Github

創建Github項目

Github賬戶注冊和新建項目，項目必須要遵守格式：賬戶名.github.io，不然接下來會有很多麻煩。并且需要勾選Initialize this repository with a README

在建好的項目右側有個settings按鈕，點擊它，向下拉到GitHub Pages，你會看到那邊有個網址，訪問它，你將會驚奇的發現該項目已經被部署到網絡上，能夠通過外網來訪問它。

安裝Hexo

在自己認為合適的地方創個文件夾，我是在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，開啟服務器，訪問該網址，正式體驗Hexo（假如頁面一直無法跳轉，那么可能端口被占用了。此時我們ctrl+c停止服務器，接著輸入“hexo server -p 端口號”來改變端口號）

將本地blog和Github項目聯系起來

配置Deployment，在其文件夾中，找到_config.yml文件，修改repository值（在末尾）

repository值是你在github項目里的ssh（右下角）

deploy:
  type: git
  repository: git@github.com:ZengGuanBao/ZengGuanBao.github.io.git
  branch: master

新建一篇博客，在cmd執行命令：hexo new post "博客名"

或者在vscode中新建文件

把新建的文章更新到Github項目上

在生成以及部署文章之前，需要安裝一個擴展：

npm install hexo-deployer-git --save

使用編輯器編好文章，那么就可以使用命令：hexo d -g，生成以及部署了

部署成功后訪問你的地址：http://用戶名.github.io。那么將看到生成的文章

更新主題后，上傳沒有生效

最后，在查詢了一些資料之后，終于知道，這可能是hexo的緩存的問題，也就是你網站根目錄的那個db.json文件，還知道了一點，推薦在發布網站之前，先清除緩存，然后再部署網站。
清除緩存的方法：

執行命令：hexo clean

然后可以生成靜態博客并在本地預覽：hexo d -g

搜索功能

使用站內搜索，安裝npm i -S hexo-generator-json-content

分享功能

百度分享不支持Https的解決方案

將static文件夾放在網站的根目錄下，并將對應的百度分享代碼中，把http://bdimg.share.baidu.com/ 改為 /static/api/js/share.js?v=89860593.js?

分享到

評論功能

評論功能使用的Valine

云服務器 GPU云服務器如何搭建屬于自己的網站賺錢搭建自己的博客網站如何搭建屬于自己網站平臺使用WebRTC搭建自己的cdn

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/53118.html

使用Hexo+Github搭建屬于自己的博客

摘要：工具技術創建項目賬戶注冊和新建項目，項目必須要遵守格式賬戶名，不然接下來會有很多麻煩。安裝在自己認為合適的地方創個文件夾，我是在盤建了一個文件夾。工具：Visual Studio Code/MarkdownPad技術：Hexo+Github 創建Github項目 Github賬戶注冊和新建項目，項目必須要遵守格式：賬戶名.github.io，不然接下來會有很多麻煩。并且需要勾選In...

tangr206 2019-08-29 17:03 評論0 收藏0
使用Hexo+Github搭建屬于自己的博客

摘要：工具技術創建項目賬戶注冊和新建項目，項目必須要遵守格式賬戶名，不然接下來會有很多麻煩。安裝在自己認為合適的地方創個文件夾，我是在盤建了一個文件夾。工具：Visual Studio Code/MarkdownPad技術：Hexo+Github 創建Github項目 Github賬戶注冊和新建項目，項目必須要遵守格式：賬戶名.github.io，不然接下來會有很多麻煩。并且需要勾選In...

laoLiueizo 2019-08-23 12:31 評論0 收藏0
0元快速搭建屬于自己的博客

摘要：個人博客地址這篇文章介紹了如何用無成本搭建個人博客。需求環境必須環境開始快速開始打開輸入新建項目項目名稱然后安裝依賴完成修改網站配置在中可以修改配置。個人博客地址http://lx.nextdev.top 這篇文章介紹了如何用coding page +hexo 無成本搭建個人博客。 showImg(https://segmentfault.com/img/remote/1460000...

wushuiyong 2019-08-20 16:13 評論0 收藏0
0元快速搭建屬于自己的博客

摘要：個人博客地址這篇文章介紹了如何用無成本搭建個人博客。需求環境必須環境開始快速開始打開輸入新建項目項目名稱然后安裝依賴完成修改網站配置在中可以修改配置。個人博客地址http://lx.nextdev.top 這篇文章介紹了如何用coding page +hexo 無成本搭建個人博客。 showImg(https://segmentfault.com/img/remote/1460000...

xiaodao 2019-08-01 16:44 評論0 收藏0