1.安装Git和NodeJS
- 官网git-scm.com/downloads ,然后按默认选项安装即。在开始菜单中要是搜Git看到了命令窗口,就安装好了。
- Git中绑定GitHub账号,打开Git Bash,在命令窗口输入命令:
git config --global user.name "guanzijin"
git config --global user.email 1042173580@qq.com
- 安装NodeJS
安装完成输入命令查看是否完成
git version
node -v
npm -v
2.安装Hexo
- 找个地方创建文件夹,放hexo文件,然后双击进入文件夹hexo后,右键点击
- 使用npm安装Hexo,在命令行输入执行以下命令:
npm install -g hexo-cli
hexo init blog
cd blog
npm install
hexo s //s意思是server
- 然后就看到了博客地址,复制地址,千万注意不要ctrl+c,浏览器中打开
看到了这个界面代表成功,有了个人博客
3.编辑个人博客
- 在blog文件中,右键Bash
- 在命令窗口输入
hexo new "关子金的第一篇博客"
- blog——》source——》_posts 就看到了刚刚创建的文章,用markdown编辑最好
- 输入命令
运行(生成网页)
hexo g
运行博客
hexo s
4.更改博客样式
- 以Ayer为例子
- 在更目录下打开窗口
- 输入指令,国内下载
git clone https://gitee.com/Shen-Yu/hexo-theme-ayer.git
- 打开文件,翻到最下面,主题改为ayer
5.运行指令
hexo g
hexo s
5.修改配置
- 阅读指南
- 修改样式前,复制一份
- 回到blog根目录也复制一份,主要是改title
6.部署仓库
- 打开控制台,输入命令(那个ok用那个)
git install hexo-deployer-git --save
npm install hexo-deployer-git --save
- 去GitHub上创建一个仓库,名字写自己的昵称
- 复制自己仓库的地址
https://github.com/guanzijin/guanzijin.github.io.git
- 用vscode打开这个文件
- 翻到最下面写上这些代码,保存好关闭
deploy:
type: 'git'
repo: https://github.com/guanzijin/guanzijin.github.io.git
branch: main
- 打开cmd输入以下命令
hexo clean //清理缓存
hexo g
hexo s //确认无误,运行本地服务器
hexo d //部署
7.完成后刷新项目,然后搜仓库名字guanzijin.github.io/ 就可以访问了