小白如何使用Nodejs+Hexo快速搭建個人網站

2020-12-14 搬磚碼農的人生

如果你非常想擁有一個完全屬於自己的個人站點,本篇文章將幫助你一步一步搭建屬於自己的個人網站。搭建個人站點的方式有多種多樣,本篇主要介紹基於Node.js環境的使用Hexo在自己的電腦上搭建一個屬於自己的網站。

安裝前提

安裝 Hexo 相當簡單。然而在安裝前,您必須檢查電腦中是否已安裝下列應用程式:

Node.jsGit如果你的電腦上已經安裝上面的應用程式,則可以跳過這一步。

下載Node.js:

下載Git:

最後下載後的安裝程序如下:

安裝和普通的應用程式沒區別,直接默認,一路點擊下一步,下一步就OK了,兩個都安裝完成後win+R 輸入CMD打開CMD命令行窗口,分別輸入node -v和git命令查看是否安裝成功。

node -v 顯示版本號,則表示nodejs環境安裝成功(版本號可能不一樣,沒事),如果出現 不是內部或外部命令,也不是可運行的程序或批處理文件。則在安裝的時候添加到環境變量出現了問題,可以手動添加到環境變量即可。

git命令也是顯示版本號則表示git安裝成功, 如果也是顯示出不是內部或外部命令,也不是可運行的程序或批處理文件,也是一樣手動將其添加到環境變量即可。

如果安裝成功,可以直接跳到安裝Hexo那一步

這一步解決出現不是內部或外部命令,也不是可運行的程序或批處理文件的方法,出現這個問題,只需要將其命令所在的路徑添加到環境變量即可,比如以添加git為例:

首先找到git的安裝目錄

因為我們要使用的是git命令,查看可知git 命令在其安裝目錄的bin目錄和cmd目錄下都有,可根據需要選擇(比如還需要bash則可以選擇Bin目錄,還需要git-gui則選擇cmd目錄,如果兩個都要,則可以先複製bin目錄添加完後添加cmd目錄),比如複製bin目錄的路徑(我的為:C:\Program Files\Git\bin),然後找到高級系統設置(1:控制面板->系統和安全->系統 2:右擊桌面計算機->點擊屬性 這兩種方法都能找到高級系統設置)

安裝 Hexo

當環境都安裝配置成功後,則可以使用Npm安裝Hexo了,如果npm安裝很慢的話,可以先npm install -g cnpm 安裝淘寶的npm鏡像cnpm,然後使用cnpm安裝hexo也可以。

1. 在CMD命令窗口輸入:npm install -g hexo-cli或者cnpm install -g hexo-cli安裝hexo-cli

2. 將CMD命令切換到自己的項目需要保存的目錄下, 使用hexo init 項目名稱初始化項目,然後等待下載結束:

成功後會生成如下文件:

3. 進入到項目目錄裡 cd xtblog, 使用npm install 或者cnpm install安裝相應的包

4. 使用hexo g生成靜態文件。

5 使用hexo s 啟動我們的網站

如果顯示上面的頁面則已經在自己的電腦上跑起了自己的個人網站了。hexo具體的使用方法以及部署到伺服器上讓能連上網的其他人訪問到該網站的教程將在之後的文章中介紹。

相關焦點

  • 小白如何使用Nodejs+Hexo快速搭建個人網站:Hexo詳細使用教程2
    本篇文章接著上篇文章繼續講解Hexo詳細使用教程,在上篇文章中已經講解了怎樣發表一篇文章。主題的設置我們現在的個人網站使用的是Hexo默認的主題,可能有點醜,不那麼美觀,不過Hexo的主題是有很多供我們選擇的,我們可以選擇一個我們喜歡的主題,直接百度搜索Hexo 主題。
  • 基於Hexo+GiteePages搭建的個人Blog教程
    然後擁有一個自己的個人博客對於一個計算機專業生或是計算機愛好者都是一件挺好的事情,甚至在面試就業中也會為自己加分。最後就是閒得慌,就是想折騰。二、那麼多博客平臺不用,非要自己搭建一個?首先其實就是覺得自己搞一個比較有成就感,而且自己可控,還有就是完全免費的可以搞一個屬於自己網站,何樂而不為呢?然後就是其實在自己動手搭建的過程中,也是一個學習的過程。
  • 一文詳解Hexo+Github小白建站
    Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在幾秒內,即可利用靚麗的主題生成靜態網頁。不會使用Markdown的技術員不是一個好的技術員,其功能及其強大,大大加快了寫作及排版的速度,同時完美的解決了江湖上令人頭闊疼的傳言:寫文一小時,排版兩小時。(小聲嗶嗶:該訂閱號中所有的文章都是基於Markdown來進行編寫和排版的哦!)
  • 「分享」|hexo搭建個人博客
    今天的話,就來梳理一下從無到有如何搭出來一個項目,技術有限,也請大家多多指正哈。本文採用的主要是hexo來搭建。以下內容如果是用sudo apt-get install的話,缺少依賴時應先運行sudo apt-get update,其他的內容後續想到再補充。1.
  • 【簡歷加分】hexo框架搭建個人博客站點,手把手教學.
    最近,粉絲們在金九銀十期間也是不斷的面試,有比較多的畢業生說我在這個期間出多一些面試題,上幾期都是傾向於面試文章,這期出一次簡歷加分項操作,使用hexo框架搭建個人博客。作為應屆畢業生或者1-3年工作經驗的程式設計師擁有自己的個人博客站點,絕對是簡歷的加分項,然而學習的成本確實非常的低,只要幾十分鐘就能搭建好自己的個人博客。閒話不多說,下面我們就開始動手來搭建自己的博客吧!
  • 如何快速搭建屬於自己的個人博客網站?
    我給他們的建議就是,首先要搭建一個屬於自己的博客網站。這個博客網站就相當於你在網際網路上的鋪面,試想沒有鋪面何來的人流?然而還是有不少人心中還是充滿疑慮,「我不懂編程,也不會寫代碼,可以搭建博客網站嗎?」
  • 小白站長網站搭建教程
    今天阿呆給大家講一下如何搭建自己的個人網站適合小白站長的個人網站搭建在搭建網站之前需要準備的材料:1.一個備案過的域名【可以自己購買一個域名並備案一下,也可以上百度上百度免費二級域名在平臺上註冊一個免費的二級域名
  • 唯美主題hexo-sakura使用教程
    新增一個分類或標籤最好加下哦,當然嫌麻煩可以直接使用一張默認圖片(可以改主題或者直接把404圖片替換下,徵求下意見要不要給這個在配置文件中加個開關,可以issue或群裡提出來),現在是沒設置的話會使用那種倒立小狗404哦。
  • 如何使用淘點金快速搭建比價網站
    上期介紹了單品和店鋪組件的使用案例,本期將為大家介紹SPU比價組件, 可能有些淘寶客對SPU不是很理解,簡單介紹一下SPU: spu是標類商品的一個概念,所謂標類簡單理解就是有型號的商品,比如iphone5、小米3。
  • 不費吹灰之力搭建個人作品集網站丨交互乾貨免費系列公開課
    但搭建網頁是需要強大的代碼功底的,零基礎小白又該如何呢?所以這節課就是教大家如何快速上手,讓小白也可以不費吹灰之力搭建個人作品集網頁!針對學生:不需要編程功底的零基礎小白同學,想快速搭建起自己網站的同學。
  • 如何搭建自己的個人博客
    就在上個月我閱讀了純潔的微笑的博文 技術人如何搭建自己的技術博客這篇文章,我決定折騰一下搭建一下自己的個人博客。其實在17年,我就開始搭建了自己的個人博客,採用Jekyll靜態博客,託管在github上面的,並且買了自己的域名fangzhipeng.com,cname到github上。由於github網絡不穩定,體驗實在是太差,一直沒有怎麼打理,處於一種無人管理的狀態。
  • 教程| 如何搭建個人博客網站
    今天為大家帶來一篇教程《如何搭建個人博客網站》,喜歡的同學可以研究一下。1、 伺服器搭建購買一臺網絡雲伺服器,可以考慮阿里雲、騰訊雲、百度雲等,這裡以阿里雲伺服器舉例。3、網站部署1) 下載WordPress安裝包,上傳到伺服器這是我下載的wordpress安裝包,上傳工具使用的是FileZilla Client運行FileZilla Client
  • 免費個人建站教程:快速生成一個展示網站
    隨著各種私域流量、個人品牌的火爆,越來越多自媒體人、大V都開始建立自己的個人網站。其實插畫師、設計師、作家、學生、職場人其實也都可以建站,用來展示作品、工作經歷、分享知識想法、製作個人簡歷,都是非常有用的。那麼該怎樣快速做好個人網站搭建?
  • nodejs的調試debug
    nodejs也不例外。今天我們來詳細介紹一下如何調試nodejs程序。開啟nodejs的調試還記得之前我們講到的koa程序嗎?本文將會以一個簡單的koa服務端程序為例,來展開nodejs的調試。第二件事情就是告訴我們nodejs使用的調試器是Inspector。Inspector是nodejs 8之後引入的,如果是在nodejs 7之前,那麼使用的是legacy debugger。調試的安全性如果debugger連接到了nodejs運行環境中,如果有惡意攻擊者的話,這個惡意攻擊者可以在nodejs環境中運行任意代碼。
  • 新手小白如何部署伺服器,讓你的個人電腦成為網站伺服器
    近期有粉絲問到從伺服器部署到網站上線的細節操作流程要怎麼辦,本文進行相關的說明,由於方法很多,文本著重以小白比較容易入手的方式來進行介紹,同時文末會對如何將自己的電腦變成伺服器進行簡單的說明,便於小白零成本學習。一、環境部署的小知識關於如何選擇及購買伺服器由於我有另外的文章進行了說明,本文不重複介紹。
  • 新手如何搭建一個網站,第一次搭建網站應該怎麼做?
    教程介紹相信很多對網際網路感興趣或者說對網站之類的感興趣的學生們這篇文章或許有那麼稍稍一點的用處,請原諒我只是想水一篇YC文,彌補一下丟失的流量。教程開始搭建準備/需要1.域名:也就是我們經常看見的網址,可以去阿里雲,騰訊雲,西部數碼之類的註冊一個最便宜的做測試使用,我的是在阿里雲註冊的:livey.top,如果不知道如何註冊文末我會把註冊地址寫上。2.
  • 教你免費搭建個人網站(GitHub)
    不需要使用Git命令,即可把您本地代碼輕鬆上傳到GitHub進行託管。下面我來教大家使用此工具快速免費的搭建屬於自己的個人網站。-THE FIRST-首先,您需要確認你本地有一份可以正常打開預覽的個人網頁源碼。
  • 基於NodeJS從零構建線上自動化打包工作流
    本文轉載自【微信公眾號:趣談前端,ID:beautifulFront】經微信公眾號授權轉載,如需轉載與原文作者聯繫前言NodeJS在前端領域正扮演著越越重要的地位,它不僅可以讓前端工作者使用javascript編寫後端代碼,還能方便地搭建響應速度快、易於擴展的網絡應用
  • 如何在微軟Azure上搭建個人博客網站
    在此前的IT之家極客學院中,我們已經探討過如何搭建WordPress個人博客,不過手動配置伺服器對很多讀者來說可能並不是一件容易的事。好在在Azure中,微軟已經就搭建WordPress個人博客給出了一站式的解決方案,對於零基礎讀者來說,在Azure上搭建WordPress即意味著你無需經歷繁瑣的伺服器配置過程。
  • 魔趣吧教你使用discuz搭建自動賺錢網站!
    當前比較火的一種說法就是「睡後收入」,如何做到睡後收入呢?當然是自動化賺錢!人工幹預怎麼能叫睡後收入!自動化賺錢項目不少,其中一項比較可行的就是利用網站自動化賺錢!魔趣吧這裡就教大家一種自動化賺錢的網站搭建方法!