search

Hexo is a static website generator based on Node.js. It can help users easily create personal blogs, work display websites, etc. To deploy a Hexo website is to upload the generated static web pages to the server for access. This article will introduce how to use Node.js to deploy Hexo website.

1. Preparation

Before starting the deployment, please ensure that Node.js and Hexo have been installed:

  1. Install Node.js

Node.js can be downloaded and installed from the official website, or you can install it directly using the package manager. Choose the appropriate installation method according to your operating system.

  1. Install Hexo

Open the command line tool and enter the following command to install Hexo:

npm install -g hexo-cli

After the installation is completed, you can test whether the installation is successful by using the following command :

hexo -v

2. Generate static web pages

Before generating static web pages, you need to initialize the blog through Hexo:

hexo init blog
cd blog
npm install

Hexo will automatically create a directory structure and some default configuration files .

After the initialization is completed, you can use the following command to generate a static web page:

hexo generate

After the generation is successful, the generated file is stored in the ./public directory.

3. Deploy to the server

Next, the generated static web page needs to be deployed to the server. Below we introduce two common deployment methods.

1. Use FTP to upload

First you need to log in to the FTP server, open the ./public directory locally, and upload all the files in it to the server. After the upload is completed, you can access the corresponding website address through the browser to view the deployed website.

2. Deploy using Git

Git is a distributed version control tool that can also be used as a deployment tool. Install Git on the server and create a warehouse, and use Git locally to push the generated static web pages to the server warehouse.

First, install Git on the server:

sudo apt-get install git

Secondly, create an empty directory as a Git repository:

mkdir myblog.git
cd myblog.git
git init --bare

After the initialization is completed, you need to associate it locally with the newly created Empty directory:

git remote add origin ssh://user@domain.com/path/to/myblog.git

Among them, user is the server user name, domain.com is the server address, and /path/to/myblog.git is the absolute path of the Git warehouse.

After the association is completed, use the following command to push the code to the server warehouse:

git add .
git commit -m "Initial Commit"
git push origin master

After the push is completed, install Nginx, Apache or other web servers on the server, and specify the website directory to be generated The ./public directory where the static web page is located can be used to access the deployed Hexo website through the website address on the browser.

Conclusion

The above are the steps to use Node.js to deploy the Hexo website. Through the introduction of this article, I believe that everyone has a deeper understanding of the deployment of the Hexo website, and can also use Node.js to complete the deployment of the website more skillfully.

The above is the detailed content of hexo deploy nodejs. For more information, please follow other related articles on the PHP Chinese website!

Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
What are the limitations of React?What are the limitations of React?May 02, 2025 am 12:26 AM

React'slimitationsinclude:1)asteeplearningcurveduetoitsvastecosystem,2)SEOchallengeswithclient-siderendering,3)potentialperformanceissuesinlargeapplications,4)complexstatemanagementasappsgrow,and5)theneedtokeepupwithitsrapidevolution.Thesefactorsshou

React's Learning Curve: Challenges for New DevelopersReact's Learning Curve: Challenges for New DevelopersMay 02, 2025 am 12:24 AM

Reactischallengingforbeginnersduetoitssteeplearningcurveandparadigmshifttocomponent-basedarchitecture.1)Startwithofficialdocumentationforasolidfoundation.2)UnderstandJSXandhowtoembedJavaScriptwithinit.3)Learntousefunctionalcomponentswithhooksforstate

Generating Stable and Unique Keys for Dynamic Lists in ReactGenerating Stable and Unique Keys for Dynamic Lists in ReactMay 02, 2025 am 12:22 AM

ThecorechallengeingeneratingstableanduniquekeysfordynamiclistsinReactisensuringconsistentidentifiersacrossre-rendersforefficientDOMupdates.1)Usenaturalkeyswhenpossible,astheyarereliableifuniqueandstable.2)Generatesynthetickeysbasedonmultipleattribute

JavaScript Fatigue: Staying Current with React and Its ToolsJavaScript Fatigue: Staying Current with React and Its ToolsMay 02, 2025 am 12:19 AM

JavaScriptfatigueinReactismanageablewithstrategieslikejust-in-timelearningandcuratedinformationsources.1)Learnwhatyouneedwhenyouneedit,focusingonprojectrelevance.2)FollowkeyblogsliketheofficialReactblogandengagewithcommunitieslikeReactifluxonDiscordt

Testing Components That Use the useState() HookTesting Components That Use the useState() HookMay 02, 2025 am 12:13 AM

TotestReactcomponentsusingtheuseStatehook,useJestandReactTestingLibrarytosimulateinteractionsandverifystatechangesintheUI.1)Renderthecomponentandcheckinitialstate.2)Simulateuserinteractionslikeclicksorformsubmissions.3)Verifytheupdatedstatereflectsin

Keys in React: A Deep Dive into Performance Optimization TechniquesKeys in React: A Deep Dive into Performance Optimization TechniquesMay 01, 2025 am 12:25 AM

KeysinReactarecrucialforoptimizingperformancebyaidinginefficientlistupdates.1)Usekeystoidentifyandtracklistelements.2)Avoidusingarrayindicesaskeystopreventperformanceissues.3)Choosestableidentifierslikeitem.idtomaintaincomponentstateandimproveperform

What are keys in React?What are keys in React?May 01, 2025 am 12:25 AM

Reactkeysareuniqueidentifiersusedwhenrenderingliststoimprovereconciliationefficiency.1)TheyhelpReacttrackchangesinlistitems,2)usingstableanduniqueidentifierslikeitemIDsisrecommended,3)avoidusingarrayindicesaskeystopreventissueswithreordering,and4)ens

The Importance of Unique Keys in React: Avoiding Common PitfallsThe Importance of Unique Keys in React: Avoiding Common PitfallsMay 01, 2025 am 12:19 AM

UniquekeysarecrucialinReactforoptimizingrenderingandmaintainingcomponentstateintegrity.1)Useanaturaluniqueidentifierfromyourdataifavailable.2)Ifnonaturalidentifierexists,generateauniquekeyusingalibrarylikeuuid.3)Avoidusingarrayindicesaskeys,especiall

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

mPDF

mPDF

mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.

MantisBT

MantisBT

Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.