无服务器搭建静态博客｜Mac 系统本地安装Hexo博客并部署到GitHub-南盟笔记

一、搭建Hexo 环境

安装Node.js

安装Git

二、本地安装Hexo

1、新建“文件夹”，名称随意但“不能有中文字符”，并在文件夹中运行终端

1
2
mkdir 文件夹名 && cd 文件夹名
#注释:新建文件夹,并进入该文件夹

2、安装Hexo运行环境和依赖

1
2
3
sudo npm install -g hexo-cli 
#（命令注释：全局安装 Hexo） 
#注意：此命令需要输入自己电脑的锁屏密码，输入锁屏密码是不显示的！
1
2
hexo -v 
#注：检查Hexo 是否安装成功，出现版本号即可
1
2
hexo init 
#注释：当前目录文件下，生成hexo的配置文件
1
2
sudo npm install 
#注释：当前项目的目录中，安装项目所需依赖的包
1
2
hexo cl && hexo g && hexo s 
#注释：即可看到“本地”的访问链接

三、更换Hexo主题

主题文档教程：https://docs.anheyu.com/

1、安装主题

1
git clone -b main https://github.com/anzhiyu-c/hexo-theme-anzhiyu.git themes/anzhiyu

2、修改_config.yml文件

landscape 修改为anzhiyu保存即可（快捷键：command+s）

1
2
3
4
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: anzhiyu

覆盖配置可以使主题配置放置在 anzhiyu 目录之外，避免在更新主题时丢失自定义的配置

1
cp -rf ./themes/anzhiyu/_config.yml ./_config.anzhiyu.yml

3、运行Hexo 必要的插件安装

安装插件：（如出现错误请在代码前加 sudo 命令运行）

1
npm install hexo-deployer-git hexo-renderer-pug hexo-renderer-stylus --save

运行全部代码即可看到已经更换了主题～

1
2
3
hexo cl #（全称：hexo clean）该命令用于“清除”生成的缓存静态文件
hexo g #（全称：hexo generate）此命令用于“生成”静态文件
hexo s #（全称：hexo server）此命令用于“启动”本地服务器，本地预览博客

四、托管Hexo博客

1、注册GitHub（需要梯子访问，请自行解决）

  • 注册登录之后，新建仓库

  • 配置GitHub用户名与邮箱

1
2
ssh-keygen -t rsa -C "你的 GitHub 邮箱"
#注释：将生成一个RSA类型的SSH密钥
1
2
cat ~/.ssh/id_rsa.pub
#注释：查看当前文件的密钥（复制ssh开头到邮箱结尾的全部密钥，保存好！）

2、添加密钥到GitHub

  • 直达链接：Add new SSH key 把生成的密钥填入，按照下图流程填入即可～

  • 检测是否连接成功

1
ssh -T git@github.com

3、上传代码 到GitHub托管

1
2
3
4
git add .
git commit -m "初始提交"
git remote add origin git@github.com:用户名/仓库名.git
git push -u origin main —force

后续推送: 比如发布新文章,或改动代码,就使用以下代码推送方式到GitHub,会自动同步edgone

1
2
3
git add .
git commit -m "更新描述"
git push

五、部署上线Hexo

腾讯云新推出免费托管服务服务总览 - 服务总览 - EdgeOne - 控制台 (tencentcloud.com)

  • 注册账号,选择page 授权GitHub账号选择仓库,选择Hexo ,点击部署即可

  • 部署成功可预览,长期使用需添加自定义域名,域名添加方法 (比如:腾讯域名,那么在腾讯云nds解析,按照给的提示操作添加即可~最后设置证书、https访问即可

点击预览本站主题Dome链接 https://blog.liliee.cn/