Hexo 使用入门

January 1, 2018 · 3 min read

本文主要介绍如何安装和使用 Hexo

安装并使用 Hexo

在其 github 主页上按照提示进行安装, 另外可以参考这篇文章来安装 node.

安装好后, 写文章也很简单, 参考 Hexo 文档的写作一节即可.

在 Ubuntu 主机上使用 Nginx 作为反向代理服务器来将端口暴露出去, 可以参考这里>来写配置:

server {

    listen        80;

    server_name   example.com *.example.com;

    location / {

        proxy_pass         http://localhost:5000;

        proxy_http_version 1.1;

        proxy_set_header   Upgrade $http_upgrade;

        proxy_set_header   Connection keep-alive;

        proxy_set_header   Host $host;

        proxy_cache_bypass $http_upgrade;

        proxy_set_header   X-Forwarded-For $proxy_add_x_forwarded_for;

        proxy_set_header   X-Forwarded-Proto $scheme;

    }

}

每次有新的文章只需要运行 hexo generate 即可, 并不需要重启 hexo 服务器.

使用 Next 主题, 详细内容在这里.

使用站点访问统计 JS, 详细内容在这里, 还有这里.

文章显示摘要, 详见这个链接.

实际上, 正确的使用方式是先在本地写好, 然后通过 deploy 命令来部署...

另外可以建立一个仓库来存放, 需要一个 gitignore 文件...

关于插入图片

图片的引入有两种方式, 一种是使用诸如七牛等的图床, 另外一种是本地图片.

本地图片引入时, 需要打开 hexo 的资源文件夹功能, 详见官方文档.

打开资源文件夹后, 每次新建文章时都会自动创建一个和文章名称同名的资源文件夹, 将本地图片等资源放到该文件夹内即可.

使用资源时, 需要使用资源插件, 像下面这样添加到文章内, 就可以使用对应的资源了:

{% asset_img 1.png This is an example image %}
// 其中 `1.png` 就是放到资源文件夹里面的文件名, 后面的就是图名.

// 有如下几种资源
{% asset_path slug %}
{% asset_img slug [title] %}
{% asset_link slug [title] %}

且可以支持 gif 图片格式的.

在 MAC 上利用 QuickTime 来录制屏幕, 然后使用 ffmpeg 工具即可转换视频为 gif:

安装 ffmpeg: brew install ffmpeg

使用 ffmpeg: ffmpeg -i ~/Desktop/2.mov -pix_fmt rgb24 2.gif

调整视频大小: ffmpeg -i 1.mov -vf scale=300:600 1-1.mov

调整 gif 播放速率: ffmpeg -t 3 -i 1-1.mov -r "15" -pix_fmt rgb24 1.gif 其中 -t 是指定时长, -r 是帧率.

更多 gif 转换的内容在这个链接.

安装并使用 Hexo​

关于插入图片​

安装并使用 Hexo

关于插入图片