使用Cloud Studio在云端写作✍
本文章首发于语雀!通过各种高科技功能同步到Hajeekn 的博客 Hey,这篇文章我们会为你介绍一个写作的新方法——Cloud Studio 云写作 初始化 Cloud Studio想要在 Cloud Studio 云写作,首先你要上传源码到仓库。你可以上传到 GitLab、GitHub、Coding 等代码托管商首先我们打开 Cloud Studio地址为你的项目名.cloudstudio.net/dashboard/workspace进入后选择新建工作空间工作空间名可以随便填运行环选择 Node.js代码来源可以选择空 同步仓库现在进入工作空间后我们选择上栏的终端新建终端然后在下面就会出现类似这样的东西这就是我们的终端了,现在你要把你博客上传到 GitHub 之类的代码托管网站上,方便我们同步。在你的终端内输入 123git clone 你的仓库地址 .```bashgit clone 你的仓库地址 . 克隆完后在右边就会出现你的文件,这时候你就可以像本地一样正常写文章了哦(其实笔者还是认为 GitHub Actions 自动部署好一点) Thanks F ...
记录一下捣鼓语雀文章同步到Hexo的过程
本文章首发于语雀!通过各种高科技功能同步到Hajeekn 的博客起初啦,我本来是想在语雀写文章同步到 Hexo 很方便。可是呢?捣鼓的过程中踩了一系列的坑,这篇文章主要记录一下踩的那些坑 1.文章 Cover 自动被转为链接格式这个也是最头疼的事情在我同步文章上去后,文章的 cover 地址全部亮亮的,起初我没注意,不过 GitHub Actions 编译静态文件的时候我注意到了。请大家注意看!在 cover 处原本的 1xxxx.com/xxx.png 变成了[]()格式,也就是说语雀平台把这个 cover 配置识别为了一串链接,导致 Hexo 同步下来时渲染失败了。 解决办法在语雀内部点击这个被识别为链接的图片地址,选择删除链接(最后一个)即可 2.写法错误同步到语雀后 front-matter 格式和 hexo 本地格式不是一样的。也就是说本地和云端要放两套不同的模板(建议还是把本地的数据备份一下到 OneDrive 之类的网盘) 解决办法这边给大家一套C 哥用的模板滑稽 12345678910111213---title: #文章标题tags: #标签(请使用数组结构!!!! ...
测试语雀文章
本文首发于语雀由 Hajeekn 发布接下来测试各种写法显示 1.图片以上图片由语雀提供存储服务~ 2.语雀上的多样文字Text(加粗)Text(斜体)Text(杠掉)Text(下划线)Te(上标)xt(下标)Text(行内代码)~~_**Te**_~~``~~_**xt**_~~(组合文字) 3.外挂标签(Hexo 特性) 开始背书 海内存知己‚天涯若比邻 初级标签 Codeblock in note 成功标签 Info Header 信息标签 Warning Header 警告标签 Danger Header 危险标签 No icon note note info no-icon 无图标标签 12<p>代码框标签,效果和``一样</p> 黄色色块 左边框红色块级 纯文本测试 支持简单的 markdown 语法 支持自定义颜色 绿 ...
使用全新的评论系统————————————Waline
市面上有许多评论 Valine 来必力 畅言 等等评论系统 这篇文章我将教大家使用一款全新的评论————Waline Waline 是基于 Valine 所衍生出来的评论 你可以将 Waline 等价为 With backend Valine 官网:https://waline.js.org/ 本篇文章将以 Butterfly 3.5.1 做演示 获取 APP ID/KEY首先我们登录账号 https://console.leancloud.app/login?from=%2Fapps 没有的可以自己注册 登陆完成后我们创建一个应用 创建完成后进入设置 选择应用 Keys 记好这三个重要 ID 部署至 Vercel 点击上方按钮跳转到 Vercel 部署 。未登录的话需要登录,这里选 Github 登录即可。登录后会让你输入 Vercel 项目名称。 输入名称后点击 Continue 进入下一步,输入 Github 仓库名称。Vercel 会基于 waline 模板帮助你新建并初始化该仓库。 仓库初始化完毕后开始准备部署到 Vercel。这里需要在 Environment V ...
使用"Colour-Buttons"CSS
Color-buttons 是博主(Hajeekn)从 Butterfly 主题搬并独立出来的一个按钮样式 并且我还对他的颜色多样化了,今天教大家如何使用这个东西。 进入Color-Buttons 仓库 您可以选择克隆仓库后手动构建/直接使用我们构建好的样式文件 已经构建好的文件:https://cdn.jsdelivr.net/npm/color-buttons/dist/colormin.css 今天我们以手动构建来演示 1.克隆仓库克隆指令: 1git clone https://github.com/glahajeekn/Color-Buttons.git && cd Color-Buttons 克隆完成后有这些文件 在终端输入 1npm i 或者 1cnpm i 补全依赖(其实也就几个) 2.构建文件在终端输入 1npm run build 构建出 CSS 文件 构建完成后进入 dist 文件夹内部 就可以看到生成好的文件 你现在就可以用它生成漂亮按钮了 class 名都在这 Thanks For You
使用 You-get 下载 YouTube 的视频
注:本篇涉及到 Python 和 Terminal! 现在大部分视频网站都使用 HTML5 播放器 这也使原来可以轻易下载视频的方法失效 因为我们使用 F12 查看后发现地址变成了 blob 这是我们很难进行下载,下载后获取的文件大部分都为 m3u8,根本无法进行解析,于是本文章将教大家使用 GitHub 开源项目:You-get下载视频 (本篇使用 YouTube 示例) INSTALL PYTHON首先进入Python官网下载 Python 最新版 (本篇写于:2020/12/26 最新版本为 Python 3.9.1) 点击此按钮进行下载 下载后执行下载的文件就可以开始安装了 安装完成后就可进入下一步 更换 PIP 源官方默认 pip 源较慢,于是我们可以将他更改为国内 pip 源 进入 C:\Users%username% 在目录下创建一个名为 pip 的文件夹 pip 文件夹内部新建 pip.ini 文件内写入以下代码 12[global]index-url = https://pypi.tuna.tsinghua.edu.cn/simple 接着以管理员身份打开终 ...
使用Vercel搭建一个静态网站
提供免费搭建网站的服务有很多,像热铁盒主机、Coding Pages、GitHub Pages······Vercel 也是其中之一,今天教大家使用 Vercel 搭建一个静态网站。 登录账号前往 Vercel 官网 点击 Login 按钮 点击后会跳转至这个页面 授权服务选择一个你有的账号 按钮 1.连接到 GitHub 按钮 2.连接到 GitLab 按钮 3.连接到 Bitbucket 如果你都没有就可以点击下面的 Don’t have an account? Sign Up(没有一个账号?注册) 这里用 GitHub 来演示 登录完成后会跳转到仪表盘 这时候我们先回到 GitHub,我们先创建一个仓库放入测试 html 导入项目接着我们复制刚创建的仓库的 git 地址 进入这个页面的时候注意,由于我们的仓库里放了一个 html,所以这里不要做任何设置直接点击蓝色的 Deploy 按钮 出现这个页面就代表你的网页成功部署了 我们点击 Visit 按钮去测试一下 成功! 这样就可以搭建一个简单的静态网站了。 对于 Hexo 你可以直接放源码上去,然后配置构建命令,不过 ...
获取JOOX的音乐地址
Joox 相信很多人都熟悉,它是腾讯音乐的国外版本,可以免费听大部分国内要 VIP 的歌(包括单独付费的歌曲) 今天我来教大家如何获取他的音乐地址 进入官网首先我们进入官网: 点击进入 看到的应该是这样的场景,如果右上角没出现 Log in 就请参照CCKNBC 大佬的教程配置 搜索歌曲在 Search Songs 处搜索歌曲,这里以周杰伦的 Mojiti 为例 在此页面的时候按下 F12 F12切换到 Network 看好这里 点击 Play 的时候看有没有新的请求 一般都会请求失败,因为 API 被墙了 取得 API 地址我们把鼠标移到这两个新增的请求上面 找到以 https://api-jooxtt.sanook.com 开头的地址,将他复制下来 在新窗口打开 接着只需要找到 play_url_list 将他打开即可 End本文结束
用Jsdelivr存储视频
众所周知,Jsdelivr 是个免费、开源的 CDN,你可以在上面存储小于 20MB 的文件 那么视频也可以?当然,但是 Jsdelivr 对于音视频的解码不太好,在 PC 上打开直接成为一段音轨。 不过我们可以采用 M3U8 的方式进行视频存储 接下来就开始教程 视频切片申明一下,这不是简单的切片,这个切片利用了 HLS 技术: HLS 的工作原理是把整个流分成一个个小的基于 HTTP 的文件来下载,每次只下载一些。当媒体流正在播放时,客户端可以选择从许多不同的备用源中以不同的速率下载同样的资源,允许流媒体会话适应不同的数据速率。在开始一个流媒体会话时,客户端会下载一个包含元数据的 extended M3U (m3u8) playlist 文件,用于寻找可用的媒体流。HLS 只请求基本的 HTTP 报文,与实时传输协议(RTP)不同,HLS 可以穿过任何允许 HTTP 数据通过的防火墙或者代理服务器。它也很容易使用内容分发网络来传输媒体流。 在我们的需求中,可以简单地把视频的地址理解为 playlist 的地址,而 playlist 就是我们单个视频片段的索引,把较大的视频给宅分 ...
如何使用在线工具 - Photopea
众所周知,Adobe 全家桶的”PS”是处理图片不可缺少的一款工具 可稍不注意就会 无响应警告 不过国外有一位大神开发出了在线版本的”PS”,并且将”PS”的大部分功能都给还原了 这是由 Ivan Kuckir 大神开发的Photopea 我们首先打开这个网站 点击新建项目,当然也可以从电脑打开 接下来它会让我们选择项目大小和模板之类的 这里可以直接不选择模板直接选择大小,然后填写一下名字就创建 进入项目后可以看到这样的界面 接下来我演示怎么做一个简单的 Logo 首先点击左边工具栏的”T”(文字工具) 接着在上方会出现 这里我们可以自己调节字体、文字大小、文字颜色等 这里我选的是 Hanalei Fill 字体 大小我调节的是 499px 然后写入自己想要的文字 写入完成后是这个样子的 接下来我们贴个图 去iconfont找个好康的图标,下载下来 png 下载下来 PNG 后将这个图片拖进 Photopea 然后调好大小就完成了 接着点击文件-另存为 PSD 保存这个工程文件,方便下次修改 然后点击 然后就可以下载下来 Logo 了 顺便这个网站还提供 SVG 下载哦 总结 ...