保姆级教程--如何使用github来搭建自己的博客

ゝ一纸荒年。 2021-08-27 18:46 371阅读 0赞

现在的好多面试的岗位要求里，都会有这么一项：

> 如有Github或技术博客，请提供（加分）

说明你的博客也已经走入了面试的环节，好的博客能为你增加面试优势，也能记录你的学习历程。那么除了正常搭建博客外，我们还可以使用 Github + hexo 来搭建一个属于自己的免费博客。

首先，咱们使用 Hexo 来搭建博客，这是一个快速生成博客的工具，使用 node 来进行安装下载。

1.全局安装 hexo-cli

npm install hexo-cli -g

2.怎么证明你安装成功了？

hexo -v

3.安装完成之后，我们再新建一个文件目录（建哪儿，取名这种问题就不要问了，你开心就好）。  
4.之后在此目里内打开命令行来初始化博客

hexo init

5.初始化成功以后，我们就可以使用 **hexo server** 来启动博客了，当然这里只是启了一个本地服务。  
6.启动后，打开浏览器输入**localhost:4000** 来查看博客。  
7.那这里写博文的时候，记得用 **Markdown**（推荐一款软件 **Typora**）。  
8.新的博客会提示你几个常用的命令：

// 新建一篇博客
    hexo new "My New Post"
    // 启动博客
    hexo server  // (可简写为s)
    // 新建博客后生成博客
    hexo generate  // (可简写为g)

9.那以上都是在本地做测试用，下面我们要将博客部署到远端。这里有一种免费的方式就是部署到 github 上去，之后就使用 github 的地址来访问咱们的博客。  
10.登录自己的 github ，然后新建一个仓库，名字一定要是: 你gitbub昵称 + .github.io。例如：foxhsx.github.io  
11.创建好以后咱们回到之前的博客目录，并安装一个部署用的插件：

npm install hexo-deployer-git --save

12.安装好以后我们再去打开当前目录下的\_config.yml文件：

> 1.  划到最底部有一个 deployment 属性，需要在这里去做一些配置
> 2.  在 type 那里写上 git ，然后再在下面一行添加： repo: 刚才你设置的 github 仓库地址，并且在下面再写上分支： branch: master

13.部署到远端：

hexo deployer // （可简写为 hexo d）

14.第一次执行会让你输入 github账号和密码  
15.回车后，再去看刚刚的新仓库，发现博客已经上传上去了。  
16.打开你的博客地址即可。如：https://foxhsx.github.io

#### 总结 ####

1.  下载 npm install hexo-cli -g
2.  新建一个空的博客目录
3.  在当前目录初始化 npm init 博客
4.  hexo s(server) 启动博客
5.  localhost:4000 本地进行查看
6.  记得在部署之前要将你的 md 生成html hexo g(generate)
7.  新建仓库，名称： github昵称+ .github.io—(注意github前面有个点)
8.  在当前目录安装部署插件 — npm install hexo-deployer-git --save
9.  \_config.yml 设置相关配置
10. 部署到 github — hexo -d(deployer)
11. 首次部署需要输入自己的 github 账号和密码
12. 完成后在浏览器输入自己设置的地址进行访问

公众号：Coder 杂谈，欢迎关注  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMzQ1MjM3_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMzQ1MjM3_size_16_color_FFFFFF_t_70]: /images/20210813/ad652841303b45a7a4310e5d5962434b.png