Build a free personal blog under windows

Source: Internet
Author: User
Tags install node git shell

Three steps to complete the free personal blog building, this article is mainly for Windows system my Win10,os x please refer to
Http://www.jianshu.com/p/4eaddcbe4d12

1. Create a github domain name and Space 1.1 registration

First you need to register a github account, if you have already invited to skip this step directly to see 1.2 Create a warehouse, note username, this will affect your domain name, your domain name will be username.github.io, so seriously take a name it.

The registration process may require you to verify your mailbox, and others will not repeat it.

1.2 Creating a Warehouse

Then you need to create a warehouse (repository) to store our site, click the New repository button that appears anywhere on the home page to create the warehouse, respository Username.github.io in name username Must be consistent with the previous owner, remember that your username will be used below.

The first step has been completed, the following is the installation.

2. Installation

The following tools need to be installed include Github,nodejs,hexo. Windows users search these tools by themselves and install them directly. Install node. js and Git. Hexo uses node. JS Development, installs GitHub, Nodejs, installs the Hexo with the command.

2.1 Installing GitHub

can go to https://desktop.github.com/download. Install directly after download.

2.2 Installing Nodejs

To https://nodejs.org/en/direct download, download the MSI package has been clicked next, of course, you can choose to install the directory, I chose to install on the D-Disk (C-sub-point is too small).
I installed the first version.

2.3 Installing Hexo

Install Hexo After the installation is complete, open the Git shell,
Input command npm install -g hexo

All the necessary tools have been installed here, so we can generate blogs and upload them to our GitHub repository.

3. Writing, publishing

Next we need to initialize a blog with Hexo, then change some custom configurations, or add your favorite themes, write the first article, and post it to your own personal GitHub website ( qingfeng825.github.io ).

3.1 Creating a Blog

Replace the following qingfeng825 with your own username, after successful execution, a folder named Qingfeng825.github.io is created, and the blog-related configuration, themes, and text content are managed by Hexo in this directory. Of course, the commands here are also tapped in the Git shell. Command for npm init qingfeng825.github.io

3.2 Editing articles

After completing the above steps, the local Hexo has been basically built.
Now, we want to create a new article called Hello World, I will not tell you that I am a yard farmer. Execute in Shell: cd qingfeng825.github.io switch The working directory to \qingfeng825.github.io, if it is already in this directory, make the following command directly hexo new "Hello World"! , then enter the command: hexo server ,
After successful execution of the above instructions, open the browser, Access localhost:4000, if the presence of Hello World indicates that your HEXO blog has been built successfully. If you want to quit the service, enter CTRL + C.

, do not appear exactly the same interface also do not worry, because I am in advance the theme set, the following will be involved as long as see Hello world can.

3.3 Installing the Hexo-deployer-git Automatic Deployment Publishing Tool

To publish the article, you must install the command

3.4 Modifying _CONFIG.YML

There's still some work to do before the release. That's configuring _CONFIG.YML,

    • Deploy

    • Type:git

    • Repo: [Email protected]:qingfeng825/qingfeng825.github.io.git
      Branch:master

See all: There is an English space behind, there will be no error.

3.5 Release

After configuring this information, you can hit the command.
Two commands for each hexo generate and
hexo deploy

After you have done this, you can click Http://qingfeng825.github.io to access it.
It should be like this at the end of the way.

4 Theme Settings

Choose a theme that's right for you
Hexo The default theme style is landscape, perhaps you want to use a more diverse and personalized theme style. There are many open source Hexo themes on GitHub, you just need to clone them into the ~/blog/themes directory, set the theme you want to use in the theme attribute of ~/blog/_config.yml, and then rebuild the page deployment.
Here are a few topics on GitHub that have higher star numbers:

    • Https://github.com/litten/hexo-theme-yilia

    • Https://github.com/iissnan/hexo-theme-next

Of course, if you are an excellent front-end engineer, you can even customize your own unique Hexo-theme, you can also open your work to GitHub for more Hexo users to use and learn.

Reference articles like the next few

    • http://www.jianshu.com/p/bdb333a4391d

    • http://www.jianshu.com/p/3ec7069a8993

    • Http://www.tuicool.com/articles/y6JJV3Z

Build a free personal blog under windows

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.