快速使用hexo+github搭建个人博客

相关简介

GitHub是一个共享虚拟主机服务，用于存放使用Git版本控制的软件代码和内容项目——维基百科

Github Pages 是面向用户、组织和项目开放的公共静态页面搭建托管服务，站点可以被免费托管在Github 上，你可以选择使用Github Pages 默认提供的域名github.io 或者自定义域名来发布站点。

Hexo一个快速、简洁且高效的博客框架——官网

Node.js是一个能够在服务器端运行JavaScript的开放源代码、跨平台JavaScript运行环境。——维基百科

准备工作

Github账号

安装Git工具

安装node.js

前两步注册账号并对git进行相关配置，可以看下我之后的文章，这里直接进行第三步（windows系统）

官网下载安装包，默认下一步即可

官网：https://nodejs.org/zh-cn/

检查node.js是否安装成功

命令行输入node -v查看版本



安装hexo

新建一个项目文件夹blog

在命令行输入

npm install hexo-cli -g

进入blog，初始化博客

hexo init

这时你会在该blog下会多出一些相关文件，这时候博客已经生成完了，启动本地web服务，用于博客的预览

hexo s

启动完毕这时候会提示你在浏览器打开地址：http://localhost:4000/

此时一个简单的博客页面就自动生成了

博客最重要的是写博客和博客发表了

如何写博客和博客发表

1、新建博客文章

hexo new 'filename'

此时在bolg/source/_posts/下面会看到新建的博客，博客文件的后缀是.md文件满足Markdown语法

完成编辑后，本地浏览器在终端上输入以下代码

hexo g
hexo s

hexo generate (hexo g) 生成静态文件，会在当前目录下生成一个新的叫做public的文件夹

上面两个命令也可以简写

hexo s -g

此时本地上能看到刚刚发表的文章了，那么怎么发布到网上去呢

1、先在github创建一个rep仓库

仓库命名为：你的用户名.github.io,这个仓库最大的特点就是其master中的html静态文件，可以通过链接http://用户名.github.io来直接访问。

2、安装git插件

在本地命令行中运行该命令

npm install hexo-deployer-git --save

然后进入blog根目录修改一下当前项目配置文件





这个文件里面也可以配置你博客的名称、网站的标题等等，里面有注释很清楚

配置完成后，开始上传我们的文件到github

进入项目里面，打开命令行输入命令

hexo g -d

这时候你再查看一个github仓库，文件已经上传了，这时你打开网站http://用户名.github.io就可以访问你的博客了

当然hexo是有很多主题的，你可以去官网下载你喜欢的主题放到博客根目录的themes文件夹下，并修改一下根目录_config.yml文件里面的

theme: yilia（这个为你下载的主题名）