安装git
git 地址：https://git-scm.com/download/win
就下载标准版的64位：
下载好，也是傻瓜式安装，安装好后，然后右键如下：
安装Node
地址：https://nodejs.org
下载最新的LTS
下载后，开始安装，安装步骤如下：
证明电脑是已经安装好Node了，按win+R键盘，输入cmd，如下：
注册github账号
你需要知道你的
- github的账号
- 绑定的邮箱
- 密码
创建一个博客项目
地址：https://vuepress-theme-reco.recoluan.com/
第一步，安装工具：
npm install @vuepress-reco/[email protected] -g第二步，创建博客：
开始按回车，如下：
创建完后，进入到项目中，安装项目所需要的依赖，如下：
cd wcblog(你的博客文件夹)
npm i 等待依赖安装完毕。尝试把博客运行起来，如下：
npm run dev浏览器中测试输入测试一下，如下：
需要做一些配置，使用vscode打开wcblog，如下：
这里在config,ts里可以更改网页标题,加一个base,写上你未来的github项目名称和文件夹名称,比较重要,必须一致,否则会出现网页打不开的情况.
输入一个命令，把博客进行打包，如下：
打完包，后会多一个dist文件夹，如下：
dist中的代码就是我们要部署的代码。
创建远程仓库
创建一个远程仓库，如下：
必须要是public，否则不能免费变成网页！
出现上面的界面，远程仓库就OK了。远程仓库创建完毕后，有两个地址，一个是http打头的，一个是ssh打头，使用ssh打头的，如下：
配置SSH(非必要步骤)
生成新的秘钥，如下：
秘钥的生成位置，如下：
把公钥copy到github上，找到公钥，如下 ：
写博客并部署
使用vscode打开源码，如下：
先把博客在本地运行起来，如下：
使用浏览器访问之，如下：
开始写博客，如下：
开始用typora写笔记，如下：
不要忘记保存。特别需要注意图片的路径，如下：
重新运行项目，如下：
浏览器测试之，如下：
部署上线
你要想让别人看到你的博客，需要部署上线，部署之前，需要打包，如下：
打包后，会把打包后的网页放到dist目录下面，如下：
你专门找一个文件夹存放打包后的代码，如下：
关联之前创建好的仓库：
到代码目录，右键点击Open Git Bash here如下：
初始化本地仓库，$ git init 如下：
进行本地仓库的管理，$ git add . 以及 $ git commit -m "xx"如下：
本地仓库与远程仓库进行关联，如下：
推送代码到服务器，git push origin master 如下：
查看远程仓库是否推送成功。如下：
开始部署，如下：
等2分钟，就可以把博客部署OK了，如下：
后续每次更新博客
比如开始写css总结，如下：
打包，npm run build 如下：
就生成新的网页了，用新的网页覆盖掉旧的网页，如下:
现在只需要推到远程仓库就OK了。
git add .
git commit -m "xxx"
git push origin master
然后查看一下远程仓库有没有变就可以了。之后就不用管了，会自动重新部署。
后续更新可能会出现报错:
merge brach "test"
# Please enter a commit message to explain why this merge is necessary,
# especially if it merges an updated upstream into a topic branch.
#
# Lines starting with '#' will be ignored, and an empty message aborts
# the commit.
~
~
~
-- INSERT -- recording
中文意思
# 请输入一个提交消息来解释为什么合并是必要的，
# 特别是当它合并一个更新的上游到一个主题分支。
#
# 以“#”开头的行将被忽略，空消息将中止
# 提交。 解决方法:
- 不写原因直接3，4步骤，写原因则1，2，3，4步骤
- 按键盘字母 i 进入insert模式
- 修改最上面那行黄色合并信息,可以不修改
- 按键盘左上角"Esc"键
- 输入":wq",注意是冒号+wq,按回车键即可
示例网站：我的技术学习笔记博客
