Fork me on GitHub

如何用HEXO+github搭建个人博客

如何用HEXO+github搭建个人博客
HEXO是一个简单的、轻量的、基于Node的一个静态博客框架,可以方便的生成静态网页托管在github上。原理:github存放的都是静态文件,博客存放的不只是文章内容,还有文章列表、分类、标签、翻页等动态内容,假如每次写完一篇文章都要手动更新博文目录和相关链接信息,相信谁都会疯掉,所以hexo所做的内容就是讲这些md文件都放在本地,每次写完文章后调用写好的命令来批量完成相关页面的生成,然后再将有改动的页面提交到github。

系统环境配置:要使用Hexo,需要在你的系统中支持Node.js以及Git。
安装Node(必须),作用:用来生成静态页面,到Node.js官网下载和自己电脑相匹配的版本,除了指定安装路径,一路安装即可。
安装Git(必须),作用:把本地的hexo内容提交到github上去,申请github账号,作用:是用来做博客的远成仓库、域名、服务器之类的。
验证软件是否安装正确:
同时按下win键或R键(或点击“开始菜单”>点击“运行”),打开运行窗口,输入“cmd”,然后输入以下命令:
图片
图片
显示版本信息,说明安装成功。
申请gitub账号:
注册完成后,点击“New repository”,新建一个版本库。
图片
输入repository name:yourname.github.io(yourname与你的注册用户名一致,这就是你博客的域名了)。
图片
到此,github账号申请完成。
安装hexo:
在自己认为合适的地方创建一个文件夹,这里以E:/hexo为例,首先在E盘目录下创建HEXO文件夹,并在命令行的窗口进入到该目录下
图片
在命令行中输入:
图片
图片
可能会看到一个WARN,但是不用担心,不会影响正常使用,然后输入:
等待进度条安装到100,然后测试hexo是否安装完成,输入:
图片
图片
安装完成。
HEXO的相关配置:
1.初始化HEXO,接着上面的操作,输入:
图片
再输入:
图片
之后npm将会自动安装你需要的组件,只需等待npm操作即可。
2.首次体验HEXO
继续操作,同样在命令行输入:
图片
图片
然后输入:
图片
提示:
图片
在浏览器中打开http://localhost:4000/,你将会看到:
图片
HEXO常用的几个命令:
(1) hexo generate (hexo g)生成静态文件,会在当前目录下生成一个新的叫做public的文件夹
(2) hexo server(hexo s)启动本地web服务,用于博客的预览
(3) hexo deploy(hexo d)部署博客到远端(GitHub平台)
将HEXO与github联系起来:
大致分为两步:(1)配置git个人信息;(2)配置Deployment

Hexo不是处理命令时:
$ npm install hexo -g