Hexo+Github搭建自己的博客

181 阅读2分钟

1.安装Git和NodeJS

  1. 官网git-scm.com/downloads ,然后按默认选项安装即。在开始菜单中要是搜Git看到了命令窗口,就安装好了。

  1. Git中绑定GitHub账号,打开Git Bash,在命令窗口输入命令:
git config --global user.name "guanzijin"
git config --global user.email 1042173580@qq.com
  1. 安装NodeJS

nodejs.org/en/dounload…

安装完成输入命令查看是否完成

git version
node -v
npm -v

2.安装Hexo

  1. 找个地方创建文件夹,放hexo文件,然后双击进入文件夹hexo后,右键点击

  1. 使用npm安装Hexo,在命令行输入执行以下命令:
npm install -g hexo-cli
hexo init blog
cd blog
npm install
hexo s //s意思是server
  1. 然后就看到了博客地址,复制地址,千万注意不要ctrl+c,浏览器中打开

看到了这个界面代表成功,有了个人博客

3.编辑个人博客

  1. 在blog文件中,右键Bash

  1. 在命令窗口输入
hexo new "关子金的第一篇博客"
  1. blog——》source——》_posts 就看到了刚刚创建的文章,用markdown编辑最好
  2. 输入命令

运行(生成网页)

hexo g

运行博客

hexo s

4.更改博客样式

  1. 以Ayer为例子

  1. 在更目录下打开窗口

  1. 输入指令,国内下载
git clone https://gitee.com/Shen-Yu/hexo-theme-ayer.git
  1. 打开文件,翻到最下面,主题改为ayer

5.运行指令

hexo g
hexo s

5.修改配置

  1. 阅读指南
  2. 修改样式前,复制一份

  1. 回到blog根目录也复制一份,主要是改title

6.部署仓库

  1. 打开控制台,输入命令(那个ok用那个)
git install hexo-deployer-git --save
npm install hexo-deployer-git --save
  1. 去GitHub上创建一个仓库,名字写自己的昵称
  2. 复制自己仓库的地址

https://github.com/guanzijin/guanzijin.github.io.git
  1. 用vscode打开这个文件

  1. 翻到最下面写上这些代码,保存好关闭
deploy:
  type: 'git'
  repo: https://github.com/guanzijin/guanzijin.github.io.git
  branch: main
  1. 打开cmd输入以下命令
hexo clean //清理缓存
hexo g
hexo s //确认无误,运行本地服务器
hexo d //部署

7.完成后刷新项目,然后搜仓库名字guanzijin.github.io/ 就可以访问了