hexo+github搭建博客
工具安装
https://blog.csdn.net/weixin_52799373/article/details/123840137
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 | hexo init #初始化命令,hexo会自动下载一些文件到这个目录,包括node_modules等 |
如果hexo init 命令执行不成功,可能是网络原因,可多试几次,如果仍未成功,可换成这条命令
1 | npx hexo init "你想创建的表名" |
输入 hexo s 后,你便可通过http://localhost:4000/访问你搭建的本地博客了
1 | hwxo常见指令 |
上传至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 | deploy: |
在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 |