安装Hexo
什么是Hexo
自己的那个VPS太久没有管了,用的是WordPress,对于我个人使用而言太重,正好Github Pages可以用来搞个静态Blog,轻太多了。只是配置起来比WordPress稍微麻烦一些。以此记录下。
Hexo网站上写了一段话。
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
安装
安装前需要先安装Node.js
和Git
,然后用npm
安装Hexo。
1 | $ npm install -g hexo-cli |
安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。
1 | $ hexo init <folder> |
这样会在<folder>
下生成建站所需要的文件,具体各文件可参考官方介绍。其中npm install
用来安装当前目录下的package.json
里面记录的各种依赖关系,当自己安装插件的时候就可以用npm install pkg-name --save
,加save的意思就是安装插件的同时将依赖关系写入配置文件package.json
。记录下现在用的配置文件。
1 | { |
写Blog的话,就直接看官网就OK。
配置
主要配置就是主题,现在用的主题可看Next,页面footer链接直达。主题如何配置就可以去看官网了,其中有一点让我调了半天的是主题作者上面写的js,css的CDN使坏,会在页面上加上广告,找了半天才找出来。好像是换成BootCDN,然后Google Fonts换成USTC。
然后就是发布设置到三个站点,Github,Coding,自己的VPS。
1 | # Deployment |
其中Coding有个要求,根目录下需要有个空文件Staticfile
,这样才会正常使用。然后Github绑定域名需要在根目录下的CNAME
里填写绑定的域名。Blog的根目录在未发布里就是sources
目录。
其中有两点,Github和Coding建仓的时候,需要同用户名相同,比如Github下为username.github.io
和Coding下为username
。然后将所使用的域名指向Github的username.github.com和Coding的pages.coding.me。VPS的话,直接建个仓就好,git init --bare <folder>
。
写完Blog就可以直接发布,这样Github和Coding就可以直接展示,但VPS还有一点需要解决,需要用到git-hooks,简单配置下Nginx,下次再说。
1 | $ hexo g //生成 |