搭建博客框架介绍

  1. Hexo是高效的静态站点生成框架,基于Node.js
  2. 通过Hexo直接使用Markdown语法撰写博客
  3. 写完后只需四条命令即可上传到github博客上

    发布顺序总结
    hexo cl
    hexo g
    hexo s
    hexo d

相关链接

hexo官网:https://hexo.io/zh-cn/
butterfly 主题:https://butterfly.js.org/
主题GitHub地址:https://github.com/jerryc127/hexo-theme-butterfly

基础命令总结
●初始化博客:hexo init “博客文件名”
●清理缓存:hexo clean
●生成博客:hexo g
●本地运行:hexo s
●上传博客:hexo d
●依赖安装:npm install
●新建文章:hexo n “文章名”

环境安装

Node.js安装
https://www.cnblogs.com/liuqiyun/p/8133904.html

Git安装
https://www.cnblogs.com/xueweisuoyong/p/11914045.html

GitHub搭建Hexo个人博客

  1. 打开github,新建项目
    输入项目名,github用户名.github.io后缀(README初始化可选)
    一定得是github用户名否则会404

  2. 电脑上新建文件夹,用于存放博客文件,比如D:\blog
    在该根目录下,鼠标右击,选择Git Bash Here,打开git的控制台窗口
    输入npm i hexo-cli -g安装Hexo。会有报错,无视。
    输入hexo -v验证是否安装成功

  3. 生成ssh keys
    在任意文件夹位置,鼠标右键,选择Git Bash Here,输入ssh检查是否成功安装ssh
    生成ssh命令:ssh-keygen -t rsa -C "3412399241@qq.com"(使用自己的邮箱地址),回车四次。

  4. 找到电脑的id_rsa.pub文件,打开全部复制
    大致路径: c盘—–>用户—->管理员名称—->.ssh
    或者
    git bash中输入cat ~/.ssh/id_rsa.pub下命令,将输出全部复制,点击确定保存。

  5. 打开github,在头像下面点击settings,找到ssh
    在新的页面点击 ssh keys 新建钥匙
    id_rsa.pub文件复制的公钥,粘贴到key里面,保存。

  6. 测试是否成功
    git bash中输入:ssh -T git@github.com
    初始化博客命令:hexo init
    预览博客命令:hexo s
    就可以看到到博客网站了

  7. 发布到GitHub
    修改_config.yml文件

1
2
3
4
deploy:
type: 'git'
repository: 'https://github.com/github用户名/github用户名.github.io.git'
branch: main

在博客文件夹下git bash输入命令
安装 hexo-deployer-git 自动部署发布工具 npm install hexo-deployer-git --save
生成页面hexo g
git config --global user.name "wzcwzc10"
git config --global user.email "3412399241@qq.com"
绑定GitHub账号