网站升级折腾

放弃webify

Webify是腾讯云推出的web应用托管平台,看ify后缀就能大概明白意思。netlify,shopify,browserify,一切皆可ify。扯远了…

当初把hexo博客托管到webify,是比较看好这一产品的,还写过一篇文章 将Hexo网站迁移到webify 来介绍。但是使用了一段时间,几个问题让我不得不放弃webify:

  1. webify默认支持腾讯云的CDN,但是节点大约只有付费CDN的一半;
  2. 绑定域名,不能支持301重定向,实现不了 xxx.com 重定向到 www.xxx.com ;webify官方论坛
  3. 更致命的,webify去年9月以后基本就停止更新了(webify博客),这意味着这个应用推出不到二个月就停止更新开发了。(腾讯特色?)

于是把hexo网站迁回自己的服务器。老方法,本地hexo生成public静态文件,上传到服务器,使用nginx,jiangyu.org 域名301重定向到 www.jiangyu.org ,最后加上cdn。问题是每次发布新文章,麻烦了点,先这样吧。

hexo升级

顺手把hexo升级了,记录下方法。
package.json文件下,修改hexo版本号为最新的。比如:

“hexo”: “^6.2.0”,

然后npm update。
over。

日期时间显示格式

hexo使用momentjs来显示时间日期,但是这工具对中文显示不友好。
比如

format(‘MMM D YYYY’)

显示的英文日期时间是May 18 2022,这个很标准,格式也美观。但是对应的中文显示居然是5月18 2022。
研究了下文档momentjs,最后修改成

format(‘MMM Do YYYY’)

显示为5月18日 2022。
归根结底还是英文日期时间显示格式太多,而中文难以一一对应。

留言评论表情

使用twikoo评论系统,支持自定义表情(emoji),看上两个很不错的表情包,新浪微博和Facebook的,加上。

新浪微博的表情包地址:https://api.weibo.com/2/emotions.json?source=1362404091

Facebook的reactions表情符号,包括like,love,haha,wow,sad,ya,angry七枚,很经典。我收集到的是svg版的。

1
2
3
4
5
6
7
{ "icon": "<img src=\"https://fastly.jsdelivr.net/gh/littleyz/emotion/facebook/like.svg\">", "text": "like" },
{ "icon": "<img src=\"https://fastly.jsdelivr.net/gh/littleyz/emotion/facebook/haha.svg\">", "text": "haha" },
{ "icon": "<img src=\"https://fastly.jsdelivr.net/gh/littleyz/emotion/facebook/love.svg\">", "text": "love" },
{ "icon": "<img src=\"https://fastly.jsdelivr.net/gh/littleyz/emotion/facebook/sad.svg\">", "text": "sad" },
{ "icon": "<img src=\"https://fastly.jsdelivr.net/gh/littleyz/emotion/facebook/wow.svg\">", "text": "wow" },
{ "icon": "<img src=\"https://fastly.jsdelivr.net/gh/littleyz/emotion/facebook/ya.svg\">", "text": "ya" },
{ "icon": "<img src=\"https://fastly.jsdelivr.net/gh/littleyz/emotion/facebook/angry.svg\">", "text": "angry" }

jsDelivr

jsDelivr再一次被国内ban了,可以使用 fastly.jsdelivr.net,gcore.jsdelivr.net 临时救急。长远看,jsDelivr肯定不适合国内使用了。
国内外类似这样的静态资源库还是很多的,这样的服务重点在稳定可靠,使用的人多,收录的资源多。

推荐一款静态CDN资源库,
字节跳动,https://cdn.bytedance.com/ 。(使用的金山云,国内大约37个节点)

MiSans字体

小米找汉仪字库定制的MiSans字体,字体很漂亮,可以免费商用。网上有分享下载,这里整理了一份:阿里云网盘下载

除了本地用,如果能用在网页端,会非常nice。在miui的官网找到了webfont地址,大喜过望,马上用上。

1
https://font.sec.miui.com/font/css?family=MiSans:300,450,500,650:Chinese_Simplify,Latin&display=swap
武帝踞厕而见卫青 富春山居图

  评论

Nickname
Email
Website
0/500
  • 百度表情
  • 新浪微博
  • 脸书表情
11 comments

这个小米字体也不错啊

安徽
Windows 10
Firefox 100.0

国内的这些商家,都别想占他们的一丁点便宜

河南
Windows 10
Microsoft Edge 101.0.1210.53

jsDelivr这类资源平台以后估计更难访问了,太不受限,还是用国内的,或者一次重要资源直接放本地。

甘肃
Windows 10
Firefox 100.0

字体在手机上海可以,感觉在PC上还是差点意思,边缘不够平滑。

上海
Windows 10
Firefox 100.0

确实是这样。我大概了解过,主要两个原因。一是分辨率原因。手机屏幕的分辨率比一般电脑屏幕的更高;二是渲染方式不一样,同一字体,安卓,ios上比windows显示得更清晰。

广东
Android Quince Tart
Microsoft Edge 100.0.1185.50

我在PC上看这个字体都挺好看的啊,感觉还好吧,我现在用了小米的手机,可能是习惯了,看着挺顺眼的。不过这里的字体着实有点小了,搞得我要放大比例才看得舒服,老了,眼力不好。

广东
Windows 10
Microsoft Edge 101.0.1210.53

特意把留言部分的字体设置的比正文部分小一点的!:haha:

广东
Android Quince Tart
WeChat 8.0.22.2140
----- Read more

WordPress应该也可以用小米的字体么??

广东
Windows 7
Chrome 80.0.3987.87

可以。很简单。
先在wordpress主题的header.php文件里引入MiSans字体,

<link rel='stylesheet' id='font-misans-css'  href='https://font.sec.miui.com/font/css?family=MiSans:300,450,500,650:Chinese_Simplify,Latin&display=swap' type='text/css' media='screen' />

然后在css里调用,

font-family: "MiSans"
广东
Windows 7
Chrome 93.0.4577.63
----- Read more

还是付费服务靠谱点,像我这种不懂折腾的只能用WordPress,然后买主题:笑Cry:

广东
Windows 7
Chrome 80.0.3987.87

Webify才出来没多久就停止更新了:汗:

江苏
Windows 10
Firefox 100.0

是啊,据说腾讯的项目都是立项开工很容易,做着做着就半途而废了。:sad:

广东
Windows 7
Chrome 93.0.4577.63
XI

木用过静态程序,twikoo还是蛮好用的

四川
Windows 10
Chrome 96.0.4664.45

用静态除了发布文章麻烦点?
是不是能节省空间费?

广东
Android Quince Tart
Microsoft Edge 101.0.1210.47

静态对服务器空间要求低很多。当然,完全可以不用服务器,纯静态托管的方法,服务有很多,比用服务器划算的多。:haha:

广东
Windows 7
Chrome 93.0.4577.63

留言框里显示的不是表情:笑Cry:

陕西
Windows 7
Chrome 86.0.4240.198

噢,发出来就可以了:哈哈:

陕西
Windows 7
Chrome 86.0.4240.198

折腾得漂亮

江苏
macOS Catalina
Safari 15.4