Preparation in windows environment
- Download and install node.js and install it, npm is installed by default
- Download and install git and Git Bash
Build hexo static blog locally
- Create a new folder, such as myBlog
- Go to the folder, right click
Git Bash Here - Download and install hexo: npm install hexo-cli -g
- Generate a hexo template: hexo init blog (initialize the folder)
- Go to the blog folder: npm install
- Enter the blog folder: hexo server (visit the local localhost:4000 to see that the blog has been successfully built)
Associate blog with github
- Create a repository named xxx.github.io on Github, where xxx is your github username.
- Open the _config.yml configuration file in the blog folder of the local myBlog and set the type in it to git
- Go to the blog folder and run npm install hexo-deployer-git --save
- hexo generate
- hexo deploy
- Go to the repo corresponding to xxx.github.io and open the GitHub Pages function. If it is already open, just click the preview link. You can also open a browser and visit: https://qfstudy.github.io
edit blog
- hexo new blog title
- Edit the corresponding md file under \source_posts
- hexo generate
- hexo deploy
then opens the blog and sees his newly edited blog
update article
- Execute in the blog directory: hexo new "My first post", a .md file will be generated in the source/_posts folder.
- Edit the file (following Markdown rules)
- Modify start field
- title title of the article
- date creation date (the date the file was created)
- updated modification date (the modification date of the file)
- comments Whether to enable comments true
- tags tags
- categories
- name (filename) in permalink url
- Write the body content (MakeDown)
- hexo clean deletes local static files (Public directory), but it is optional.
- hexo g generates local static files (Public directory)
- hexo deploy pushes local static files to github (hexo d)
Note on uploading source code
(xxx.github.io) only saves your blog, and does not save the program code for generating the blog. You need to create an empty warehouse named blog-generator (you can name it freely) to save The program code for generating blog in myBlog.
hexo deployIn the future , the blog will be git add /git commit /git pushupdated after each session ; and then you have to check again 上传生成博客的程序代码, just in case.
change theme
- Enter Hexo's official website theme column
- github:https://github.com/hexojs/hexo/wiki/Themes
- Copy its SSH address or HTTPS address, assuming the address is [email protected] :iissnan/hexo-theme-next.git
- cd themes
- git clone [email protected]:iissnan/hexo-theme-next.git
- cd ..
- Change line 75 of _config.yml to theme: hexo-theme-next, save
- hexo generate
- hexo deploy
- Wait a minute, then refresh your blog page and you'll see a new look. If you don't like the theme, go back to step 1 and choose a new theme.
nextTheme configuration
- Change social links, modify in _config.yml of theme folder
