如何使用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检查是否安装成功

avatar

初始化Hexo

  • 创建一个hexo文件夹

avatar

  • 进入该文件夹,输入命令:hexo init(等待时间会比较长点)

avatar

这时候在文件夹下会生成这些

avatar

  • 打开_config.yml文件,可以根据自己的情况修改以下基础配置

avatar
avatar

可以选择自己喜欢的主题进行clone,hexo的主题推荐

avatar

这时候在theme文件夹下就可以看到所下的主题了

avatar

  • 本地浏览博客

    输入命令:
    hexo g //生成
    hexo s //启动服务预览

avatar

在浏览器输入 http://localhost:4000/进行访问,就可以看到效果了

avatar

  • 写博客
    在E:\blog\hexo\source_posts新建文件

avatar

avatar

avatar

重新执行hexo g的时候报错了

avatar

这时候安装cheerio:npm i cheerio就好了

部署到github

  • new repository(因为我之前建好一个,所以有提示)

avatar

  • 在_config.yml配置

avatar

  • 安装hexo-deployer-git自动部署发布工具
    npm i hexo-deployer-git –save

  • 发布到github上
    输入如下命令:
    hexo clean
    hexo g
    hexo d
    发布完成

avatar

在浏览器输入leniNikky.github.io就可以访问了(如果是404,又发现没有什么问题,可能需要等一段时间才能访问)

avatar

绑定域名

  • 在项目下新建一个CNAME文件,添加自己的域名(但是注意当你再次提交的时候,可能会把这个文件冲掉)

avatar

  • 进入阿里云 ——控制台——域名与网站(万网)——域名 ——解析 如下图

avatar

  • 添加纪录
    CNAME www(域名) 默认(域名类型) xxx.github.io(域名状态)
    CNAME @(域名) 默认(域名类型) xxx.github.io(域名状态)

avatar

CNAME的 @ 记录,这条解析将会使得在浏览器中直接输入xxx.com ,而无需输入www.xxx.com

这时候就可以用自己的域名访问