最后的效果可参考本人博客
概要介绍
本文主要使用hexo搭建静态博客,并使用Github作为挂载点。
Hexo简介
Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub和Coding上,是搭建博客的首选框架。大家可以进入hexo官网进行详细查看,因为Hexo的创建者是台湾人,对中文的支持很友好,可以选择中文进行查看。
Github简介
Github是一个面向开源及私有软件项目的托管平台,因为只支持 Git 作为唯一的版本库格式进行托管,故名 GitHub。
搭建步骤
- 注册Github账号,并创建博客挂载点的仓库。
- 安装Nodejs
- 使用npm安装hexo
- 正式开始使用hexo
- 配置hexo
- 测试
详细搭建过程
安装Git工具
linux使用sudo apt-get install git
安装git管理工具
windows访问Git官网下载合适系统的git版本并安装。
安装nodejs
linux使用sudo apt-get install nodejs
安装nodejs
windows访问Nodejs官网下载合适系统的版本并安装。
以上操作结束,可使用node -v
来检查Nodejs是否安装成功。
npm安装、cnpm安装
linux使用sudo apt-get install npm
安装npm
windows cmd
中直接执行下面命令(确保上面已经安装过Nodejs)
1 | npm install -g cnpm --registry.npm.taobao.org |
初始化配置hexo
1 | hexo init blog # 命令格式为hexo init [目录名] |
添加了目录名这个选项,就会默认在当前页面创建目录并初始化。若不加用户名,则会在当前目录下初始化。
1 | 配置hexo的_config.yml文件 |
启动hexo服务程序测试
1 | hexo s |
会启动hexo本地服务,通过http://localhost:4000就能访问预览。
浏览器访问上面的网址(打不开,可以更换浏览器再试试)
创建一篇文章
1 | hexo n "我的第一篇文章" |
文章创建完默认存放在source\_posts
目录下。可以使用vi或者其他的记事本工具编写文件(文章默认后缀.md)。
编写完后发布
顺序执行以下命令
1 | hexo clean # 清理 |
再次使用hexo s
启动运行hexo本地服务。到此为止已经成功搭建了基于本地的hexo个人博客。
部署到github仓库
确认本地服务搭建成功后,就来部署到github远端仓库,这样就可以公网访问我们的静态博客了。
申请一个github账号
此步骤操作有疑问,请参考百度、谷歌。
通过我们的github账号创建一个仓库
github的hexo仓库名一定要是 github用户名.github.io
,否则之后会报错。
接下来的命令全都在hexo初始化的根目录进行。
本地安装hexo的git部署插件
1 | cnpm install --save hexo-deployer-git |
修改hexo配置
如下,需要配置deploy
1 | deploy: |
部署到远端
1 | hexo d |
过程中会让输入github账号与密码两个步骤
可以刷新github对应仓库的页面,可以看到内容已经到github上了。
实际上hexo只有网页相关的数据(public
文件夹下的内容)会同步到github对应的仓库中。
通过访问https://climbsnail.github.io就可以访问我们的博客了。
Hexo搭建博客系列教程
- Hexo搭建博客系列教程1__hexo+Github搭建个人静态博客
- Hexo搭建博客系列教程2__Hexo安装配置yilia主题
- Hexo搭建博客系列教程3__yilia主题添加网易云音乐插件
- Hexo搭建博客系列教程4__yilia主题添加Gitment评论插件
- Hexo搭建博客系列教程5__让搜索引擎收录博客