hexo博客框架的icarus主题
引言
上周年会结束,转眼我就在苏州公司呆了有半年了。这个周末正好闲了下来,感觉时间过得好快,就想着写个博客记录下短暂的人生。百度了好几种博库框架,有WordPress、Pipe、Solo等等博客软件。但是其中大多数比较重量级,不太适合我就用来写个记录,而且还需要部署的服务器。最终我选择了hexo,主要是它够轻便,还能部署到github等git服务器提供平台作为主页显示。
快速开始
前置任务
-
安装node环境(linux)
下载对应操作系统的node, node官网。
-
进入用户目录,解压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
-
进入解压后的node文件
cd node-v10.15.0-linux-x64/ mkdir node_global mkdir node_cache
-
配置环境变量
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
-
查看结果
$ node -v v10.14.2 # 成功 $ npm -v 6.4.1 # 成功
-
配置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路径
以上node环境就搭建完成了
-
安装vscode
下载对应版本的vscode安装即可
安装hexo框架
npm install hexo-cli -g
# 安装成功后 新建项目
hexo init test
# 启动项目
cd test/
hexo s
# 根据控制台显示的链接就可以去访问你的blog了
安装icarus主题
主题的安装也很简单,只要按照作者README文档就能很快安装。
这边主要记录下我遇到的问题。将主题clone到你的项目的themes目录下,然后去更改hexo框架的_config.yml文件的theme字段的值,这边他是根据文件名去找的,所以你clone下来的文件名叫什么就填什么。
发布到github pages
还是修改hexo框架的_config.yml文件,但是前提是你要配置好github的ssh连接。
deploy:
type: git
repository: git@github.com:crystalcd/crystalcd.github.io.git # 你的github仓库地址
branch: master
然后在发布
hexo d -g