Hexo博客搭建

/ 0评 / 0

Hexo博客搭建

[TOC]

安装前准备

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

遇到 任何问题 请参考 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

  1. 推送项目至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

发表评论

电子邮件地址不会被公开。 必填项已用*标注