如何搭建一个一样的博客

本文最后更新于 2022年11月15日 晚上

如何搭建一个一样的博客

这个博客是本人摸鱼闲暇时用手机搭建的,本身没有什么技术含量。此处作一备份。


使用工具


教程

  1. 下载 Nodejs
1
2
3
apt update
apt install nodejs
# 注:新版nodejs自带npm
  1. 安装Hexo
1
npm install -g hexo-cli
  1. 初始化 Hexo
1
2
3
4
hexo init blog
# blog 可以换成你自己想用的文件夹名称
cd blog
npm install
  1. 测试
1
2
3
4
5
hexo g
# 生成网站文件
hexo s
# 启动 http 服务器
# 如果启动失败,可能是端口被占用了 输入 hexo s -p[指定端口],访问时的端口也要改成对应端口
  1. 部署到git
  • 安装git
1
pkg install git
  • 安装ssh
1
pkg install openssh
  • 连接 GitHub
1
2
3
git config --global user.name "你的Github名称"
git config --global user.email "Github 邮箱"
# 可以不设置成 global,但谁在手机上还部署多个GitHub呢?
  • 创建 SSH 密钥
1
2
ssh-keygen -t rsa -C "Github 邮箱"
# 输入Enter跳过要填的属性

不出意外的话,将会在 Termux 根目录下出现一个 .ssh 文件夹

打开 id_rsa.pub ,复制里面的内容

注:不要将 id_rsa 文件内容泄露

然后打开 Github,登录后点击头像,选择 Setting,找到 SSH and GPG keys,点击 New SSH key

Key的内容粘贴复制的id_rsa.pub内容 ,Title随便填

然后打开Termux,输入

1
2
3
ssh -T git@github.com
# 提示 Are you sure... 输入yes
# 显示 'Hi xxx!You've sucessfully...' 说明连接成功
  • 创建一个在线仓库

仓库的名称输入 用户名.github.io

勾选 ‘Initialize this repository with a README’

仓库类型是 public

  • 安装 hexo-deployer-git:
1
npm install hexo-deployer-git --save
  • 修改 Hexo 根目录下单 _config.yml
1
2
3
4
5
deploy:
type: git
repository: git@github.com:[用户名]/[用户名].github.io.git
branch: main
# branch可能不一样
  • 上传部署到 Github Pages
1
hexo d

OK!等待一会访问 https://用户名.github.io 就可以看到网站了


更换主题

fluid主题 ,根据指导来即可


将源码一并上传

  • 远程仓库创建分支 hexo ,并设为默认分支

  • 直接在博客根目录下开启git

1
2
cd blog
git init
  • 查看并修改本地仓库分支名
1
2
3
git branch
# 然后输出的就是当前本地分支名
git branch -m 本地旧分支名 hexo
  • 关联远程仓库
1
git remote add origin 远程仓库地址
  • 然后push
1
2
3
4
git add .
git commit -m something
git push -u origin hexo -f
#之后push使用 git push 即可

转载于