Hexo博客搭建

Hexo博客搭建

文章目录

  • Hexo博客搭建
    • 安装前准备
    • 安装Hexo
    • 建站
    • 部署至GitHub Pages
      • 注册GitHub
      • 新建一个项目
      • 自定义域名
    • 部署至Coding Pages
      • 注册账号
      • 新建一个项目
      • 自定义域名

安装前准备

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

  • 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”

Hexo博客搭建_第1张图片

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

Hexo博客搭建_第2张图片

  1. 点击 Create repository 即可

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

  3. 修改配置文件

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

Hexo博客搭建_第3张图片
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查看项目是否推送成功,成功如下图

Hexo博客搭建_第4张图片

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

Hexo博客搭建_第5张图片

自定义域名

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

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

Hexo博客搭建_第6张图片

  1. 解析域名

Hexo博客搭建_第7张图片

  1. 点击 Settings

Hexo博客搭建_第8张图片

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

Hexo博客搭建_第9张图片

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

部署至Coding Pages

注册账号

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

新建一个项目

  1. 绑定SSH公钥

绑定SSH公钥,和GitHub类似

Hexo博客搭建_第10张图片

  1. 新建项目

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

Hexo博客搭建_第11张图片

  1. 修改配置文件

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

Hexo博客搭建_第12张图片

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

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

  1. 开启Pages服务

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

Hexo博客搭建_第13张图片

自定义域名

  1. 点击设置

Hexo博客搭建_第14张图片

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

Hexo博客搭建_第15张图片

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

Hexo博客搭建_第16张图片

你可能感兴趣的:(JavaScript,Hexo,git)