Hexo+Dropbox安装过程

hdc
前2天说用Typecho建了个支站,但怎么用怎么不爽,最不舒服滴的是没有能用的app。因为这个支站我想用来写写P话的,没手机app就不能想到什么就直接写了。

星期五老早就起床了,因为带老婆去那个坑爹的境外人士体检。我自然是坐车里等着没事做,想到上次贝总提到的Hexo,其实我之前也大概得瞄过,只是觉得麻烦就没整。那天坐车里想着空也空着,就拿出手机直接用ssh软件在centos上把hexo和dropbox的安装给搞定了。手机上码ssh速度要慢很多,不过还好,老婆体检那更慢,耗了一个半小时多才出来。

 

 

这里说下安装流程:

1. 安装环境
2. 安装配置Dropbox
3. 安装Hexo
4. 配置Hexo
5. Hexo各文件夹
6. 运行Hexo

 

 

1. 安装环境

其实在vps上安装hexo+dropbox所需环境比其他的几个博客程序都要简单,只要个apache或nginx就可以了。
1.1 安装git:

1.2 安装Node.js和npm

 

 

2. 安装配置Dropbox

因为Dropbox默认安装在用户根目录下,即//home/username/下面,所以要是你和我一样平时都直接用root来干活的话,就先创建新用户吧:
2.1 创建新用户并设密码

 

2.2 创建好之后就已这个用户名重新登陆。这里顺便说下我用的这个app,Serverauditor(安卓上推荐JuiceSSH),各个平台都支持,而且真的非常好用,关键是——免费!免费!免费!

 

2.3 开始下一步前申请个Dropbox的帐号,手机上我就直接再下载个app,好了,现在可以启动程序了:

然后会跳出来一堆话,其实就是一个链接,需要你验证,把这个链接拷贝到浏览器中,确认关联就可以了。这里又要插一句,现在智能手机真方便,各程序间随便跳转。

 

2.4 配置dropbox

2.4.1 下载cli

 

2.4.2 修改权限,并启动dropbox.py

 

2.4.3 为了之后dropbox自启动,所以还要编辑下rc.local文件

 

 

3. 安装Hexo

此时在dropbox目录下创建个hexo新目录,安装hexo并初始化

我安装的时候犯了个低级错误,创建完hexo目录后没有cd hexo进入,直接初始化,直到都整完测试才发现问题。

 

初始化即开始第一次同步,就是vps上hexo目录与dropbox同步,这个时候手机上另一个sftp软件闪亮登场了,Turbo Client(安卓上叫Tubro客户端),这个app仍然是——免费!免费!免费的!上面说道的Serverauditor,这个ssh app也有pro版提供sftp,但是40块一年——没错,是每年40块哦~这是收长期会员费的姿势了。

 

好了,打开Turbo Client,你可以看到初始化后目录树状态了,再打开dropbox的app来对比一下,两者完全一样的。
IMG_4924

 

接着不要忘了设置各文件夹的权限,否则会出现403错误:

 

 

4. 配置Hexo

4.1 配置hexo前,请用root登陆ssh,要做的就是要建个vhost文件。
因为我用的是apache,所以在vhost文件里的DocumentRoot,直接对应到 /home/dbox/Dropbox/hexo/public
当然,论标准化的话,这样是不对的,不安全的,理论上是应该对应到/var/www/hexo/public_html,但是如果这样的话还要做个映射。首先我懒,第二点,我是在用手机撸码啊,当然怎么简单怎么来嘛。

 

4.2 用incrond监测各文件变化
这一步主要是利用incrond来检测hexo里各文件变化并作同步

 

输入incrontab -e进行编辑,这个根据个人了,我这里除了检测_post外还有另外两个页面文件夹和主题模版文件夹。

 

如果发现incrond在执行中有权限问题的话,请看这篇文章《解决incrond的权限问题

这几个动作的意思为:

IN_MODIFY,文件被修改
IN_ATTRIB,文件属性被修改
N_CREATE,创建新文件
IN_DELETE,文件被删除
IN_MOVE,文件被移动

 

4.3 runhexo脚本
在incrond检测到上述这些动作后,就会执行runhexo.bash这个脚步,这个脚本我创建在/root/目录下

 

 

5. Hexo各文件用处

这里再说下hexo文件和文件夹的用处:

hexo根目录下

_config.yml #网站配置文件
package.json
public #生成后发布的目录
scaffolds
scripts
source #里面包括了各类源
themes #主题目录

 

public文件夹下

tags #标签文件夹,需自建
categories #分类文件夹,需自建

 

source文件夹下

_drafts #草稿文件目录,需自建
_posts #文章文件目录
XXXXXX #某页面文件夹,一个页面一个文件夹,里面只有index.md,需自建

 

 

6. 运行Hexo

最后就是运行生成html文件

在这一步后本来还有一步内部测试hexo s,因为内部测试要用到4000端口,我还要去改csf防火墙,太麻烦了,所以就被我直接忽略了。

 

新建一篇文章看看效果

打开dropbox看看,是不是已经同步了,再刷新下页面,应该是一切正常了。

 

 

Ref:
用Hexo+Vps搭建博客并用Dropbox同步自动发布
Hexo 服务器端布署及 Dropbox 同步
Hexo.io

 

 

转载请注明并注明文章来自“Otichi.com -> Hexo+Dropbox安装过程
大欢迎浏览我的YOUTUBE频道,一定要订阅哦!从这里穿越传送

当然,B站也有更新,请努力投币!点这里直达小径

在 “Hexo+Dropbox安装过程” 上有 24 条评论

  1. hexo超级难弄…
    整个全部都不一样,我当初纯粹是好奇折腾了半天毕竟不是学代码的其实我也只看得懂html和css 😀

    不过hexo写东西方便,我现在纯粹使用不修改主题什么的就觉得也没障碍……

  2. 自从dropbox被墙之后我就基本不用了,还记得它的图片外链很好的,现在只是把非常重要的资料挂梯子备份到dropbox,至于在vps上安装这些,不懂。

    1. 有备份的作用;但是更重要的是,一般情况,你post是通过先上传到dbox,在推送到vps的。因为用的其他编辑工具或手机上app都是关联到dbox的。
      一般人不会为了写篇东西用ssh后台命令吧~虽说这样也可以。。。 🙂

发表评论

电子邮件地址不会被公开。 必填项已用*标注