【github pages】: windows下构建一个github pages, 实时更新博客

之前弄过一次，弄丢了，重新弄了一下。

1.前期准备

• 安装git:https://git-scm.com/download/win
• 安装node:https://nodejs.org/en/
• 安装cnpm:npm install -g cnpm --registry==https://registry.npm.taobao.org
• 安装hexo:cnpm install -g hexo-cli
• 生成.ssh密钥：ssh-keygen -t rsa -C "你的github登录邮箱"
• 把公共密码复制到github上： C:\Users\您的用户名\.ssh\id_rsa.pub的内容复制到 github 主页，进入个人设置 -> SSH and GPG keys -> New SSH key
• 配置user和email:git config --global user.name "您的 Github username"和git config --global user.email "xxx@qq.com"

2.博客搭建流程

• 创建仓库，CrazyMilk.github.io；
• 创建两个分支：master 与 hexo；
• 设置hexo为默认分支（因为我们只需要手动管理这个分支上的Hexo网站文件）；
• 使用git clone git@github.com:CrazyMilk/CrazyMilk.github.io.git拷贝仓库；
• 在本地CrazyMilk.github.io文件夹下通过Git bash依次执行npm install hexo、hexo init、npm install 和 npm install hexo-deployer-git（此时- 当前分支应显示为hexo）;
• 修改_config.yml中的deploy参数，分支应为master；
• 依次执行git add .、git commit -m “…”、git push origin hexo提交网站相关的文件；
• 执行hexo generate -d生成网站并部署到GitHub上。

这样一来，在GitHub上的CrazyMilk.github.io仓库就有两个分支，一个hexo分支用来存放网站的原始文件，一个master分支用来存放生成的静态网页。完美( •̀ ω •́ )y！

3.使用 Typora 编写博客

3.1 Typora 介绍

Typora 是一款轻便简洁的 Markdown 编辑器，支持即时渲染技术，这也是与其他 Markdown 编辑器最显著的区别。即时渲染使得你写Markdown 就像是写 Word 文档一样流畅自如，不像其他编辑器的有编辑栏和显示栏。

优点:

• 简洁美观

• 实时预览

• 扩展语法

• 跨平台

3.2 安装 Typora

地址: typora-setup-x64(1).exe

3.3 写博客

1、在 D:\hexo 目录下，通过输入命令: hexo new "文章 title" 会在/source文件夹下生成对应文章的 .md 文件，然后就可以通过Typora打开此文件编写文章并保存了

2、当您写完该篇文章后，依次输入以下命令生成文章:

• hexo clean ：删除 public 文件夹，即删除旧的博客文章

• hexo g ：生成 public 文件夹，即生成新的博客文章相关 html 文件

• hexo s ：本地查看

• hexo d ：将博客推送到 github 上的master

3、另外需要以下命令把本次更新的部署资源推到hexo

• git add .
• git commit -m "update"
• git push -u hexo hexo:hexo

3.4向 Hexo 博客中插入图片

当 Hexo 项目中只用到少量图片时，可以将图片统一放在 source/images 文件夹中，通过 markdown 语法访问它们。

![可以写关于图片的描述](/images/image.jpg)
1

图片既可以在首页内容中访问到，也可以在文章正文中访问到。