最近在折腾Hexo, 官网解释Hexo是A fast, simple & powerful blog framework
,经过一般折腾,发现的确如此,哈哈,本篇博客,予以记录如何使用Hexo与Github搭建个人博客
基本准备
开发工具
node.js
Git
项目平台
Github
掌握
MarkDown
注意事项
快速阅读帮助文章
开始
开发前的准备
git config --global user.name "your name"
git config --global user.email "your email"
-
创建Github账号,根据网站中的注册向导进行注册
-
注册完成后,创建一个项目,名字为:
yourname
.github.io 项目 , 在注册时候有个Initialize this repository with a README
,勾号可以不选,也可以选,其实就是为了说明这个仓库是用来干什么用的罢了 -
注意:在这篇博客中,可能有人会说我不会使用Git,在这里会不会Git对搭建没影响的
使用Hexo在本地搭建个人博客
-
阅读hexo docs文档
-
在电脑中创建任意文件夹,在该文件夹下执行以下命令
$ npm install -g hexo-cli
-
执行完命令后表明你的hexo本地网站已经搭建成功,一条命令默认默认的博客系统已经搭建成功
-
搭建成功后,我们还需要了解如何去运行它
4.1 使用以下命令生成发布的界面(简写:hexo g)
hexo generate
4.2 使用一下命令开启本地服务器(简写:hexo s)
hexo s --debug //开启debug模式,实时查看日志
4.3 浏览器运行http://localhost:4000/
- 到此位置一个本地的使用hexo搭建的个人博客已经完成
使用个人博客
在这里将介绍常用命令,具体命令请观看官方文档(https://hexo.io)
$ hexo new title //创建一个新的md文章
$ hexo new page tags //创建一个名为tag的页面
博客系统的结构组成
.
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes
- _config.yml : 博客的配置文件
- package.json :博客的Application data.
- scaffolds : 模板文件,当你创建一个博客或者页面,将采用这个文件夹下的对应的模板
- source: 源文件,包含用户编辑的网站内容
- themes : 博客的主题(更多主题可去hexo themes下载安装使用)
本地配置Github属性
在hexo的_config.yml的deploy中加入以下语句
deploy:
type: git
repo: github的对应仓库地址,即我们刚才在github创建的仓库
branch: master
发布至Github
执行hexo d
,系统将部署到Github对应的仓库
网站访问
访问 yourName.github.io
即可 (注意yourname : 这个名字为你之前创建仓库起得名字,也就是你的github名字)
绑定域名
购买域名
我们可以去万网 购买域名,在此之前需要进行登录注册
域名认证
购买域名后需要按照相关设置对域名进行使用认证
解析域名
解析完成后,对域名进行解析,解析为Github
记录类型: A
主机记录: @ www
记录值:192.30.252.154
提示:需要添加两次解析,分别问@的和www的解析
github的相关配置
在你的项目中创建CNAME文件,内容为你的域名
提醒:如果在hexo项目中,需要在public文件夹下创建该文件,因为Hexo部署项目为部署的public文件夹的文件
至此关于使用hexo与Github搭建个人博客的基本操作已经讲完,感谢大家的支持