注册GitHub

![[Pasted image 20240322072323.png]]
注册github，并建立一个公共仓库，以用户名+github.io命名

安装git

官网搜索最新版本的下载即可
![[Pasted image 20240322072448.png]]
下载完成后桌面右键会出现Git Bash Here和Git GUI Here，即下载成功
![[Pasted image 20240322072654.png]]

绑定github并提交文件

用git上传本地文件到github首先需要用SSH登录远程主机。有两种登录方式:一种是口令登陆，一种是公钥登录。口令登录每次都要输入密码，因此我选择了公钥登录的方式。首先要在github上添加SSH Key配置，想要生成SSH Key,就要先安装SSH。因为我们安装了Git，所以应该自带SSH,接下来我们首先检查是否已经安装了SSH.

检查是否安装SSH,并将GitHub绑定SSH Key

新建gitcode文件夹，在新建的文件中打开git bash，输入命令ssh,若与下图一致，则SSH已安装![[Pasted image 20240322074235.png]]
输入 ssh-keygen -t rsa 命令_（注意空格）_，表示我们指定 RSA 算法生成密钥，然后敲四次回车键，之后就就会生成两个文件，分别为秘钥 id_rsa 和公钥 id_rsa.pub. **（注意：git中的复制粘贴不是 Ctrl+C 和 Ctrl+V，而是 Ctrl+insert 和 Shift+insert.）**文件的位置在 Git Bash 上面都有显示，默认生成在以下目录

Linux 系统：~/.ssh
Mac 系统：~/.ssh
Windows 10 ：C:/Users/ASUS/.ssh

接下来我们要做的事情就是把公钥 id_rsa.pub 的内容添加到 GitHub。复制公钥 id_rsa.pub 文件里的内容，你可以通过目录找到 id_rsa.pub 文件的位置，用记事本打开文件复制。如果你实在找不到文件也没有关系，按照以下步骤直接在 Git Bash 上打开就行：
bash
1
2
3
$ cd ~/.ssh
$ ls
$ cat id_rsa.pub
**注意：git中的复制粘贴不是 Ctrl+C 和 Ctrl+V，而是 Ctrl+insert 和Shift+insert.）
**_接下来进入我们的 GitHub 主页，先点击右上角，再点击 settings ：
![[Pasted image 20240322074730.png]]

先点击SSH and GPG keys,再点击New SSH key![[Pasted image 20240322074955.png]]
![[Pasted image 20240322075135.png]]
验证是否成功,可以在Git Bash中输入 ssh -T git@github.com进行检验,第一次可能会出现下图情况
![[Pasted image 20240322075617.png]]
输入yes即可，如下图所示则表示绑定成功
![[Pasted image 20240322075444.png]]
之后我便继续绑定了我的GitHub远程仓库

购买域名

我购买了万网的域名
![[Pasted image 20240322080518.png]]

安装node.js和Hexo

按照参考资料中步骤安装即可
需要注意的是github更新后pages模块第一次不能直接在储存库的settings打开，下图是解决方法
![[Pasted image 20240322080928.png]]

建立文件夹Blog，输入一下代码下载Hexo框架

1	npm install -g hexo-cli

安装完成后用hexo init命令初始化hexo框架，之后输入命令hexo g静态部署，部署完成后输入命令hexo s，这是就可以在http://localhost:4000 查看新部署的网页了

如果浏览器输入http://localhost:4000 ,没有出现网页，说明网页被占用了，此时，可以使用hexo s -p 5000改为5000端口或其他就可以了

看完后ctrl + c关闭网页

注册过程中仓库地址访问时退件使用SSH地址，GitHub在更新后不再支持http访问
![[Pasted image 20240324183151.png]]

解析域名

将域名放入GitHub解析，解析成功后即可通过你所购买的域名进入到你写的博客中了
![[Pasted image 20240322081106.png]]

** 注意：在hexo每次发布后可能都要进入Github中Setting的pages中重新设置域名，解决方法是在Bolg中文件夹下建立一个CNAME文件，文件中写上你的域名，如XXX.com
前面可以不加”www.” 这样做的好处是以后输入网址XXX.com与输入www.xxx.com 时都可以访问你的博客，否则以后每次都要输入WWW.xxx.com 才可以访问**

备份博客

在修改博客过程中，备份博客是很重要的！！！以防在修改主题时报错但又不知道出错出在哪里，我们必须学会备份博客。接下来我会记录下自己的尝试以供大家参考。

历经一番折腾，最终还是把Blog文件备份到了本地myblog文件夹中

博客发布

创建新的markdown文件并发布

在你Blog的根文件夹下打开git bash并输入以下命令

bash

1	hexo new page "你博客的标题"

在Blog/Source/_post 文件夹下会生成相应的markdown文件，直接进入编辑即可

粘贴之前编辑过的markdown文件

直接将markdown文件移动或复制一份到Blog/Source/_post即可，在移动后刷新博客可能会遇到Untitled问题，只需要在markdown文件的最前面写上

---
title: 你的标题
data: 日期 #一般不写也会自动生成
---

注意 title: 后面最好要跟一个空格，否则第一次移动后可能不会显示

博客搭建详细资料-包括软件下载、环境搭建到next主题更换
 butterfly主题更换方式
 高清风景图片-博客背景图和头像
 如何在博客中添加图片