搭建GitHub+hexo的博客

什么是hexo

  • Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页，说的简单一点就是hexo具有markdown程序转换成HTML页面

  • 一般在自己电脑上会创建一个blog文件夹来作为本地仓库，github创建一个仓库，由本地部署到GitHub上面即可通过网址来进行访问。

准备工作

  1. 事先看一遍b站视频

    https://www.bilibili.com/video/BV1mU4y1j72n/spm_id_from=333.337.search-card.all.click   多看看这个视频的准备工作
    https://www.bilibili.com/video/BV1Yb411a7ty/?spm_id_from=333.999.0.0
    看这个过程进行一步一步的操作

  2. 安装git （会用的git bash命令行进行操作）

  3. 上GitHub官网申请一个账号（并且创建一个仓库）具体操作看第一个视频

  4. 安装node.js(选择长期版本的)

    node -v  
    npm  -v
    //显示版本就代表安装成功
    npm是一个软件包管理器，在国内速度很慢因此安装cnpm并把指向国内淘宝的镜像源也就是第五步

  5. 安装cnpm并指向淘宝镜像源

    1. 

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

安装成功

出现这种情况，再来一次上面这个命令

删除c盘下的npmrc文件！！！！ 记住是c盘下的。

然后在重复命令。

  1. 安装hexo框架

    cnpm install -g hexo -cli
    hexo -v 
    //显示版本号安装成功

搭建本地仓库

  1. 建立Blog文件夹（随便在那儿建立，但必须保证是空）

  2. 在Blog文件下打开git bash

  3. hexo init（进行初始化，blog文件夹会显示一系列文件）

  4. hexo s

在浏览器输入红色部分会得到一个静态网页。

  1. hexo n “川的第一篇博客”(创建一个博客，在blog/source/_posts可以对其文档修改)

  2. hexo clean(清理一下缓存)

  3. hexo g（生成静态网页）

  4. hexo s（运行服务器）

部署

  1. 建立github仓库成功之后

  2. 在blog文文件夹下装一个部署的插件

    cnpm install --save hexo-deployer-git

  3. 修改blog文件夹下的配置文件_config.yml

    看到#Deloyment这里进行修改如下图

  4. hexo d（部署成功）

解决图片不显示问题

  • 更改配置文件_config.yml

  • 在hexo n ” xxxx “新建一个博客时，就会产生一个xxxx的文件夹来存储图片以便于在md文件中进行引用图片。

  • 再更改一个插件 hexo-asset-image 

    npm install https://github.com/foreveryang321/hexo-asset-image.git --save

  • 再按照部署条件进行操作