Hexo 博客搭建教程

目标 

通过这篇文章，你可以用自己的 github账户名称.github.io 访问到自己的博客，like this：

物料准备

• 一个 GitHub 账号 (https://github.com/ 注册)

• Git 基本操作 （https://git-scm.com/book/zh/v2 学习 git 的基础操作）

• Node 环境 (http://nodejs.cn/download/ 进行安装)

博客项目构建思路

• xxx.github.io 可访问

• 本地搭建 Hexo 项目

• 本地项目部署至 github 仓库

1）登录 github 后找到并记住你的 github 账户名称 xxx。

2）新建仓库 Create repository。

github 右上角的+号选择 New repository

找到 github 账户名称，键入仓库名称 github账户名.github.io。以我为例：hiciciya.github.io

仓库新建成功

3）测试 githubpage 是否可访问。

恩，失败了，不可以访问。原因就是我们只是建立了一个空仓库，啥都没有是理所应当的哈。不要惊恐，更不要感觉惊悚。

4）Clone 仓库到本地

github 配置 sshkey，很简单。这就是一个把电脑和 github 链接起来的钥匙， 如果不会，去下面的地址可以学习哈。

地址：https://docs.github.com/cn/github/authenticating-to-github/connecting-to-github-with-ssh/generating-a-new-ssh-key-and-adding-it-to-the-ssh-agent

复制仓库地址

在本地新找一块位置，比如说桌面，打开命令行工具（gitbash powshell cmder ）

git clone 你的仓库地址

clone 仓库到本地

用 IDE（webstorm Vscode sublime ）打开。

5）新建 一个 html 文件 index.html 并推送远端

6）本地提交

git add .

git commit -m "text githubpages"

7）推送至远端

git push origin master

再次测试 githubpage 是否可访问

浏览器输入 xxx.github.io/

未完待续......

推荐阅读：

前端工程化中的重要环节——自动化构建

低代码真的是“行业毒瘤”吗？

拉新活动必备——node + fc 部署海报生成服务

恭喜你又在前端道路上进步了一点点。

点个“在看”和“赞”吧！