【部署方法】

前置条件
本机已安装好 Git 和 Node.js

1.安装 Hexo
npm install hexo-cli -g
终端执行hexo -version出现 Hexo 版本号,说明安装成功

2.本地建站
2.1 初始化
找到要存放博客的目录,进入终端执行:
hexo init myblog
cd myblog
npm install
初始化成功显示:

_config.yml 存放的是博客配置信息, source/_posts 是存放文章的地方。

2.2预览
打开终端,进入项目根目录执行:

hexo clean # 清除缓存文件,建议写完文章后执行一次
hexo g # 生成 public 文件夹,写完文章执行
hexo s # 启动 hexo 服务
浏览器访问 http://localhost:4000/

3.更换主题
去主题官网,里面有上百种主题,这里选择 Fluid 主题,也是我个人在用的。
执行命令,将主题安装到myblog根目录
npm install --save hexo-theme-fluid
然后在博客目录下创建 _config.fluid.yml,将 Fluid 主题的 _config.yml 内容复制进去(打开链接复制)。
后续修改博客的配置,例如标题,头像,评论等等只需要在 _config.fluid.yml文件中配置就行。

3.1指定主题
如下修改myblog博客目录中的 _config.yml:
theme: fluid # 指定主题
language: zh-CN # 指定语言,会影响主题显示的语言,按需修改

3.2创建关于页面
首次使用主题的「关于页」需要手动创建:
hexo new page about

创建成功后,编辑博客目录下 /source/about/index.md,添加 layout 属性。
修改后的文件示例如下:
title: about
layout: about

3.3启动
终端执行:

hexo clean # 清除缓存文件,建议写完文章后执行一次
hexo g # 生成 public 文件夹,写完文章执行
hexo s # 启动 hexo 服务

4.部署到 GitHub Pages
登录 GitHub,新建一个 Repository,Repository name一定要是你的用户名.github.io
打开博客目录下的_config.yml,拉到最后,填写deploy模块:repository 填写刚才复制的链接

一定要安装 Git 插件:
npm install hexo-deployer-git --save

现在可以将博客部署上去了,执行

hexo c
hexo g
hexo d

执行成功可以通过 你的用户名.github.io 来访问博客了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值