hexo + github 搭建个人博客

前提:

注册github

安装git

安装nodejs

在github上新建一个厂库

hexo + github 搭建个人博客

将Repository name改成github的用户名

hexo + github 搭建个人博客

建好之后:

hexo + github 搭建个人博客

 

创建好了,来到Settings页面,找到GitHubPages,点击choose theme

hexo + github 搭建个人博客

 

选择一个主题,此时回来看Code页面,已经有东西

hexo + github 搭建个人博客

 

 

这样访问:https://用户名.github.io

就不会报404了

hexo + github 搭建个人博客

安装hexo,什么是hexo参考:https://hexo.io/zh-cn/docs/

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

 

打开cmd命令窗口,输入:npm -v   检查npm是否安装成功

hexo + github 搭建个人博客

然后输入:npm install hexo-cli  -g  使用npm来安装hexo

hexo + github 搭建个人博客

在磁盘中新进文件夹来管理自己的博客

然后在这个文件夹内,右键打开git bash here

hexo + github 搭建个人博客

输入hexo -v   查看hexo是否安装成功

hexo + github 搭建个人博客

 

初始化hexo

输入:hexo init

hexo + github 搭建个人博客

可以看到文件家里多了很多东西

再输入:npm install

hexo + github 搭建个人博客

打开你的blog

输入:hexo g

hexo + github 搭建个人博客

再输入:hexo s

hexo + github 搭建个人博客

 

看此时的提示

打开浏览器输入:http://localhost:4000/

hexo + github 搭建个人博客

至此,本地blog已经搭建好了

与github 对接

在本地博客文件夹里,打开git bash here,依次执行git 命令

初始化、添加、提交

hexo + github 搭建个人博客

创建、切换分支

hexo + github 搭建个人博客

 

添加remote

hexo + github 搭建个人博客

push

hexo + github 搭建个人博客