我是靠谱客的博主 隐形龙猫,最近开发中收集的这篇文章主要介绍hexo远程管理工具(测试1.0)hexo远程管理工具使用教程实时预览功能,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

hexo远程管理工具

原理:实时同步与服务器上hexo文件夹source目录的博客文件

搭配hexo实时预览插件更香,多人一起使用更香

本工具需要的环境:

​ 服务端:java8及以上,nodejs

​ 客户端:java8及以上

github仓库:

  1. hexo-server:GitHub - White-Wing-of-the-Sky/hexo-server: hexo远程管理工具服务端
  2. hexo-client:https://github.com/White-Wing-of-the-Sky/hexo-client

使用教程

本教程不包含hexo的搭建等教程

hexo搭建教程:使用 Hexo 与 Vercel 零成本打造你的个人博客 | Chi_Tang's Blog

请自行准备好服务端环境

下载jar包

hexo-server

文件结构:

  1. hs.jar 用于启动的jar包
  2. config文件
  3. command—>存放执行push操作的批处理

hexo-client

文件结构

  1. hc.jar 用于启动的jar包
  2. config文件

配置服务端

创建一个文件夹放hexo-server的三个jar包

配置配置文件:

nativeHexoPath=本地hexo存放博客的路径
port=你的端口设置
password=通行密码

然后通过java -jar hs.jar进行启动

注意:服务器需要开放你的端口,不然无法正常建立连接

配置客户端

创建一个文件夹放三个jar包

创建一个文件夹存放你的博客

注意:你所配置的文件夹下面的会有两个字文件夹,blogs才是你的写博客的地方,workplace乱动后果自负

配置文件

nativeHexoPath=你存放博客的路径
toIp=服务端的ip
toPort=服务端的接口
password=同行密码

然后java -jar hc.jar就可以启动客户端

使用

客户端启动后你会看到一个命令行,里面包含了基本命令和几条特殊命令两条命令

pull:从服务端拉取文件覆盖本地文件

dpush:将本地文件上传并调用服务端的hexo g -d上传到存储库push:将本地文件上传到服务器(针对未打开命令行状态做更改的)

server:启动远程预览功能

stop:关闭远程预览功能

警告:如果未打开命令行做的更改,打开命令行后必须手动push一次

如果你开着命令行写,那么你对blogs目录下做的文件更改都会实时同步到服务端

如果你在写的时候没有开着命令行,则你需要写完后手动push(注意此时不要pull,会覆盖你的工作)

实时预览功能

实时预览需要浏览器与服务的的hexo下载额外的依赖

服务端下载依赖

请在hexo根目录下执行

npm install hexo-browsersync --save

浏览器下载依赖

请手动下载liveReload插件

服务端配置

你需要开放4000和3000端口

如何实时预览

首先请保证你的客户端命令行处于存活状态

打开浏览器启动插件,

然后就会会随着你的ctrl+s保存而刷新,可能这其中有一点延迟

最后

以上就是隐形龙猫为你收集整理的hexo远程管理工具(测试1.0)hexo远程管理工具使用教程实时预览功能的全部内容,希望文章能够帮你解决hexo远程管理工具(测试1.0)hexo远程管理工具使用教程实时预览功能所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(46)

评论列表共有 0 条评论

立即
投稿
返回
顶部