hexo×语雀 实现云端富文本写作

本文章通过语雀编写
首发自 小冰博客

什么是语雀?

「语雀」是一个「专业的云端知识库」,孵化自 蚂蚁金服 ,是 体验科技 理念下的一款创新产品,已是 10 万阿里员工进行文档编写、知识沉淀的标配。
语雀诞生伊始,只是希望能给工程师提供一个好用的工具用来写技术文档,达成「用 Markdown 写文档」这个小目标。但在产品研发的过程中,我们发现其实身边的每个人、每个团队、每个组织都有很多知识,但一直以来缺少一个好用的工具让这些知识不只是留在每个人的大脑或电脑里,还可以被记录、分享和交流。
所以,带着这颗初心,我们觉得语雀不应止步于服务工程师,应该致力于为每个想表达所思所想的人提供一款顺手的工具,让知识能得以记录和传播,让人们可以在「语雀」中平等快乐地创作和交流知识,让再小的个体也可以拥有自己的知识库。

使用 hexo× 语雀的初衷?

在写教程之前先来几句废话。
笔者在使用 hexo 撰写博客时很不习惯使用 md 格式书写文档,同时 md 格式文档的排版需要进行 hexo s 才能进行预览。对于写作而言,大量的时间花费在样式调试和终端命令上,无法获取最纯粹的写作体验。
于是笔者就在思考如何能够像 wordpress 一样,优雅得实现博客的撰写,同时又完全摆脱进行终端上的操作,完全实现云上写作。就在这时,HEO 大佬 提醒我说,为什么不试试阿里爸爸的语雀呢。于是,抱着试一试的心态,我和CC 康纳百川同学 进行了语雀云写作的尝试。
通过本教程,你可以将你的文章储存在云端,实现云端写作(不限于 MAC 系统、Windows 系统、手机微信小程序),摆脱本地机器的限制。除此之外,优秀简约的富文本编辑器能极大提升你的写作效率,使你能更专注于文本的写作。通过结合 github action(github 自动部署)、serverless 云函数(腾讯云 API,用于部署事件的触发)、语雀(文档的发布)、Hexo(博客系统)自动实现文章发布到博客展现的流程。

yuque_diagram.jpg

使用前的准备?

为了更好、更方便的完成 hexo× 语雀的部署。在开始流程搭建的操作前,你需要完成以下步骤。

账号的申请与授权

image.png

image.png

image.png

仓库的准备

如果你已经配置了 github action 你可以忽略这一步。
为了实现 hexo 的自动部署,需要将本地的源码文件交与 github 托管,你可以创建私有仓库(建议)也可以创建共有仓库。
首先在 github 上创建私有仓库。

image.png


  • 6
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Hexo-Admin 是一个基于 Node.js 和 Vue.js 的 Hexo 博客管理系统,实现了博客的管理、文章的编辑、分类、标签、评论、备份、部署等一系列功能。在 Hexo-Admin 中,用户需要登录才能使用这些功能。下面是 Hexo-Admin 实现用户登录的步骤: 1. 安装 hexo-admin 插件 首先需要在 hexo 博客项目中安装 hexo-admin 插件,可以使用以下命令: ```shell npm install --save hexo-admin ``` 2. 配置 hexo-admin 插件 在 hexo 博客项目的 _config.yml 文件中添加以下配置: ```yml admin: username: your_username # 设置用户名 password_hash: your_password_hash # 设置密码(需要使用密码哈希值,可以使用 md5 加密) secret: your_secret # 设置 secret(随机字符串,用于加密) ``` 注意:密码需要使用 md5 加密,可以使用以下命令生成密码哈希值: ```shell echo -n your_password | md5sum ``` 3. 登录页面 在 hexo 博客项目中创建一个名为 admin 的页面,用于用户登录。在 admin 页面中添加以下代码: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Hexo-Admin Login</title> <link rel="stylesheet" href="/admin/css/app.css"> </head> <body> <div id="app"></div> <script src="/admin/js/manifest.js"></script> <script src="/admin/js/vendor.js"></script> <script src="/admin/js/app.js"></script> </body> </html> ``` 4. 设置登录路由 在 hexo 博客项目的 _config.yml 文件中添加以下配置: ```yml router: /admin/:path: admin ``` 这样就可以通过访问 /admin/login 来登录了。 5. 启动 hexo 博客项目 使用以下命令启动 hexo 博客项目: ```shell hexo server ``` 然后访问 http://localhost:4000/admin/login 进入登录页面,输入用户名和密码即可登录。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值