个人博客介绍

hexo搭建博客

  • 前期准备
  1. 安装git
  2. 安装node.js
  3. 注册github账号，创建个人仓库（仓库名：github名称.github.io）

hexo搭建个人博客

  1. 用来检查git和node是否安装成功（hexo需要使用node.js的npm命令）
1
2
3
node -v
npm -v
git --version
  1. 使用阿里的国内镜像进行加速
1
npm config set registry https://registry.npm.taobao.org
  1. 打开cmd安装hexo
1
2
npm install hexo-cli -g
hexo -v  # 检查hexo是否安装成功
  1. 初始化文件夹（ 以下操作均在博客文件夹完成）
1
hexo init mblog
  • node_modules：依赖包
  • public：存放生成的页面
  • scaffolds：生成文章的模板
  • source：用来存放文章
  • themes：主题
  • _config.yml：博客的配置文件
  1. 生成博客
1
2
hexo g  # 生成静态页面
hexo s  # 打开本地服务器

可以直接通过 http://localhost:4000 进行预览（可以去官网找自己喜欢的主题，将其放在D:\bkysblog\theme目录下,并且修改博客目录下的_config.yml文件）

1
theme: hexo-theme-butterfly  # 这里写上自己theme目录下的主题文件名

生成ssh添加到github

1
2
3
4
5
6
git config --global user.name "注册GitHub用户名"
git config --global user.email "注册GitHub的邮箱"
git config user.name  # 查看自己的用户名
git config user.email  # 查看自己的邮箱
ssh-keygen -t rsa -C "注册GitHub的邮箱"
cat ~/.ssh/id_rsa.pub  # 查看生成的密钥

打开gitgub，点击图像下的settings，点击ssh and GPG keys，新建一个ssh，把id_rsa.pub里面的信息复制进去。

1
ssh -T git@github.com

出现Hi bkystop! You’ve successfully authenticated, but GitHub does not provide shell access.类似字样既为完成。

将个人博客部署到Git pages

  1. 配置博客目录下的_config.yml文件(将页面拉到最下面）
1
2
3
4
deploy:
  type: git
  repository: git@github.com:bkystop/bkystop.github.io.git
  branch: master
  1. 安装deploy-git，安装后与才可以用命令部署到github
1
npm install dexo-deployer-git --save
  1. 提交到github
1
2
3
hexo clean  # 清理之前生成的东西
hexo g  # hexo generate
hexo d  # hexo deploy

第一次提交需要输入github的username和password

写文章和发布文章

  1. 在博客目录下右击git bash here，安装扩展npm i hexo-deployer-git 
1
npm i hexo-deployer-git
  1. 新建一篇文章
1
hexo new post "article title"

然后进入D:\bkysblog\source_posts目录下，可以发现多了一个.md文章。

编写markdown文章的软件可自行搜索，我选用的是Typora

Hexo优化

  • node_modules是node.js的各种库
  • public是文章和新页面的初始配置
  • soure里面存放文章，各类页面，图片
  • themes 用于存放主题文件

hexo的基本配置

在文件目录下的_config.yml,就是hexo的框架的配置文件，可以修改多数配置 | Hexo 。