Calibre Web 搭建笔记

折腾效果

调配记录

官方说明:https://github.com/janeczku/calibre-web/wiki/Configuration

1.修改用户名和密码,界面修改为中文

Gridea Theme Puti

欢迎小伙伴 @Elizen 入伙,同款主题折腾分享之。

曲线救“静”

Coding 快但抽,GitHub 慢但稳。本想着静态能安安静静的码字、更新、查阅。其实忍忍也就接受了,毕竟也没多人在意。 自己这关不过去,折腾了主题,寻求了博友,求助了 @罗伊 ,开好了 vps 放静态!

流程:本地 Gridea 同步至 Github,Github 通过 webhook 告诉主机有更新,主机利用 git 拉取最新版仓库。

静态博客那些事

一个周末耗在了静态博客部署方案上,目前使用了 Gridea + Coding 搭了个,欢迎围观: https://i.immmmm.com/ 也试了 Hexo + Travis CI ,部署好后是方便,只要把文件 git push 到监测的分支,或者直接在 Github 上写日志,Travis CI 就能自动生成静态文件到主分支上。但,Hexo 静态生成器与主题插件代码的问题,哎,折腾不起。 回说 Bitcron ,更新日志停留在 2017-09-12

Alfred workflow 记录

按了 Alfred 搜索了一圈,发现几个小workflow挺好用,特别是低频度使用的功能,好使!

获取中国天气

主页 | 下载

关键字是tq,自动获取当地的天气;如果查询北京的天气,可以输入 “tq 北京”

用 Typora 做了本电子书

网上有组系列文章想做成电子书,搜索 markdown 导出 epub,找到了 Typora 和 Pandoc,后者是纯命令行制作电子书,其实 Typora 的导出 epub 功能也是基于它的。制作流程非常简单,一篇篇文章打开直接复制标题、复制内容,TY直接识别成了 md 格式。点击文件–导出–epub,没安装会提示安装 pandoc,完成搞定。

第一次导出发现许久没完成,原来是文章里的图片无法顺利访问,得,看来这个插件不走秘密通道,此处我傻傻的一张张图片手动下载,其实可以利用这个功能:

pic

网页上图片右键 复制图片 回编辑器直接 Ctrl+V 粘贴,乖乖,图片自动下载!

Canvas 手写输入法

xuebihua-cn 在整合完“写笔画”网站后,考虑到大屏上输入文字不太方便,搜索一圈发现以下代码:web版手写输入法 ,利用了 QQ输入法的手写 handwritingapi.js 接口,不过文中添加的仅是鼠标事件,移动端的触摸事件不支持。 折腾到凌晨实在搞不定,求助了 @牧风 后依然卡壳,之后发现QQ输入法的鼠标定位值和 Canvas 直接触摸定位值不同

“学笔画”折腾小记

点击体验→ https://xuebihua.cn

xuebihua_qr

刷着阮一峰的 weekly 看到了 Hanzi Writer 1 这个项目,发现笔顺的动画比较自然,还能在 svg 上手写练习,最重要的是看看 demo 好像上手比较简单,实际也如此。

功能代码非常好使,基本折腾在界面和陌生的代码上,比如想让 svg 自适应,搜索测试一晚发现还是以下代码好使:

Valine 评论框美化及功能优化

以下修改不涉及 Valine 源码的改动,防止后续官方更新还得再来一边。因此,相关 css、js 代码得放在调取 valine.min.js 之后。

评论框美化:

评论框美化:

.v .vwrap{padding: 0 0 44px;}.v .veditor{min-height:7rem;resize:none;}.v .vwrap .vedit{padding-top:0}.v .vwrap .vheader{width: 80%;bottom:0;position: absolute;background: #f7f7f7;}.v .vinput{padding:10px 15px;}.v .vwrap .vheader .vinput{border-bottom:0px}.v .vwrap .vedit .vctrl{margin-top:-44px;right:0;position:absolute;margin-right:-3px;}.v .vwrap .vcontrol{    position:absolute;right:0;bottom:0;width:20%;padding-top:0px;}.v .vwrap .vcontrol .col.col-80{width: 100%;}.v .vbtn.vsubmit{border-radius: 0;padding: 0;color: #fff;line-height: 44px;width:100%;border: none;background:#1abc9c;}.v .vwrap .vedit .vctrl span.vpreview-btn,.v .vwrap .vcontrol .col.col-20,.v .vlist .vcard .vhead .vsys{display:none;}
@media screen and (max-width: 520px){
	.v .vwrap .vheader .vinput{width: 33.33%;padding:10px 5px;}
}

Telegram 使用小记

user

@linmumu: https://t.me/linmumu

Group

Bitcron 中文圈: https://t.me/bitcron