type
status
date
slug
summary
tags
password
category
icon
Text 1
Text
前言:
由于作者太懒了自己懒得写文章,所以就使用laogou717的文章,但是laogou717也太懒了文章并没有认真写,所以推荐观看他的bilibili视频
一些链接
Node.js 必需的环境 安装最新版Node.js。
git 必需的环境 版本控制,管理代码。
watt toolkit国内访问GitHub就靠它了
npmmirror源淘宝NPM镜像源
Hexo博客官网,可以查找更多主题
GitHub需要有一个GitHub账号,用来保存你的代码。
Vscode方便后续操作非必需
一些命令
验证Node.js和npm版本
node -v
npm -v
git -v
如果显示版本号,则代表安装成功。
安装Hexo
npm install -g hexo-cli
如果网络被阉,可以使用阿里云镜像源进行安装:
npm install -g cnpm --registry=https://registry.npmmirror.com
cnpm install -g hexo-cli
初始化Hexo项目
选择一个位置创建Hexo项目文件夹:
hexo init lanni
卡死了可以直接按下 CTRL+C 终止。
然后CD进入项目目录:
cd lanni
手动切换阿里镜像源安装项目依赖:
cnpm install
出现SSL错误,可绕过证书验证(仅用于开发环境):
git config --global http.sslVerify false
选择并安装主题
选择一个Hexo主题,例如Butterfly。
访问主题的GitHub页面,点击Code,下载压缩包。解压缩包到Hexo项目的themes目录下。或者直接通过git进行克隆
修改Hexo根目录配置文件_config.yml(非主题的_config.yml)
设置主题:
theme: butterfly
本地生成和预览
清理缓存:
hexo clean
或者简写为 hexo c 或 hexo cl
生成静态文件:
hexo generate
或者简写为 hexo g
启动本地服务器进行预览:
hexo server
或者简写为 hexo s
在浏览器中访问http://localhost:4000查看效果。
推送或部署到GitHub
确保已经在GitHub上创建了一个仓库。
安装Hexo部署插件:
官方源
npm install hexo-deployer-git --save
阿里源
cnpm install hexo-deployer-git --save
配置Hexo部署信息,在_config.yml文件中的规范写法:
例如:
deploy:
type: git
repo:
https://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@github.com/GGB60/blog.git
branch: main
推送github:
hexo deploy
或者简写为 hexo d
使用免费容器部署
https://vercel.com
用GitHub账户进行授权
从GitHub仓库中进行同步
总结
通过以上步骤,你应该已经成功安装并配置了Hexo博客,并且能轻易将其部署到互联网。
- 作者:LANNI
- 链接:https://lanni.us.kg/article/Hexo
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。