从过年开始一直被闷在家里，少了出门和小伙伴耍的快落～每天在家里就是对着电脑忙各种事情（指摸鱼），于是总想着找点事情做做，正好看自己的小博客也不太顺眼了就想着升一下级～
在这里简单记录一下～一方面是回顾和总结，另外也是带大家看看自己都做了哪些事情～2333～怕大家注意不到～
如果样式没有变化的话是缓存的问题～刷新一下就好啦！
友链样式重写
之前的友链样式只是单纯的挂个链接，这两天把页面重写了一下可以看到头像了w
当然由于 http 及网络等等限制，很多图片容易加载不出来，这个时候可以使用 onError 属性，把图片重载为默认图片，具体来讲如下：
<img class="linkimg" src="https://image.idealclover.cn/blog/assets/default.jpg" href="xxx" onerror="this.src=\"https://image.idealclover.cn/blog/assets/default.jpg\"" referrerpolicy="no-referrer">
这样就可以做到如果图片无法加载则自动替换为默认图片的效果啦w
护眼模式
这个算是重头戏啦
右下角的月亮图标可以切换 白天/夜晚 模式～
具体实现的话，一般来说对通常的页面，darkmode.js 就已经够用了。但是因为我用的主要是 bootstrap 的组件，用这个会出 bug，于是用了 dark-mode-switch 这个组件。教程写得也相对明白，引用组件，加几个 CSS 就可以了w 比自己想象中居然还要简单一点～
这下晚上翻自己的东西就再也不会被亮瞎了～
404 页面
调试的时候才发现自己的网站之前是一直开着 debug 的，在生产环境上这样不好，很容易暴露安全问题。于是关掉了 debug，按着做首页的方式复制粘贴了个 404 页面出来。
本来想做类似首页的那种字母滚动动效
技术文章
- 傻翠的 PWA 实践 - Workbox
- 为 Typecho 网站开启多语言支持
- The Best E-Book Shelf Ever Calibre + Calibre-web + OneDrive + Moon+ + GDrive
生活记录
- 05.05 复盘
About Leanote
1. Introduction
Leanote, not just a notepad!
Some Features
- Knowledge: Manage your knowledge in leanote. leanote contains the tinymce editor and a markdown editor, just enjoy yourself writing.
- Share: Share your knowledge with your friends in leanote. You can invite your friends to join your notepad in the cloud so you can share knowledge.
- Cooperation: Collaborate with friends to improve your skills.
- Blog: Publish your knowledge and make leanote your blog.
2. Why we created leanote
To be honest, our inspiration comes from Evernote. We use Evernote to manage our knowledge everyday. But we find that:
* Evernote's editor can't meet our needs, it does not have document navigation, it does not render code properly (as a programmer, syntax highlighted code rendering is a basic need), it cannot resize images and so forth
* We like markdown, but Evernote does not support it.
* We want to share our knowledge,
关于Leanote
1. 介绍
Leanote, 不只是笔记!
特性
- 知识管理: 通过leanote来管理知识, leanote有易操作的界面, 包含两款编辑器tinymce和markdown. 在leanote, 你可以尽情享受写作.
- 分享: 你也可以通过分享知识给好友, 让好友拥有你的知识.
- 协作: 在分享的同时也可以与好友一起协作知识.
- 博客: leanote也可以作为你的博客, 将知识公开成博客, 让leanote把你的知识传播的更远!
2. 为什么我们要创建leanote?
说实话, 我们曾是evernote的忠实粉丝, 但是我们也发现evernote的不足:
* evernote的编辑器不能满足我们的需求, 不能贴代码(格式会乱掉, 作为程序员, 代码是我们的基本需求啊), 图片不能缩放.
* 我们是markdown的爱好者, 可是evernote竟然没有.
* 我们也想将知识公开, 所以我们有自己的博客, 如wordpress, 但为什么这两者不能合二为一呢?
* 还有...
3.安装leanote
leanote是一款私有云笔记, 你可以下载它安装在自己的服务器上, 当然也可以在 http://leanote.com 上注册.
这里详细整理了leanote二进版和leanote开发版的安装教程, 请移步至:
4. 如何对leanote进行二次开发
5 相关文档
- leanote二进制版详细安装教程
- leanote开发版详细安装教程
- Leanote source leanote源码导读
- leanote blog theme api(中文版)
- How to develop leanote 如何开发leanote
更多文档请查看 wiki.
6. 贡献者
多谢 贡献者 的贡献, leanote因有你们而更完美!