我的博客搭建

hexo博客框架的icarus主题

引言

​ 上周年会结束，转眼我就在苏州公司呆了有半年了。这个周末正好闲了下来，感觉时间过得好快，就想着写个博客记录下短暂的人生。百度了好几种博库框架，有WordPress、Pipe、Solo等等博客软件。但是其中大多数比较重量级，不太适合我就用来写个记录，而且还需要部署的服务器。最终我选择了hexo，主要是它够轻便，还能部署到github等git服务器提供平台作为主页显示。

快速开始

前置任务

1. 安装node环境(linux)

   1. 下载对应操作系统的node， node官网。

   2. 进入用户目录，解压node包。

      mkdir node
      cd node/
      mv ~/下载/node-v10.15.0-linux-x64.tar.xz .
      xz -d node-v10.15.0-linux-x64.tar.xz
      tar -xvf node-v10.15.0-linux-x64.tar
      

   3. 进入解压后的node文件

      cd node-v10.15.0-linux-x64/
      mkdir node_global
      mkdir node_cache
      

   4. 配置环境变量

      sudo vim ~/.profile
      # 进入编辑模式后 在末尾加入以下代码
      export NODE=/home/crystalcd/software/node/node-v10.14.2-linux-x64
      export PATH=$PATH:$NODE/bin
      export NODE_GLOBAL=/home/crystalcd/software/node/node-v10.14.2-linux-x64/node_global
      export PATH=$PATH:$NODE_GLOBAL/bin
      # 保存后记得source一下
      source ~/.profile
      

   5. 查看结果

      $ node -v
      v10.14.2 # 成功
      $ npm -v
      6.4.1 # 成功
      

   6. 配置npm全局安装位置以及缓存位置

      npm config set prefix "/home/crystalcd/node/node-v10.15.0-linux-x64/node_global" # 字符串为你上面创建的node_global路径
      npm config set cache "/home/crystalcd/node/node-v10.15.0-linux-x64/node_cache" # 字符串为你上面创建的node_cache路径
      

   7. 以上node环境就搭建完成了

2. 安装vscode

   下载对应版本的vscode安装即可

安装hexo框架

 npm install hexo-cli -g
 # 安装成功后 新建项目 
 hexo init test
 # 启动项目
 cd test/
 hexo s
 # 根据控制台显示的链接就可以去访问你的blog了

安装icarus主题

​ 这里献上主题作者的github地址

​ 主题的安装也很简单，只要按照作者README文档就能很快安装。

​ 这边主要记录下我遇到的问题。将主题clone到你的项目的themes目录下,然后去更改hexo框架的_config.yml文件的theme字段的值，这边他是根据文件名去找的，所以你clone下来的文件名叫什么就填什么。

发布到github pages

​ 还是修改hexo框架的_config.yml文件，但是前提是你要配置好github的ssh连接。

deploy:
  type: git
  repository: [email protected]:crystalcd/crystalcd.github.io.git # 你的github仓库地址
  branch: master

​ 然后在发布

hexo d -g

​ 到这里就可以访问你的github pages了。