周周转转终于把博客搭建的差不多了

本篇博客由aRu原创，转载请标明出处，附上本文链接。

下面是我的过程：
由于还是没找到合适的md编辑器，所以直接用的md在线编辑，
而在线编辑又不能插入图片，所以这篇文章看起来有点枯燥

1. 准备工作

• 安装Node.js

• 安装Git

• 注册Github账号 生成静态网页

• 安装Hexo

• 连接Github与本地

• 安装软件大家都会，直接去官网下载就行
  需要注意的是Node.js安装时有一步要选Add To Path，其他默认就行。

• 注册GitHub相信聪明的你也会

• 生成静态网页
  1.在 Github 中创建一个名称为 你的Github名字.github.io 的Repository。
  这里实在不懂得话可以搜一下怎么创建Github Pages
  2.勾选 Initialize this repository with a README
  3.选择Create repository

• 安装Hexo
  以上软件装完之后在你本地磁盘建一个文件夹命名为Blog（名字可以随便取，但要是英文）
  进入Blog文件
  鼠标右键---选择Git Bash Here（之后的步骤会频繁使用它，建议不要教程结束之后在关闭该窗口，每输入一行命令都要回车执行）
  输入

  npm install -g hexo-cli
  

然后回车等待安装，安装完成后输入

hexo -v

出现一堆数据就证明你安装成功了

**连接Github与本地**- 
还是在刚才打开的Git Bash那里依次输入下面的命令

git config --global user.name "username"
git config --global user.email "Email"

其中username是你的GitHub名字
Email是你注册时的邮箱   （两个参数都不用去引号）  

然后生成密钥SSH key：

ssh-keygen -t rsa -C "Email"

Email是你注册时的邮箱，引号不用去

然后打开github，在头像下面点击settings，再点击SSH and GPG keys，新建一个SSH，名字随便。

然后git bash中输入

cat ~/.ssh/id_rsa.pub

这时候会出现一堆字符，复制下来，粘贴到GitHub刚才的页面框中，点击确定保存。

然后再Git Bash输入

ssh -T git@github.com

如果看到出现 **You successfly**就证明链接成功。

**2.创建本地博客**

还是在刚才打开的Git Bush中输入：```
hexo init
​```将 blog 文件夹初始化成一个博客文件夹。

输入 ```
npm install
​``` 安装依赖包。

输入```hexo g``` 生成（generate）网页。 

由于我们还没创建任何博客，生成的网页会展示 Hexo 里面自带了一个 Hello World 的博客。

输入```hexo s``` 将生成的网页放在了本地服务器（server）。

浏览器里输入 http://localhost:4000/  就可以看到刚才的成果了。

回到 Git Bash，按 Ctrl+C 结束，此时再看 http://localhost:4000/ 就是无法访问了。

**3.将本地 Hexo 博客部署在 Github 上**

 - 获取 Github 对应的 Repository 的链接
登陆 Github，进入到 你之前创建的仓库页面下，点击 Clone or download复制 URL 

- 修改博客的配置文件打开配置文件 /blog/_config.yml 
找到 #Deployment，
填入以下内容：
deploy:   
 type: git  
 repository: 填刚才复制的url  
 branch: master 
保存退出
- 部署
回到 Git Bash
输入 ```npm install hexo-deployer-git --save
​``` 安装 hexo-deployer-git 
此步骤只需要做一次。
输入 ```hexo d
​```得到  INFO Deploy done: git  即为部署成功
前往你的仓库页面即可查看成果。

**4.选择你的博客主题**
打开[Hexo 主题](https://hexo.io/themes/ "Hexo 主题")
或者[Easy Hexo](https://easyhexo.com/2-Theme-use-and-config/ "Easy Hexo")
第一个网页有很多主题可以选，选择你心仪的主题，找到对应的github仓库，仓库里一般会有操作说明
这里我更推荐第二个网页，都是现成的教程和主题，我的博客主题（名字是yilia）就是安照这个教程来设置的

**5.重新上传**

*我们采用的是静态网页，所以每次改动之后都要重新上传*

- **重新上传前你要知道的**
~~似乎聪明的你会发现前面啰里啰唆一大堆，怎么没有教你怎么写博客和上传博客。~~
**以发布一篇博客为例子：**

***第一种方式：***
继续在 Git Bash 里，所在路径还是 /d/blog
输入 ``hexo new "My First Post"``
在 \blog\source\_posts 路径下，会有一个 My-First-Post.md 的文件。 
编辑这个文件，随便写一些什么，然后保存。
回到 Git Bash，输入 ``hexo g``
输入 ``hexo s``
前往 http://localhost:4000/ 查看成果。
回到 Git Bash，按 Ctrl+C 结束。

**第二种方式：**
直接打开\blog\source\_posts（或者\blog\source下其他的文件夹）
然后新建一个以 .md结尾的文件
打开并输入内容即可
这里是[md语法规则](https://blog.csdn.net/qq_27870421/article/details/86541868 "md语法规则")的教程，还是很简单的。你也可以选择用md编辑器来操作。

**6.更新博客**

每次配置本地博客或者更新博客内容后都需要重新上传部署

回到 Git Bash，输入 ``hexo g -d``就可以了。

**7.后记**
可以在评论区跟我互动哦，github互关也可以（逃


-----------
**本篇博客由aRu原创，转载请标明出处。**