Hexo+Github搭建个人博客

前言

​ 在19年5月的时候开始于****上写博客,一方面是为了记录个人在计算机专业学习中遇到的问题;另一方面也是做技术分享,感觉分享也是一种快乐。

博客介绍

​ 博客是基于Hexo框架搭建的,其是一个静态站点框架。它是基于Node.js,在搭建完成后即可使用MarkDown的语法进行博客的撰写。在完成博客的撰写后,即可使用Hexo的命令将自己的博客部署到Githut或者个人服务器上。

安装博客

安装Node.js

​ 需要下载Node.js,根据个人cp下载相应的版本进行安装,安装的过程很简单,一路next即可。安装完成后打开命令提示符输入node -v 和npm -v 如果出现版本号即安装成功。Hexo+Github搭建个人博客
Hexo+Github搭建个人博客

安装Git

​ 安装Git的目的在于将本地生成的网页文件上传到github上,Git下载地址 https://git-scm.com/download/win 如果cp上已经安装了Git则可以跳过此步骤。安装完成后在命令提示符中输入git --version验证是否安装成功。

Hexo+Github搭建个人博客

注册Github账号

​ 如果没有Github账号的话,需要去 https://github.com/ 注册一个个人账号,如果已经拥有账号的话可以直接跳过此步骤。

新建仓库

​ 新建一个用于将上传博客文件的仓库,值得注意的是,在创建仓库时格式必须是Username.github.io否则的话即使将博客部署上去也会出现不显示css、js效果的问题。

Hexo+Github搭建个人博客

安装Hexo

​ 在一个你喜欢的目录下新建一个文件夹,用户放博客文件。比如E:\MyBlog 新建文件夹完成后,Win+R输入 npm install -g hexo安装成功后,在E:\MyBlog目录下右击鼠标Git Bash Here输入hexo init 、npm install 、npm install hexo-deployer-git --save等待安装完成后,会生成一些文件,这些都是配置文件

Hexo+Github搭建个人博客

完成上述操作后可以在Git Bash Here中输入hexo server在本地查看所搭建的博客。

Hexo+Github搭建个人博客

即将http://localhost:4000复制到浏览器中进行查看博客效果

Hexo+Github搭建个人博客

更换主题

​ 如果不喜欢这个主题的话,可以在 https://hexo.io/themes/ 中选择喜欢的进行主题变换

Hexo+Github搭建个人博客

点击喜欢的主题将下载到本地,解压后放在E:\MyBlog\themes路径下

Hexo+Github搭建个人博客

同时打开MyBlog的根目录下的_config.yml将其中的theme更换即可

Hexo+Github搭建个人博客

博客部署

​ 在Git Bash Here中输入hexo g 生成静态资源,再输入 hexo deploy即可完成部署,在浏览器中输入仓库的名字例如我的仓库名字为huzixuan1.github.io即可访问搭建的博客了。