使用hexo和github搭建个博

1、工具

  1. Node.js
  1. Git

验证安装是否完成,命令函输入:

1
node -v、npm -v、git --version
  1. hexo下载,命令行输入:
1
npm install hexo-cli -g

验证安装是否完成,命令行输入:

1
hexo -v

2、创建github仓库

仓库名:github账号名.github.io

勾选创建readme文件

3、生成ssh key

空白区域右击文件夹–>Git Bash here

输入ssh,检测电脑是否安装ssh

1
2
3
4
5
6
7
8
$ ssh
usage: ssh [-46AaCfGgKkMNnqsTtVvXxYy] [-B bind_interface]
[-b bind_address] [-c cipher_spec] [-D [bind_address:]port]
[-E log_file] [-e escape_char] [-F configfile] [-I pkcs11]
[-i identity_file] [-J [user@]host[:port]] [-L address]
[-l login_name] [-m mac_spec] [-O ctl_cmd] [-o option] [-p port]
[-Q query_option] [-R address] [-S ctl_path] [-W host:port]
[-w local_tun[:remote_tun]] destination [command [argument ...]]

输入:

1
ssh-keygen -t rsa -C "github账号邮箱"

四次回车后会在本地生成文件夹,路径:

C:\Users\用户名\.ssh\id_rsa.pub

复制文件夹中的内容至

github–>Settings–>SSH and GPG keys–>New SSH key–>Title随意–>Key粘贴–>Add SSH key

验证是否绑定成功,输入指令:

1
2
3
$ ssh -T git@github.com

Hi hiwushiyu! You've successfully authenticated, but GitHub does not provide shell access.

4、本地生成博客内容

本地新建文件夹–>空白处右击–>Get Bash here

  1. 安装hexo
1
npm install hexo
  1. 初始化hexo(文件夹中生成文件)
1
hexo init
  1. 本地生成静态页面
1
2
3
4
$ hexo s
INFO Validating config
INFO Start processing
INFO Hexo is running at http://localhost:4000/ . Press Ctrl+C to stop.

浏览器输入网页http://localhost:4000/,即可查看

  1. 发布博客至github服务器

修改配置文件:_config.yml

1
2
3
4
deploy:
type: git
repository: 仓库地址
branch: main

博客根目录下Get Bash here–>安装自动化部署工具:npm install hexo-deployer-git –save

生成页面:

1
hexo g

上传github(需要输入账号密码):

1
hexo d

输入网址即可访问

5、更新博客

在路径source_posts下创建md文件,使用markdown语法编写
开头书写标题

1
2
3
---
title: 标题名
---

6、更换主题

https://hexo.io/themes/
按链接步骤安装新主题


版权声明: 本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!
个人邮箱: wushiyu0314@163.com