君子不玩物丧志,亦常以借物调心,网站集成二次元网页小组件(widget)石蒜模拟器,聊以赏玩by Liu Yue/2022-09-16 标签: widget 二次元 借物 君子 小组 常以 模拟器 玩物丧志 石蒜 网站 网页 聊以 调心 赏玩 集成 传世经典《菜根谭》中有言曰:“徜徉于山林泉石之间,而尘心渐息;夷犹于诗书图画之内,而俗气潜消。故君子虽不玩物丧志,亦常借物调心。”意思是,徜徉在林泉山石之间,能够摒弃杂念,留意诗词歌画之中,可以尽弃俗见。所以说君子虽然不会玩物丧志,也常常要借一些优雅的小物件来调理情绪,二次元网页小组件(widget)就是这样的小物件,功能上无甚大观,却可以博君一晒。 引入方式 根据官方文档:https://github.com/ds......了解更多
见微知著,细节上雕花:SVG生成矢量格式网站图标(Favicon)探究by Liu Yue/2022-06-07 标签: Favicon svg 图标 探究 格式 生成 矢量 细节 网站 见微知著 雕花 Favicon是favorites icon的缩写,也被称为website icon(站点图标)、page icon(页面图标)或者urlicon(URL图标)。Favicon是与某个站点或网页相关联的图标,网站设计者可以多种方式建立这种图标,几乎所有浏览器都支持此功能,浏览器可以将favicon显示于浏览器的地址栏中,也可置于书签列表的网站名前,还可以放在标签式浏览界面中的页标题前: 我们定义一个favicon的方法是将一个名为“favic......了解更多
Logo小变动,心境大不同,SVG矢量动画格式网站Logo图片制作与实践教程(Python3)by Liu Yue/2022-02-23 标签: Logo python3 svg 不同 制作 动画 变动 图片 实践 心境 教程 格式 矢量 网站 曾几何时,SVG(Scalable Vector Graphics)矢量动画图在坊间称之为一种被浏览器诅咒的技术,只因为糟糕的硬件支持(IE),和没完没了的兼容性调优(Safari)。但是在2022年的今天,一切都不一样了,正所谓三十年河东,三十年河西,微软所研发的采用Chromium内核作为IE替代者的Edge浏览器已经有望超越Safari成为第二大桌面浏览器,而曾经因为不支持关键帧动画被人诟病的Safari也统一了标准,市面上除了老帮菜IE,几乎所有平台(包括移动......了解更多
Python3.7将普通图片(png)转换为SVG图片格式并且让你的网站Logo(图标)从此”动”起来by Liu Yue/2020-04-18 标签: Logo png python3.7 svg 从此 图标 图片 图片格式 并且 普通 网站 起来 转换 在之前的几篇文章中,介绍了业界中比较火爆的图片技术SVG(Scalable Vector Graphics),比如 Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript来打造属于自己的个性化社交分享系统 ,我们可以使用svg来打造精美炫酷的分享小图标(icon),这一次我们使用python来将普通的静态的网站logo图片转换为带路径(path)的svg图片,这样就可以让网站logo能够变成动态的,作为一名不折腾不......了解更多
Python3.7+jieba(结巴分词)配合Wordcloud2.js来构造网站标签云(关键词集合)by Liu Yue/2020-03-14 标签: jieba js python3.7 Wordcloud2 关键词 分词 构造 标签 结巴 网站 配合 集合 其实很早以前就想搞一套完备的标签云架构了,迫于没有时间(其实就是懒),一直就没有弄出来完整的代码,说到底标签对于网站来说还是很重要的,它能够对一件事物产生标志性描述,通常都会采用相关性很强的关键字,这样不仅便于检索和分类,同时对网站的内链体系也是有促进作用的。 最近疫情的关系一直在家里呆着,闲暇时和一些学生聊天的时候,人家问:你说你一直在写博客,那你到底在写一些什么内容的文章呢?我竟然一时语塞,于是搞出来下面这种的标签云,......了解更多
为你的网站加上live2d的动态小挂件,博君一晒by Liu Yue/2019-12-12 标签: 网站 live2d 博君 挂件 一晒 动态 加上 喜欢二次元的朋友一定对大名鼎鼎的live2d技术并不陌生,live2D是一种应用于电子游戏的绘图渲染技术,技术由日本Cybernoids公司开发,通过一系列的连续图像和人物建模来生成一种类似三维模型的二维图像。 可以看到本站右下角出现了一只可爱的小喵 可以看到这只猫会跟着你的鼠标运动,有着伪3D的感觉......了解更多
利用CSS3自定义属性来为网站添加“暗黑模式”(暗色模式/DarkMode)by Liu Yue/2019-09-22 标签: 利用 网站 添加 模式 自定义 CSS3 暗黑 属性 究竟什么是暗黑模式?这个概念起初来源于macOS系统,该系统的mojave版本为用户提供两个主题皮肤,即浅色和深色的皮肤。自从有了这个概念之后,很多网站和系统都会用户提供了相应的两套肤色,便于用户根据自己的习惯或爱好进行切换 从科学的角度讲,低对比度的暗色可以降低屏幕对视网膜的刺激,同时还可以让电子设备更加省电。 在过往......了解更多
利用基于Python的Pelican打造一个自己的个人纯静态网站by Liu Yue/2019-08-08 标签: Python 一个 静态 打造 基于 利用 自己 网站 Pelican 个人 其实呢这么多年以来我一直建议每个有技术追求的开发者都要有写技术博客记笔记的良好习惯,一来可以积累知识,二来可以帮助别人,三来可以把开发中遇到的问题记录用来自省,第四可以通过交换友链来结识更多的技术领域的同仁。 之前我曾经写过两篇相似的文章用来快速搭建个人网站,一款基于go lang:利用基于Go Lang的Hugo配合nginx来打造属于自己的纯静态博客系统另外一款基于node.js:使用Hexo建立一个轻量、简易、高逼格......了解更多
在阿里云服务器上使用Nginx部署https协议的网站by Liu Yue/2019-05-21 标签: 使用 https 阿里 nginx 服务器 部署 网站 协议 之前写过一篇文章是在阿里云服务器上用Apache切换https协议:将博客迁移阿里云并且切换成https解析的过程 这一次,换成使用Nginx来部署,相比之下,比Apache的配置要简单一些 如何申请SSL证书就按下不表了,非常简单,目前阿里云和腾讯云都免费提供一年的证书服务,区别就是腾讯云不需要域名在腾讯,而阿里云只有域名在阿里旗下才提供。 ......了解更多