Hexo is a fast, simple and powerful static blog framework that can be used to build a personal blog or website. Unlike other CMS (content management systems) such as WordPress or Joomla, Hexo generates static files, which makes the website faster and more secure to access.
This article will introduce you to the detailed steps of using Hexo to build a personal blog and deploy it to the Internet through GitHub.
Installing Hexo
Before you begin, you need to install Hexo. First, make sure Node.js, npm (Node.js package manager) and Git are installed on your machine. Open the terminal and enter the following command to install Hexo:
$ npm install -g hexo-cli
Create a new Hexo site
After installing Hexo, you can create a new site. Please follow the steps below:
-
Select a folder as the folder to store the Hexo site. Enter the following command in the terminal and enter this folder:
$ cd /path/to/folder
-
Run the following command to generate a new Hexo site:
$ hexo init myblog
-
Enter the new creation Site:
$ cd myblog
Now that we have a basic Hexo site, we need to configure it next.
Configure Hexo
The site configuration file is _config.yml
. This file contains your site information such as site name, description, tags, third-party social media, etc. Enter the following command in the terminal to edit the file:
$ nano _config.yml
In the file, you need to set the following:
-
title:
Set your site name -
author:
Set your name -
description:
Set your site description -
language:
Set your language -
timezone:
Set your time zone -
theme:
Set your Hexo theme -
deploy:
Set your deployment type
For example, if you want to use the Next theme, you need to enter next
under theme:
. Under deploy
, we have GitHub as our deployment type, so we need to provide the following information:
deploy: type: git repo: https://github.com/yourusername/yourusername.github.io.git branch: master
where yourusername
should be replaced with your GitHub username and GitHub Page repository name.
Save the file and exit.
Create a new article
Now that the site has been configured, let’s create a new article. In Hexo, Markdown files will be used to create articles. Enter the following command in the terminal to create a new post:
$ hexo new "My First Blog Post”
This command will create a new Markdown file in the /source/_posts
directorymy-first-blog-post .md
. Open the file with any editor and write the content using Markdown syntax.
For example:
--- title: My First Blog Post date: 2021-05-01 22:31:01 tags: description: This is my very first blog post! --- Hello world! This is my first blog post on my new Hexo site. I'm really excited to start writing and sharing my thoughts with the world.
After saving and exiting the file, you can deploy it to GitHub.
Deploying Hexo to GitHub
First, you need to create a new repository on GitHub. Please make sure the repository is named yourusername.github.io
, where yourusername
should be replaced with your GitHub username. This repository is your personal blog. After creating the repository, you need to do some operations on your local computer to deploy the Hexo website to the repository.
Initialize the local repository
Enter the following command in the terminal to set the current directory to the Hexo site directory:
$ cd /path/to/myblog
Next, use the following command to initialize the site as a git storage Repository:
$ git init
This command will initialize an empty git repository in the site directory.
Add changes
The Hexo blog has been modified on the local computer and the changes need to be added to the git repository. Enter the following command to add new files and modify files:
$ git add .
Submit changes
Enter the following command to submit changes:
$ git commit -m "My First Blog Post"
Fill in the description of this submission in quotation marks Content, such as the title here "My First Blog Post
".
Deploy to GitHub
To deploy to GitHub, you need to set up an SSH key for the repository of interest. Enter the following command:
$ ssh-keygen -t rsa -b 4096 -C "your_email@example.com"
Fill in your GitHub registered email address within the quotation marks.
Next, press Enter and leave all the fields blank until the SSH key is generated.
Add the public key to GitHub using the following command:
$ cat ~/.ssh/id_rsa.pub
Copy this public key to your GitHub account. In the Settings
menu of the GitHub page, select SSH and GPG keys
, select New SSH key
, and paste the public key into the text box.
Enter the following code to push the code to the GitHub repository:
$ hexo deploy
After entering this command, Hexo will automatically commit your changes to the GitHub repository and yourusername Deploy the website on .github.io
.
From now on, your blog can be accessed by visiting https://yourusername.github.io
.
Conclusion
Using Hexo to build a personal blog quickly and safely is an excellent choice. Combined with the use of GitHub, you can quickly build a professional blog website and share your knowledge globally. By following the steps described in this article, you can also easily create your own Hexo blog and deploy it to the GitHub platform.
The above is the detailed content of How to use Hexo to build a personal blog. For more information, please follow other related articles on the PHP Chinese website!

Git is a distributed version control system developed by Linus Torvaz in 2005, and GitHub is a Git-based code hosting platform founded in 2008. Git supports branching and merges through snapshot management files, and GitHub provides pull requests, problem tracking and code review functions to facilitate team collaboration.

Git and GitHub are key tools in modern software development. Git is a distributed version control system, and GitHub is a Git-based code hosting platform. Git's core features include version control and branch management, while GitHub provides collaboration and project management tools. When using Git, developers can track file changes and work together; when using GitHub, teams can collaborate through PullRequests and Issues.

GitHubiscrucialforsoftwaredevelopmentduetoitscomprehensiveecosystemforcodemanagementandcollaboration.Itoffersversioncontrol,communitysupport,andtoolslikeGitHubActionsandPages.Startbymasteringbasicslikecreatingarepository,usingbranches,andautomatingwo

Git and GitHub are essential tools for modern developers. 1. Use Git for version control: create branches for parallel development, merge branches, and roll back errors. 2. Use GitHub for team collaboration: code review through PullRequest to resolve merge conflicts. 3. Practical tips and best practices: submit regularly, submit messages clearly, use .gitignore, and back up the code base regularly.

Git and GitHub are not the same thing: Git is a distributed version control system, and GitHub is an online platform based on Git. Git helps developers manage code versions and achieve collaboration through branching, merge and other functions; GitHub provides code hosting, review, problem management and social interaction functions, enhancing Git's collaboration capabilities.

After installing Git, in order to use more efficiently, the following settings are required: Set user information (name and mailbox) Select text editor Set external merge tool Generate SSH key settings Ignore file mode

Resolve: When Git download speed is slow, you can take the following steps: Check the network connection and try to switch the connection method. Optimize Git configuration: Increase the POST buffer size (git config --global http.postBuffer 524288000), and reduce the low-speed limit (git config --global http.lowSpeedLimit 1000). Use a Git proxy (such as git-proxy or git-lfs-proxy). Try using a different Git client (such as Sourcetree or Github Desktop). Check for fire protection

Causes of slow Git downloads include poor network connections, Git server problems, large files or large submissions, Git configuration issues, insufficient computer resources, and other factors such as malware. Workarounds include improving network connectivity, adjusting firewall settings, avoiding downloading unnecessary files or submissions, optimizing Git configuration, providing adequate computer resources, and scanning and removing malware.


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

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

Hot Article

Hot Tools

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.

Dreamweaver Mac version
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

PhpStorm Mac version
The latest (2018.2.1) professional PHP integrated development tool

WebStorm Mac version
Useful JavaScript development tools