基於hexo的個人部落格搭建(無坑版,超詳細)

2021-10-12 05:35:48 字數 1696 閱讀 2096

自己動手寫前端後端搭建動態部落格。(比較困難)

通過wordpress動態部落格框架系統。(wordpress**)

hexo框架:快速、簡介且高效的部落格框架。比較火(hexo)

gohugo框架:基於go語言的靜態部落格框架。(gohugo)

vuepress框架:vue供電的靜態站點生成器。(veepress)

​ 由於 hexo 框架比較火,網上的教程也比較全,接下來就以 hexo 的搭建步驟來演示。系統環境是macos,windown系統大同小異。

​ 安裝的時候會安裝node.js本身和npm包管理器。都是後序需要用到的工具。

​ 在終端中輸入node -v 和 npm -v 檢視node.js 和 npm 的版本,如果安裝成功則會顯示下圖類似結果。

​ 初始化這個需要些時間…

​ 初始化成功截圖如下:

​ 初試化成功後會在部落格目錄【blog】下生成一系列檔案,如下圖。

​ 第一次啟動可能會出錯,大部分都是許可權的問題,只要修改所有檔案和資料夾的許可權即可。當啟動之後就可以去瀏覽器輸入 http://localhost:4000 訪問到我們的部落格。是預設主題的。預設給你生成了一篇博文hello-world。

hexo new "博文的題目"
在上述新建部落格的過程中也可能會出錯,也是因為許可權問題,需要修改【_posts】的許可權才能新建成功。

新建的markdown檔案有乙個模板,放在【blog】->【scaffolds】的 post.md ,其他兩個檔案乙個是草稿,乙個也不太清楚…。

再根據md檔案生成相應的網頁檔案用下面命令

​ 中間會要求輸入自己的github賬號密碼,上述都沒有問題就可以部署成功。此時,github剛剛新建的倉庫中會多出 hexo 部落格的相檔案。

​ 到這裡,你就可以用 來訪問自己的個人**部落格啦。

hexo搭建個人部落格 使用Hexo搭建個人部落格

node.js 附帶npm git npm install hexo cli g g選項表示全域性安裝 global 即安裝到你的電腦中而非專案目錄中,建議新增,這樣在命令列就可以直接使用hexo命令。hexo init 目錄名稱 cd 目錄名稱 npm i 官方文件已經完整說明了每個配置項的作用,...

個人部落格搭建 hexo

老早就想搭建乙個屬於自己的個人部落格了,之前也弄過乙個,後台到前端完全原生自主編寫,可是終究還是太年輕,很多東西都不會,也不懂得堅持,慢慢就荒廢了。加上幾次的伺服器變更,再加上工作沒精力打理,之前的個人部落格已經完全荒廢了。經過2018年一年時間的沉澱,決定再次搭建乙個屬於自己的部落格了,之前一直在...

Hexo 搭建github個人部落格

主要有一下幾個指令 hexo new n 寫文章 hexo generate g 把文章生成頁面 hexo server s 啟動本地服務除錯 hexo deploy d 部署到github 可與hexo g合併為 hexo d g 如果喜歡以官方教程為主的,點這裡 hexo官方文件 因此以下教程是...