- Published on
使用 hexo 搭配 github 搭建自己的静态个人博客
现在的好多面试的岗位要求里,都会有这么一项:
如有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
)--现在收费了可以使用 markText
。
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
文件:
- 划到最底部有一个 deployment 属性,需要在这里去做一些配置
- 在 type 那里写上 git ,然后再在下面一行添加:
repo: 刚才你设置的 github 仓库地址
,并且在下面再写上分支:branch: master
13.部署到远端:
hexo deployer // (可简写为 hexo d)
14.第一次执行会让你输入 github账号和密码
15.回车后,再去看刚刚的新仓库,发现博客已经上传上去了。
16.打开你的博客地址即可。如:github 博客
总结
- 下载
npm install hexo-cli -g
- 新建一个空的博客目录
- 在当前目录初始化
npm init
博客 hexo s(server)
启动博客localhost:4000
本地进行查看- 记得在部署之前要将你的
md
生成 html:hexo g(generate)
- 新建仓库,名称:
github昵称+ .github.io
—(注意github前面有个点) - 在当前目录安装部署插件 —
npm install hexo-deployer-git --save
_config.yml
设置相关配置- 部署到 github —
hexo -d(deployer)
- 首次部署需要输入自己的 github 账号和密码
- 完成后在浏览器输入自己设置的地址进行访问