Hexo博客搭建

Hexo博客搭建

安装前准备

检查电脑中是否安装下列应用程序:

  • Node.js (下载最新稳定版)

  • Git(下载最新稳定版)

遇到 任何问题 请参考 Hexo官方文档 ,官方文档很详细。

安装Hexo

使用 npm 安装 Hexo

npm install -g hexo-cli

建站

新建一个网站

hexo init [folder]
cd [folder]
npm install

具体目录结构和文件说明请参考 官方文档

开启本地Hexo服务器

hexo s

根据提示在浏览器输入 http://localhost:4000即可

部署至GitHub Pages

注册GitHub

注册 GitHub,取一个亮一点的用户名,部署博客时会使用

新建一个项目

  1. 点击“+” -> 点击“New repository”

image

  1. 在 Repository name 中填写内容,格式为:[你注册GitHub时填写的用户名].github.io

image

  1. 点击 Create repository 即可

  2. 添加SSH key秘钥至GitHub,请参考 此文章

  3. 修改配置文件

找到项目文件夹下 _config.yml 打开后滑到最后,修改成下面的样子

image
6. 推送项目至GitHub

hexo clean
hexo g
hexo d

执行 hexo d 后报错:无法连接git或找不到git,执行命令安装 hexo-deployer-git

npm install hexo-deployer-git --save

安装完成后,再次执行 hexo ghexo d 命令

  1. 去GitHub查看项目是否推送成功,成功如下图

image

  1. 成功之后直接访问网址,网址格式: [你注册GitHub时填写的用户名].github.io ,成功后如下图

image

自定义域名

  1. 去域名服务商购买域名

  2. 查看GitHub的IP地址,参考文章,或者可以直接解析到 [你注册GitHub时填写的用户名].github.io

image

  1. 解析域名

image

  1. 点击 Settings

image

  1. 找到GitHub Pages,填写域名,勾选强制https

image

  1. 去浏览器查看是否成功(如果不成功,请等待,ssl证书申请需要时间,而且你在勾选强制https时,会有提示)

部署至Coding Pages

注册账号

请去 Coding 注册账号,中文界面往下撸就完事了。

新建一个项目

  1. 绑定SSH公钥

绑定SSH公钥,和GitHub类似

image

  1. 新建项目

添加一个和用户名相同的项目名称,和GitHub类似

image

  1. 修改配置文件

把项目的SSH地址填写到Hexo的配置文件中,如下图

image

  1. 推送项目至Coding
hexo clean
hexo g
hexo d

碰到问题,处理方式与GitHub类似

  1. 开启Pages服务

点击“Pages服务”之后,根据提示开启,成功后如下图,访问地址成功即可。

image

自定义域名

  1. 点击设置

image

  1. 根据Coding绑定新域名方法,去域名服务商解析域名至Coding

image

  1. 绑定新域名,勾选首选,开启强制https访问,访问域名成功即可

image

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值