基于Hexo搭建的GitHub博客实战

我的个人博客链接: CaiJL的博客
之所以为什么要搭建自己的博客,我想大概是因为拥有自己的博客比较自由,想要搭建和我类似的博客吗?手把手教学,现在开始……可以看看这篇 大刘的博客,说得真好~,

准备

搭建环境

  1. 安装 node.js 和 Git,注意看有没有安装成功!
  2. 安装完成后,在平时习惯放文件的地方新建一个文件,比如我的是CaiJL21,点击右键Git bash Here,
  3. 安装Hexo,就是用npm命令来安装就行。

    npm install -g hexo-cli —安装 hexo
    hexo init —初始化博客
    npm install —配置 node
    hexo generate 或者 hexo g —可以当成每次更新配置参数或者文件必须的一步
    hexo s —本地server查看,即 127.0.0.1:4000
    hexo d — 部署到远程仓库 yourname.github.io,下面所说也会提醒

配置Github

  • 首先你得有个Github账户,之后创建的username很关键,注意,一些基本操作懂了就知道创建一个仓库了比如我的是CaiJL21.github.io就像下面这样。

  • 仓库创建完开始添加秘钥。即 SSH,在终端输入如下 ssh-keygen -t rsa -C "Github的注册邮箱地址",得到两个文件 id_rsid_rsa.pub,打开 id_rsa.pub 并复制里面所有的内容到github上创建一个新的 SSH,之后就成功了。

配置博客

  • 在第一条命令 hexo init 初始化博客以后,生成一个基础的hexo博客样式 和一篇Hello World 文章。再输入hexo ghexo s 就可以在本地查看自己的博客(127.0.0.1:4000)
  • 初始化后的博客根目录是当前git bash 的文件夹,记住,比如我的是 CaiJL21 这个目录。
  • 打开个人博客网站根目录下的 _config.yml 文件,移到最下面,修改如下(根据个人配置):添加 typerepo 用的地址是新建的那个仓库的地址还有 master 三个参数

    特别提醒,每个参数的 : 后都需要一个空格,

    ,

  • 以上这些都做完之后就可以部署到远程github 上了,不过先安装一个插件可以以后push上去github的 npm install hexo-deployer-git --save 成功以后就可以按照以下顺序在终端输入就行:

    hexo g
    hexo deploy 或者 hexo g

参考文献:Hexo优化部署
搭建博客全攻略
掘金上hexo博客搭建

------ 本文结束感谢您的阅读 ------