Hexo實戰001：快速搭建屬於自己個人博客

2020-09-03 編程手札

巧遇Hexo

在此之前還沒聽說過Hexo，也不知道Hexo是幹什麼的。朋友說他買個了伺服器想搭建一個博客記錄下開發心得，但是自己構建一個網站耗時太長也沒那麼多精力所以就想找個現成的博客工具快速搭建。昨天跟我說找到一個博客工具了感覺非常好，但是總是部署失敗。我好奇就去瞧瞧了，第一眼發現這個工具主題很豐富。還有個特點就是Hexo可以直接解析Typora工具編寫的文章，

什麼是Hexo

Hexo 是一個基於Nodejs 的靜態博客網站構建工具，通過Hexo可以快速構建個人博客，並搭建到 Github 上供他人訪問。Hexo 最大的亮點就是可以使用Markdown解析文章，幾秒就可以把用戶的Markdown文件按照指定的主題解析成靜態網頁。最初接觸博客工具的時候覺得WordPress相當的牛，直到遇見Hexo才發現博客構建原來還可以這麼簡單高效。

安裝Git

Hexo源碼掛靠在GitHub代碼託管平臺，要使用Hexo我們就必須先將其Git下來。Windows上使用Git可以直接去Git官網下載對應作業系統的安裝程序，然後按默認選項安裝即可。安裝成功後在開始菜單中會有Git項，菜單下有3個程序分別是Git Bash（Linux風格的命令行）、Git CMD（Windows風格的命令行）、Git GUI（圖形界面的Git）。點擊Git Bash會彈出一個類似命令行窗口就說明Git安裝成功，也可以在任意目錄位置滑鼠右鍵選擇「Git Bash Here」選項。

​安裝Node

Hexo 是一個基於Nodejs 的靜態博客網站構建工具，自然必須有node和npm工具的支持，所以電腦上必須安裝好Node工具。Node只要在Node官方下載Node綠色免安裝版，然後再配置下環境變量就可以直接使用node和npm了。

​安裝Hexo

這個跟Vue安裝很相似，輸入命令：npm install -g hexo-cli 安裝Hexo（-g： 指全局安裝）,快捷鍵「win+r 」打開運行框，輸入cmd在彈出的窗口中輸入hexo -v可以檢查hexo是否安裝成功。到這裡我們基本的環境算是已經準備好了，接下來就可以開始構建我們的Hexo項目了。

​初始化Hexo

Hexo提供了init命令來自動構建一個 hexo 項目，它會自動從GitHub代碼託管平臺上獲取項目所需的基礎代碼和項目依賴包。由於是從GitHub上下載所以會稍微的有點慢，耐心等待會就好了（基礎代碼和依賴包加起來不到20M）。

​啟動Hexo服務

等初始化完成之後我們不需要做任何的操作，直接來啟動Hexo服務看看。Hexo可以使用hexo server或hexo serve或hexo s等命令來啟動服務，啟動之後我們就可以在瀏覽器中輸入http://localhost:4000/來訪問我們的Hexo博客了。是不是超級的簡單，個人感覺相比搭建WordPress來說簡單的多了。

​總結：

用Hexo可以快速的構建屬於自己的個人博客，對於前端開發來說node和git基本都是必備的工具，所以只要像Vue一樣安裝一下Hexo腳手架就可以開啟屬於你的Hexo之旅啦。以上內容是小編給大家分享的【Hexo實戰001：快速搭建屬於自己個人博客】，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。

相關焦點

  • Hexo實戰004：Hexo博客目錄結構淺析
    具體操作可參考文章【Hexo實戰002：快速更換博客主題】，當然如果你有node.js技術的話，可以自己修改源碼來定製屬於你自己的主體模板。提供的Git部署工具，可快速的將本地項目快速編譯並發布到遠程託管倉庫。
  • Github+Hexo搭建個人博客（2020版）
    一、前言搭建個人博客也是屬於心血來潮，相比較簡書和csdn之類而言，個人博客是自由的，自定義自己喜歡的風格，記錄自己的學習路程和心得。另外一方面，有屬於自己的博客，也是件酷酷的事情。搜索網上搭建個人博客，大多是github+Hexo的組合，步驟也都大同小異，但是由於博客文章較舊，在實時運行當中，還是會出現不少的bug。前人栽樹後人乘涼，為避免後來者掉進相同的坑，特寫下搭建博客的步驟。
  • Hexo實戰003：使用GitPage部署個人博客
    最主要的不需要購買伺服器和資料庫，還可以自定義域名或者綁定屬於自己的域名，這樣可以大大節省建站成本。hexo-deployer-git，輸入命令：npm install hexo-deployer-git --save 即可安裝自動部署發布工具，然後分別執行命令：hexo clean && hexo g && hexo d 即可快速的將本都庫文件快速編譯並發布到遠程託管倉庫。
  • Hexo+GitHub Pages搭建個人博客
    搭建過程環境要求博主使用系統：Windows10本博客安裝Node版本: nodejs12.18.2 LTS安裝: git搭建過程3.開始寫博客$ hexo new &34;更多命令信息: Writing4.預覽博客結果本地blog已經搭建完成，如果想要預覽。
  • 在Windows系統下使用Hexo+Gitee搭建個人博客
    前言搭建個人博客一般有三種方式，第一種是在某SDN，或者某客園搭建；第二種自己通過租雲服務的方式，部署一些應用等，但資料庫和應用的維護都是要靠自己，難免繁瑣；第三種就是使用一些前端框架生成靜態頁面然後託管到
  • 阿里雲開發零基礎免費搭建個人Hexo博客
    雲開發零基礎搭建個人Hexo博客摘要雲開發平臺搭建個人Hexo博客的優勢環境準備操作步驟寫在最後摘要Hexo是一款基於Node.js的博客框架，可以將Markdown格式的文本渲染為HTML代碼。所以，博客基本就是純靜態，維護相對方便。但是缺點也很明顯——經常換編寫環境使用不便，因為它的所有渲染代碼都是在本地存儲的。阿里云云開發平臺因為提供全雲端的開發環境，零基礎實現hexo博客的一鍵創建和一鍵部署。
  • 搭建一個屬於自己的公網博客
    相信每一位程式設計師都喜歡擁有一個屬於自己的博客。小貼士此篇文章的跨度以及相對的專業性可能強一些，但是很多的細節後續會補上哈！當然，在我認為，內容以及模塊都要自己進行可擴展定義才是真正屬於自己的。那麼想要一個博客就必須要有一個伺服器和一個域名，這樣的話才能讓自己的博文內容發揚光大，但是伺服器的性能以及費用是一個相當重要的問題，那麼怎樣才能免去伺服器部分，只需要一個域名就能搭建一個能進入公網的、屬於自己的博客呢？別著急，現在就讓我來帶領大夥來一步步搭建一個屬於自己的靜態博客。
  • 修改hexo個人博客主題
    hexo默認主題landscape估計很多小夥伴在搭建部署hexo完成後，會看到上面的頁面後，然後就感覺，啊？就這？這個頁面也太難看了。有沒有什麼方法可以改一下這個頁面的UI啥的，方法是有的：第一種自己動手修改源碼，可以做到你自己想要的效果，前提是你得懂node.js，再加上ejs、jade、swig、haml模板引擎，感興趣的小夥伴可以深入了解node.js開發出屬於自己的主題模板；第二種方法就是直接選用大佬們開發的主題，在GitHub大佬百家爭鳴下，有著各種各樣的精美的主題，功能也趨於完善，開源的方式也讓主題項目逐漸成熟
  • Hexo實戰002：快速更換博客主題
    Hexo不僅搭建博客很快，而且更換主題也非常的方便。在Hexo官方上有非常多的主題模板（目前擁有321個模塊），總有一款符合風格的主題模塊。當然這裡面有些主題因太久沒有維護連結可能失效了，所以實際上並沒有顯示的那麼多但對於博客創建來說基本夠用了。
  • hexo,史上最全搭建個人博客
    前言2020 - 2 月底鬼使神差的給我的域名 mflyyou.cn 續費三年，2024 - 4 才到期，就琢磨搭建個人網站，Google 了 hexo 中一個自己比較喜歡的主題 hexo-matery-modified ,然後自己改了改其中的內容。
  • 使用 Github、Hexo 搭建自己的獨立博客「詳細教程」
    ● 前言這是一篇有關如何使用 Github Pages 和 Hexo 搭建屬於自己獨立博客的詳盡教程，本人是軟體工程專業本科生，目前只學習了C和C++程式語言，對網站開發的有關知識幾乎為零，這也是我搭建好自己的博客之後寫的第一篇博客，剛開始搭建博客的時候自己也是網上各種百度，由於自己屬於小白那種，歷經了千辛萬苦才弄好，所以借這個機會寫一篇小白真正能看懂的博客搭建教程，教你一步一步走向成功的彼岸！
  • 零成本搭建hexo個人博客
    相信每個程式設計師都有自己想要的個人網站，而且最好是不花一分錢的那種，越方便越好。今天我們就講一下hexo這個精緻、小巧、高逼格的靜態博客，還有怎麼部署到gitee(碼雲)、github上。如果忘記的，可以點擊設置找到個人空間地址查看一下gitee個人空間2. 安裝前提所需相關工具https://hexo.io/zh-cn/docs/
  • hexo 你自己的官方博客
    title: hexo 你自己的官方博客tags: hexoauthor: 阿杜categories: hexoabbrlink: 935adate: 2020-08-02 09:15:05Hexo，創建屬於你自己的博客
  • 「原創」hexo+github+coding搭建博客(綁定多域名)
    一.最近伺服器快到期了,也突然想起之前有個網友問我怎麼用hexo+github搭建個人博客,好多天沒有回他,心裡也總是過意不去。不論他有沒有解決這個問題,現在也需要補發一篇關於hexo+github+coding搭建個人博客的文章了。
  • 使用hexo+github pages搭建博客
    Hexo主題選擇Hexo 是一個快速、簡潔且高效的博客框架，可託管於github pages，可免去維護伺服器的麻煩，博主們可更專注於內容的創作，並且Hexo主題眾多，總有一款適合你。我對主題的要求主要有：不要太大眾大氣美觀功能齊全經過了幾天的搜索之後，篩選了幾個比較滿意的Hexo主題如下：Huemanjacman大道至簡Loo’s Blog3-hexo最終選擇了 3-hexo 這款主題，當然還有很多不錯的主題。搭建步驟1. 根據 Hexo官網 步驟安裝 git，node.js2.
  • 你難道不想搭建自己的個人博客嗎？
    這是之前自己搭建個人博客的過程，基於 GitHub Pages + Hexo 搭建，分享給大家。有什麼問題可以直接留言。啟動本地 web 服務驗證hexo s --debug至此，即完成了基於 GitHub Pages + Hexo 的個人博客框架搭建。7、博客推廣將個人博客推廣到 Google 搜尋引擎上。
  • 手把手教你用 Hexo+Github 搭建個人博客「電腦」6)
    聊一聊為什麼要搭建自己的博客了？大概是為了裝逼吧[滑稽]搭建個人博客的話，樣式的選擇也很自由，不需要受限於各大平。搭建環境準備添加本機的SSH安裝Hexo配置Hexo將Hexo與github page 聯繫起來發布文章搭建環境準備Node.js 的安裝和準備git的安裝和準備gitHub
  • 如何快速搭建屬於自己的個人博客網站?
    我給他們的建議就是，首先要搭建一個屬於自己的博客網站。這個博客網站就相當於你在網際網路上的鋪面，試想沒有鋪面何來的人流？然而還是有不少人心中還是充滿疑慮，「我不懂編程，也不會寫代碼，可以搭建博客網站嗎？」答案自然是肯定的。那麼，我們該如何快速搭建屬於自己的個人博客網站呢？
  • 「教程篇」使用GitHub+Hexo搭建個人靜態博客|第二篇
    嗨，大家好，今天到了使用GitHub+Hexo搭建個人博客的第二期了，第一期我的天，閱讀量還不如一個小軟體的，這也算是一個小乾貨教程啊，咋沒人看捏。OK！那今天就進行第二期了，主要是在本地安裝Hexo博客，以及把博客上傳到GitHub上去。
  • 手把手教你搭建HEXO免費博客(三)
    手把手教你搭建HEXO+Github博客 （系列教程三）為什麼推薦hexo+github？最重要兩點：簡單、免費安裝HEXO先在本地新建個blog文件夾（隨意）在cmd命令行進入到blog文件夾下。安裝需要時間，請耐心等待安裝成功後，運行初始化命令(hexo init hojunBlog)hexo官網也有部署命令的教程初始化好後，進入文件夾，輸入命令安裝依賴 npm install(安裝需要時間，請耐心等待)（網好的請無視）若網絡較差，可以使用淘寶鏡像：命令:npm install -g cnpm –registry=h@t@t@p@s@://registry.npm.taobao.org