如何使用hexo和github搭建个人博客
安装hexo
输入命令: npm install -g hexo-cli
ps:此处为了防止被墙或者安装慢,可以使用淘宝镜像 cnpm install hexo –save
(安装淘宝镜像:输入命令npm install -g cnpm –registry=https://registry.npm.taobao.org 等待安装完成)
安装完毕,执行命令:hexo -v检查是否安装成功
初始化Hexo
- 创建一个hexo文件夹
- 进入该文件夹,输入命令:hexo init(等待时间会比较长点)
这时候在文件夹下会生成这些
- 打开_config.yml文件,可以根据自己的情况修改以下基础配置
可以选择自己喜欢的主题进行clone,hexo的主题推荐
这时候在theme文件夹下就可以看到所下的主题了
本地浏览博客
输入命令:
hexo g //生成
hexo s //启动服务预览
在浏览器输入 http://localhost:4000/进行访问,就可以看到效果了
- 写博客
在E:\blog\hexo\source_posts新建文件
重新执行hexo g的时候报错了
这时候安装cheerio:npm i cheerio就好了
部署到github
- new repository(因为我之前建好一个,所以有提示)
- 在_config.yml配置
安装hexo-deployer-git自动部署发布工具
npm i hexo-deployer-git –save发布到github上
输入如下命令:
hexo clean
hexo g
hexo d
发布完成
在浏览器输入leniNikky.github.io就可以访问了(如果是404,又发现没有什么问题,可能需要等一段时间才能访问)
绑定域名
- 在项目下新建一个CNAME文件,添加自己的域名(但是注意当你再次提交的时候,可能会把这个文件冲掉)
- 进入阿里云 ——控制台——域名与网站(万网)——域名 ——解析 如下图
- 添加纪录
CNAME www(域名) 默认(域名类型) xxx.github.io(域名状态)
CNAME @(域名) 默认(域名类型) xxx.github.io(域名状态)
CNAME的 @ 记录,这条解析将会使得在浏览器中直接输入xxx.com ,而无需输入www.xxx.com
这时候就可以用自己的域名访问