云落博客

️一个静态博客写作客户端 (A static blog writing client)

简介

一个静态博客写作客户端，可以搭配多种博客生成器（hexo、vuepress。。。），可视化配置

下载

• GitHub Release
• Gitee Release
• 百度云盘（推荐）
• 阿里云盘

文档

• GitHub Pages
• 国内访问

特性

• 📝 你可以使用最酷的Markdown语法，进行快速创作
• 🌉 你可以给文章配上精美的封面图和在文章任意位置插入图片
• 🏷️ 你可以对文章进行标签分组
• 💻 你可以在𝖶𝗂𝗇𝖽𝗈𝗐𝗌或𝖬𝖺𝖼𝖮𝖲或Linux设备上使用此客户端
• 🌎 你可以使用𝖦𝗂𝗍𝗁𝗎𝖻 𝖯𝖺𝗀𝖾𝗌或Coding Pages向世界展示，未来将支持更多平台
• 🇬🇧 你可以使用中文简体、英语
• 🌁 你可以任意使用hexo默认主题或任意第三方主题，强大的主题自定义能力
• 🖥 你可以自定义源文件夹，利用 git、百度网盘 等进行多设备同步

未来，它一定会成为你离不开的伙伴

尽情发挥你的才华吧！

😘 Enjoy~

亮点

1. 更好用的markdown编辑器，基于Monaco Editor编辑器，语法提示，本地图片提示
2. 分类管理，标签管理，可以更快速的选择标签
3. 可视化配置，免去查询配置文档的麻烦
4. 图片存储可选择本地、七牛云、PicGo
5. 一键执行相关命令：打包、运行、编译
6. 一键发布到GitHub Pages、Gitee Pages、FTP、SFTP

技术选型

• Electron
• Element Plus
• Vue3
• Vite2
• TypeScript

站在巨人的肩膀上

• Gridea
• vscode-hexo-utils
• Publii

项目计划

• 全局管理
  • 屏蔽右键
  • monaco editor部署问题
  • 将项目改为electron
  • 可以设置项目目录
    1. 判断目标文件夹是否存在
    2. 判断目标文件夹是否为空（只给提示）
    3. 将当前文件夹复制到目标文件夹
    4. 询问是否删除源文件夹
  • 所有的loading都必须有错误拦截
  • 国际化
  • 主题
  • 自定义标题栏💔
• 实现标签管理
  • 删除标签
• 实现分类管理
• 文章列表
  • 删除 - 批量删除
  • 设置基础信息
  • 通过名称、状态、排序查询
• 文章编辑
  • 常用快捷键
  • 文章设置
    • 不使用抽屉，使用弹框
    • 将属性进行分类
  • 文章拓展属性
  • 文章创建时间与更新时间存储格式修改
  • 使用yaml解析、保存文章Front-matter
  • Front-matter的额外属性
• 页面列表
  • 与文章列表一致
• 页面编辑
  • 与文章编辑一致
• 博客配置
  • hexo全局配置文件
  • 主题配置文件（hexo根目录下创建文件_config.[主题名].yaml）
  • 关键字采用tag
• 主题、插件配置
  • 在一个页面展示
  • 使用git命令下载主题
  • 使用npm命令安装、卸载插件
  • 修改主题名称需要同时修改配置文件名称
  • 可以在主题页面直接修改主题配置
  • 读取配置文件生成插件目录
• 项目设置
  • 可以在设置页面直接导入文章（markdown文件，zip压缩包）
  • 设置npm镜像，默认是阿里镜像
  • 选择npm路径后可以自动安装hexo
• 图片使用图床
  • 本地图片
    • 解决本地图片问题
    • 清除无用图片
  • PicGo
  • 七牛云
• 实现本地命令
  • 清理（clean）
  • 构建（deploy）
• 服务器
  • 实现可开启可关闭
  • 开启状态时监听文件改变（保存文件）事件，进行重新打包
  • 设置
    • 端口
    • 文件更新是否同步更新
    • 服务器更新是否发送通知
    • 服务器异常是否发送通知
• 小工具
  • 博客远程部署
    • ftp
    • SFTP(勉强实现)
    • GIthub Pages
    • GItee Pages
  • 博客导入
    • markdown文件导入
    • 配置文件导入
    • 压缩包导入
  • 博客导出
    • 整体导出
    • markdown文件导出
• 项目同步❤️
  • git
  • sftp
  • ftp
  • webdev
• 实现其他静态网站生成
  • vuepress
  • vitepress
  • gitbook
• 高级选项
  • 多项目/多站点切换
    • 在一个文件夹中进行切换
  • 数据存放本地❤️
  • 增加加载页

开发相关配置

pnpm config set electron_mirror "https://npm.taobao.org/mirrors/electron/"

pnpm config set ELECTRON_BUILDER_BINARIES_MIRROR "https://npm.taobao.org/mirrors/electron-builder-binaries/"

相关参考

• 主题的实现
• typo.css

支持的建站系统

• Blogdown
• Docusaurus
• Gatsby
• Ghost
• Gridea
• Halo
• Hexo
• Hugo
• Jekyll
• Pelican
• Saber
• Typecho
• Vuepress
• Wordpress
• Wowchemy
• Hugo
• Typecho

支持的图床

• 本地
• 七牛云
• PicGo

版本

0.1.1

• 修复图片插入路径错误
• 可以主动点击服务器更新
• 配置文件保存备注
• 插件列表读取dev依赖
• 配置文件修改，主题、插件修改都需要更新
• 其他设置与已知设置分离
• 部署时删除原文件夹下文章

0.1.2

• 主题编辑器
• 插件直接查看package.json文档
• 主题与插件增加搜索
• 关于页面优化
• 增加开源项目说明
• 工作空间切换

0.2.0

• SFTP上传时应该删除远程文件
• 开源许可证中版本需要和名称远一点
• 复制草稿文章到草稿文件夹
• 保存时如果标签未解析会报错
• 标签增加页面计数
• 增加【页面】

0.2.1

• 删除主题失效
• 主题下载转移到终端
• 增加markdown-it插件
• 美化 => 主题编辑器，发送更新消息
• 新建页面与文章时，可以选择布局
• 主题压缩包解压有问题
• 主题文件管理：可以拖动、重命名、删除、新建文件、新建文件夹、删除
• 主题文件管理：在资源管理器中打开
• 将命令栈分离出来

0.2.2

• 导出支持zip压缩包
• 设置增加额外属性 - 文本编辑器
• 可配置的【front-matter】
• 改进hexo命令，使用hexo generate替代hexo deploy
• 数据存储应该存储相对目录，而不是绝对目录【急切】
• ElMessage都需要showClose

0.3.0

• 文章列表 - 分类视图
• 额外数据编辑
• 环境设置可以设置多环境，进行切换。选择的环境保存到内存中

0.3.1

• 紧急修复发布文章后立即保存文章会报错
• 修改工作空间逻辑，去除工作空间强制在选定文件夹下创建yun-luo-blog的逻辑

注意，更新需要重新选择工作空间，默认工作空间在用户目录下的yun-luo-blog文件夹下，重新选择这个文件夹就好

0.3.2

• 紧急修复v0.3.1工作空间的问题

0.3.3

• 启动服务器时自动构建
• 同步增加选项：仅构建、仅部署
• 点击服务器显示服务器信息，而不是启动和关闭
• 修复服务器访问，增加参数显示404的BUG
• 优化设置页面
• 改造设置页面

0.4.0

• 增加vuepress

1.0.0

• 主题/插件更新功能
• 本地同步【急切】
• 增加仪表盘
• 增强编辑器
• 文章编辑支持多编辑器
• 可以导出源文件，不仅仅导出zip，导出源文件需要增加不删除文件夹
• 完善编辑器

2.0.0

• 完善hexo

3.0.0

• 增加vuepress