基于hexo搭建自己的静态博客

基本介绍

• Hexo是一款基于Node.js的静态博客框架，依赖少易于安装使用，可以方便的生成静态网页托管在GitHub和Heroku上，是搭建博客的首选框架。
• 这是我跟着b站程序羊的视频记的笔记，作为自己对知识的巩固和跟大家的分享

准备工作

1. 下载nodejs,选择LTS那个选项即可，安装直接一直下一步就好（这一步会同时安装好nodejs和npm包管理器，可以在命令行通过-v命令看他们是否已经安装好了）
   

2. 安装hexo博客框架

   npm install -g hexo-cli
   

   如果不能科学上网，npm直接下载会比较慢，那么可以用cnpm配国内的源来下载
   2.1 先下载cnpm

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

   2.2 用cnpm来下载hexo(-g表示全局安装)

      cnpm install -g hexo-cli
   

   2.3 查看hexo是否安装成功

   	hexo -v
   

开始搭建博客

1. 在想要的目录下新建一个空文件夹“myblog”,后续所有的东西都存在这个文件夹中
2. 在这个目录下开始安装hexo博客框架，使用命令hexo init
   
3. 启动博客，使用命令hexo s
   
   到此为止，我们的博客已经搭建起来了，并且可以本地通过http://localhost:4000/这个网址去访问，效果如下：
   
   可以看到，hexo不仅为我们搭建好了博客的框架，还自动生成了第一篇博客，其中包括一些hexo的基础命令操作：

   hexo n "my first blog"  //新建一篇博文【new】，新建之后可以打开这个文件进行编辑内容
   hexo s  // 本地启动hexo，可以进行预览效果【server】
   hexo g  // 监视文件更改，重新生成页面
   hexo d  // 将更改部署到远程
   

4. 添加新的博文
     可以直接在...\myblog\source\_posts\目录下直接添加新的markdown博文文档，也可以通过命令行来新建再添加内容
     添加新博文之后需要进行更新操作：hexo g,hexo s

把博客部署到github远端

1. 先打开自己的github主页，选择新建仓库
   
   仓库名写：自己的用户名.gihub.io(比如我的用户名是Liuqianyik,那么我的仓库名叫Liuqianyik.github.io)
   描述可以随便写，比如：我的hexo仓库
   然后直接下拉点击创建仓库即可
2. 安装hexo的git部署插件

   npm install --save hexo-deployer-git
   

3. 配置博客
   在我们本地的文件夹myblog下找到_config.yml文件，拉到最底下，找到Deployment选项，增加type和repo
   
   repo的网址就是刚才在github创建好的仓库的git地址，可以在这里直接复制
   
4. 将博客部署到远端

   hexo d
   

   部署完成之后可以看到github的空仓库中出现了我们博客的文件，这时候我们就可以通过github的网址来在线访问博客啦
   链接就是上一步git部署链接的后半部分，我的是https://liuqianyik.github.io/
   
   在线访问效果和本地访问相同

更换主题

程序羊推荐的主题：https://github.com/litten/hexo-theme-yilia

1. 下载主题(将别人的主题文件下载到我们本地的myblog/theme/yillia目录下)

   git clone https://github.com/litten/hexo-theme-yilia.git theme/yillia
   

   如果报错可以参考：
   

2. 把主题配置到自己的博客中去
   修改myblog/_config.yml文件：
   

3. 重新生成，启动，部署hexo

   hexo g // 监视更改的文件并重新生成
   hexo d // 远程可以看了
   hexo s // 本地可以通过4000端口看了