看中一点:支持 Telegram 应用内 instant view !
曲线救“静”
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
用 Typora 做了本电子书
网上有组系列文章想做成电子书,搜索 markdown 导出 epub,找到了 Typora 和 Pandoc,后者是纯命令行制作电子书,其实 Typora 的导出 epub 功能也是基于它的。制作流程非常简单,一篇篇文章打开直接复制标题、复制内容,TY直接识别成了 md 格式。点击文件–导出–epub,没安装会提示安装 pandoc,完成搞定。
第一次导出发现许久没完成,原来是文章里的图片无法顺利访问,得,看来这个插件不走秘密通道,此处我傻傻的一张张图片手动下载,其实可以利用这个功能:
网页上图片右键 复制图片
回编辑器直接 Ctrl+V
粘贴,乖乖,图片自动下载!
Canvas 手写输入法
xuebihua-cn 在整合完“写笔画”网站后,考虑到大屏上输入文字不太方便,搜索一圈发现以下代码:web版手写输入法 ,利用了 QQ输入法的手写 handwritingapi.js 接口,不过文中添加的仅是鼠标事件,移动端的触摸事件不支持。 折腾到凌晨实在搞不定,求助了 @牧风 后依然卡壳,之后发现QQ输入法的鼠标定位值和 Canvas 直接触摸定位值不同
“学笔画”折腾小记
点击体验→ https://xuebihua.cn
刷着阮一峰的 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;}
}