[Win10] build personal blog Hexo frame (deployed on github and imported landscaping style)

Foreword

First, Deng went github, and then create a new warehouse, the name must be a specification:

你的用户名.github.io  (必须这样命名,前面的就是Owner那你的用户名!!!)
例如:Chocolate666.github.io

Here Insert Picture Description

Deployment

Git deployment of plug-in installation

In the project folder Shift + right mouse button and enter the following command to install with PowerShell:

cnpm install hexo-deployer-git --save

Success will be following the situation, and here I direct a folder with vscode open, easy to use terminal
Here Insert Picture Description

Next, a very important step, find_config.yml

Deployment find the location, your own repo warehouse https address to modify
Here Insert Picture Description
the above source code:

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: 'git'
  repo: 'https://github.com/Chocolate666/Chocolate666.github.io.git'
  branch: 'master'

Then use hexo d in the terminal can be deployed to our code on github
Here Insert Picture Description
At this point, return to github interface, we will find a lot more files
Here Insert Picture Description
then we can access our own warehouse equipped with the blog name it

I set up the following blog address (~ Ow effective pro-test)

https://chocolate666.github.io/

Hit the jump blogger personal blog

This, we completed the deployment be it! Sahua
✿✿ヽ(° ▽ °) Techno ✿
✿✿ヽ(° ▽ °) Techno ✿
✿✿ヽ(° ▽ °) Techno ✿

Here is beautify our blog interface, of course, just a personal hobby, we can go look for more nice theme, you can leave a message in the comments area to share to you, to express my gratitude friends ~

Landscaping work

Blogger theme is yilia, the following is hexo-theme-yilia address, use enter the following command in the terminal:

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

Wait a few seconds, the following screen prompts 100% clone theme will be good
Here Insert Picture Description

Then modify the hexo directory _config.ymlto find the theme entries, modify the content behind the theme is yilia, as follows:

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: yilia

Then, recompile, start:

hexo clean
hexo g
hexo s

Here Insert Picture Description

Access HTTP: // localhost: 4000 , this time to see the page is not not the same this time, hexo installation and theme changes have been completed is not it cool?.?

Here Insert Picture Description
So, how to deploy to the remote before go up, very simple, first ctrl + c to exit the current service process, and then get the command line:

hexo d

Hit the jump blogger personal blog

(Note that when you change the theme, is not it goes into effect immediately, wait a little for 1 minute, constantly refresh the interface will be out)

This, we considered landscaping work is completed it! Sahua
✿✿ヽ(° ▽ °) Techno ✿
✿✿ヽ(° ▽ °) Techno ✿
✿✿ヽ(° ▽ °) Techno ✿

学如逆水行舟,不进则退
Published 511 original articles · won praise 1395 · Views 190,000 +

Guess you like

Origin blog.csdn.net/weixin_42429718/article/details/104241072