工具安装

Node.js

https://blog.csdn.net/weixin_52799373/article/details/123840137

Git

https://www.cnblogs.com/xueweisuoyong/p/11914045.html

本地博客搭建

1.打开git bash here安装cnpm

命令:

1
npm install -g cnpm --registry==https://registry.npm.taobao.org

安装后验证:cnpm -v 出现版本号说明安装成功

2.安装hexo (安装博客框架)

命令:

1
cnpm install -g hexo-cli

安装后验证:hexo -v 出现版本号说明安装成功

3.在电脑某位置新建文件夹(随意取名·,例如·我的为blog,以下出现的blog即为我现在创建的文件夹),打开该文件夹,鼠标右击文件夹空白处打开git bish here.

​ 并依次执行以下命令:

1
2
3
hexo init  #初始化命令,hexo会自动下载一些文件到这个目录,包括node_modules等
hexo g #生成命令,生成静态文件
hexo s #启动服务

如果hexo init 命令执行不成功,可能是网络原因,可多试几次,如果仍未成功,可换成这条命令

1
npx hexo init "你想创建的表名"

输入 hexo s 后,你便可通过http://localhost:4000/访问你搭建的本地博客了

1
2
3
4
5
hwxo常见指令
hexo g 生成静态文件
hexo d 部署到 Github
hexo s 启动本地服务

上传至github服务器

github账号注册

可自行尝试或搜索

生成ssh keys

打开 git bash here 输入以下命令生成ssh keys

1
ssh-keygen -t rsa -C "你的邮箱地址"

执行命令时要敲击四次回车,第二次回车时输入y

密钥位置:C/USER/用户名/.ssh

打开.ssh文件夹中后标为pub的文件,复制其中内容

注意:pub文件放置的,就是我们的公开的ssh码,也是给管理员这个ssh,让他来添加

打开你的github账号,点击右上角头像,点击其中的setting,点击左边的SSH and GPG keys,选择新建ssh keys

Title:随意填写

Key:将本地的id_rsa.pub文件用记事本打开,复制全部内容粘贴到GitHub 仓库的SSH Keys 位置

在github上搭建仓库

点击主页右方的new

Repository name;你的github用户名+github.io

其他均可保持默认,点击Create repository

将博客部署到GitHub主页上

打开你在上面步骤新建的文件夹(例如我新建的为blog,即为打开blog),右击打开 git bush here安装 hexo-deployer-git 插件

1
npm install hexo-deployer-git --save

编辑blog文件夹内的_config.yml 文件,在末尾进行修改

1
2
3
4
deploy:
type: git
repo: github上对应仓库的ssh链接 or github上对应的https地址,如:https://github.com/Github用户名/Github用户名.github.io.git
branch: main

在git bush here内输入命令:hexo d,把本地博客推送到GitHub

在此过程中可能会需要你输入github username 和 password

至此,你便可以通过 你的github用户名.+github.io访问你的博客了!

butterfly主题安装

在博客根目录打开 git bush here ,输入以下命令

1
npm i hexo-theme-butterfly

安装成功后可在根目录的theme文件夹找到下butterfly文件夹

主题应用

修改站点配置文件_config.yml,把主题改为butterfly

1
theme:butterfly

如果你没有pug以及stylus的渲染器,请下载安装,这两个渲染器是Butterfly生成基础页面所需的依赖包:

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

主题美化

推荐链接:https://www.fomal.cc/posts/eec9786.html