2021年第27周

来自 老麦
236 浏览

前言

这篇更新本来是分开两篇的,但写完第一篇后因为某些原因外出了,心想回来后再推送吧,结果第二天直接给忘得一干二净。直到开始写第二篇时才想起来,心想一起推送算了,就当是周记吧。

他的生活真的很平淡,一些过于隐私的事情又不想/不敢发,所以他以往写的东西都是一些水文,当然以后应该还会是。在更新这方面他一直很随意,毕竟他不是专业人士,工作也只是做一些日常的琐碎事项,没有值得分享的经验。他开始考虑,以后要不就用周记的形式去更新好了。

几个中年人的快乐时光

每个工作日的十二点正,他和几个同事都一马当先地驱车去饭堂干饭,不是因为饿,是他们认为「如果连吃饭都不积极主动,那么工作就更加甭提了。」正因如此,他们一伙人被冠上“饿鬼铲”的美誉,当然这美誉只是出自小部分长舌妇之口,他们可一丝都没挂在心上。

其实他们一伙人冲那么快还有一个原因,就是想多节省一点时间,这样他们就能在有限的休息时间里一起组队玩会游戏。他记得刚开始他们是打王者的,后来转到和平,现在又换回王者了,玩什么游戏对他来说都无所谓,因为他就是个跟随者,毕竟他在乎的只是和同事愉快相处的这短短一个多小时,这也是他中午不回家休息的原因,哪怕是办公室与他家只相隔两个红绿灯。

游戏战绩虽不尽人意,可这伙中年人没有一丝的不快,有种虽败犹荣的畅快。他拿出香烟给每人派了一根,就这样小小的办公室弥漫着烟草的味道,这时细心的同事打开了抽风机并喃喃道,“下午那班女人又要唠叨个没完了。”

“对了,老麦,你之前的部落冲突的账号给X玩了?”

“对啊,反正自己又不玩了。”

“可惜了,我还以为账号在你刚不玩的时候就已经让你给卖了呢。你要知道,那时你的全满号还是值点钱的。”

他同事的这一句话拍醒了他,对啊,为什么之前退游不将账号拿到交易卖掉,多少能回点血啊。就比如前不久他决定退掉的游戏「万国觉醒」,要不是他同事的这一席话,他肯定又会把账号给放烂掉。

接下来他研究了一下各大游戏交易平台,「万国觉醒」这个游戏账号交易信息不多,看来没有他想象的那么容易,但他也决定尝试将账号挂到平台上卖。一顿操作后,事情的结果如他所料,两天时间过去了,虽然问的人很多,也有几个诚心想买的,可价格谈不来,他不禁在想,难道价格定的太高了?不卖掉也只是放烂的节奏,现在便宜卖了也能回个几K。但他心里又很不甘,所以决定先放在那里挂着,卖不掉拉倒。吐槽一下交易平台收取的费用,贵得离谱,费用加保险的金额接近1K。

整理、压缩、折腾

生命不息,折腾不止。

VSCode用Git来实现源代码管理

一直以来,他在空闲时间都会研究一下Hugo的官网,碍于英语水平实在有限且本身没有Go语言基础,他必须在本地不断的尝试,一来二去的,本地的代码被他修改得越来越乱,外加记忆力不好且每天折腾的时间不多,甚至经常会随时打断,导致他昨天修改了哪段代码他都记不起来,长久下去,必将会给他增加不少的管理难度。

他偶然间看到一个关于Git的视频,才发现原来Git的功能如此强大,他重新简单的学习了一下Git的基础知识,然后配合VSCode来管理本地代码。

每个修改都一清二楚,每实现一个功能调试成功后就Commit一次,这样管理起来就变得条理清晰了,因为Git的特性,我们可以随时回退到以前Commit的版本,还能一键提交到Github的仓库里备份等等。

使用Webp

Hugo 0.83: WebP Support! | Hugo (gohugo.io)

前段时间Hugo支持了Webp,他花了些时间去研究,可还是没能弄明白其中的原理。考虑到服务器只是1M的小水管,在不使用外部存储和CDN的情况下,加载图片的速度是真的吃紧,庆幸他的小博客流量小,可综合各方面因素,Webp节省下来的空间与流量还是很有必要的,最终他选择使用谷歌的Webp工具。

A new image format for the Web | WebP | Google Developers

下载好系统对应的版本,解压缩,如果你同样是Windows系统,那么将解压后的bin目录设置为环境变量,就可以使用了。

cwebp [options] input_file -o output_file.webp

相关options可参考:cwebp | WebP | Google Developers

如果要将Webp格式的图片转换成其他格式,则可以使用dwebp命令。

dwebp picture.webp -o output.png

还有一个Photoshop的插件,有图形UI。但他使用起来很不习惯,总感觉缺了点啥,而且这个插件只支持打开/保存为Webp格式。项目地址:webmproject/WebPShop: Photoshop plug-in for opening and saving WebP images (github.com)

需要注意的是,Windows系统下载后缀为.8bi的文件,他直接存放在Photoshop安装目录的Plug-ins下激活不了该插件,因为对Photoshop一直停留在裁剪与导出这两个功能,所以真不知这个软件的插件应该如何正确安装,最后放出大招。

C:\Program Files\Common Files\Adobe\Plug-Ins\CC
C:\Program Files\Common Files\Adobe\Plug-Ins\CC\File Formats
C:\Program Files\Adobe\Adobe Photoshop 2021\Plug-ins

给这三个目录都安排上,哈哈哈。当然第三个目录要根据自己的Photoshop具体安装在哪个目录,比如他就是安装在D:\上的。

Hugo实现Markdown的链接用新窗口打开

layouts
      └─ _default
          └──  _markup
                └─── render-link.html

layouts目录里的_default目录下新建一个_markup目录并新建render-link.html,内容为:

<a href="{{ .Destination | safeURL }}"{{ with .Title}} title="{{ . }}"{{ end }}{{ if strings.HasPrefix .Destination "http" }} target="_blank" rel="noopener"{{ end }}>{{ .Text | safeHTML }}</a>

Hugo实现图片懒加载并薅羊毛

layouts
      └─ _default
          └──  _markup
                └─── render-image.html

同样的配方新建render-image.html,内容为:

<p class="md__image">
  <img loading='lazy' src="https://cdn.jsdelivr.net/gh/skybbx/iamlmphoto@master{{ .Destination | safeURL }}" alt="{{ .Text }}" {{ with .Title}} title="{{ . }}"{{ end }} />
</p>

他更新文章都是使用Typora这个软件,如果你和他一样喜欢将图片资源都放在本地保存的话,那么他还是很推荐用这个软件来书写Markdown来更新Hugo与Hexo这类静态博客的内容,他如此推荐这个软件是因为这个软件可以设置在文章插入图片时将图片复制到指定的目录,配合Typora的定义图片根目录功能就能完美达到他想要的效果。图片根目录功能开启如下,或移步到他以前的文章看详细说明,传送门:「Typora」是真的香 – 老麦笔记

---
title: "My First Post"
date: 2019-03-26T08:47:11+01:00
typora-root-url: ..\..\static
---

这样插入图片时Markdown格式就会变成![](/image/post-76/2021-07-04-140640.webp),这个/image/post-76/2021-07-04-140640.webp对应的正好是上面新建文件render-image.html内容里的{{ .Destination | safeURL }},在前面添加你Github仓库对应的jsdelivrCDN地址,最后将public里的文件git push到服务器的同时push一份到Github仓库就能完美地薅这波羊毛。

他不直接使用Typora+PicGo这个方案去薅jsdelivrCDN的羊毛是因为以后jsdelivrCDN用不了时,他只需将CDN的地址删除或更换就行,不用每篇文章都去修改图片的src。

记得将https://cdn.jsdelivr.net/gh/skybbx/iamlmphoto@master改成你Github仓库对应的地址哦,当然其他的CDN服务也是可行的,稍微变通一下就好。

您也许会喜欢……

欢迎留言来分享您的观点

54 评论

大峰 2021-07-11 - 12:26

以第三人称写文章很好玩~
Typora我用下来感觉还不错,现在博客也不想多折腾了,或许只是暂时不想折腾,哈~

回复
老麦 2021-07-11 - 14:53

哈哈哈,好像是真的挺有意思的,而且好像容易组织一点。
折腾这东西,分时段的,有时候我也不想弄,但过段时间又不自觉的折腾起来,最近一直研究Hugo的钩子。

回复
不亦乐乎 2021-07-11 - 11:14

typora用一下确实格式排版很有效率,可惜我wordpress 不支持markdown。
不过也typora回车就是一个段落比较麻烦。

话说这第一张图,好白好白的阳光。

回复
林海草原 2021-07-11 - 13:13

typora可以把文章复制为html,粘贴在wordpress里即可。wordpress也有markdown编辑器插件。

回复
不亦乐乎 2021-07-11 - 18:30

是可以直接复制,不过纯文本格式就没了,如果是html格式又很多p标签,强迫症痛苦,不过typora倒是可以和typecho无缝衔接。

回复
林海草原 2021-07-12 - 17:54

你在经典编辑器的“文本”那里粘贴html代码,然后切换回“可视化”就不显示这些标签,还是按你在markdown排好的版式显示。
如果是区块编辑器,复制过来不显示任何标签,版式都是你排好的样子。

回复
老麦 2021-07-11 - 14:51

好像可以直接复制到wordpress上,照样能正常识别,我wordpress上啥编辑插件都没有装,照样可以直接复制粘贴过来,然后发送。

回复
林海草原 2021-07-12 - 17:08

如果是直接复制html过来就没问题了,我的wp安装了wp githuber MD这个插件,可以用markdown写文章,还可以把以前的文章转换成markdown,md的文档单独存储在数据库,和html文档分开,禁用插件不影响已有的任何文章。缺点就是这个插件占用46.5M空间,3000多个文件,有点庞大。主机空间低于200M的慎用。

回复
老麦 2021-07-12 - 18:24

听你介绍,这个插件是真的不错,不过我说下我的情况,我一般在typora写完文章,这时就会复制粘贴到wordpress上发表,无论复制markdown格式的内容,还是直接复制typora可视化上的内容,这时我在wordpress可视化编辑器上粘贴都能正确的识别出来。

回复
林海草原 2021-07-13 - 08:49

这就是区块编辑器的好处。经典编辑器也做不到这一点。昨天我把那个md插件卸载了,然后wp新建文章时无法加载编辑器,网上的说法均无法解决问题,我导出xml以后删除了数据库重装了。从此以后不再安装编辑器插件,你也别折腾了。我在测试站试过区块编辑器,发现无敌好用。

老麦 2021-07-13 - 22:12

哈哈哈,没准备折腾wordpress,这个东西对我来说有点难,当时换成wordpress就是想稳定跑,满足我需求就算了,现在我折腾一般是研究hugo的相关知识,发现go语言是真的厉害。

夏天烤洋芋 2021-07-10 - 17:43

看图进入。哈哈哈。

回复
END 2021-07-09 - 16:45

隔三岔五都会和朋友小聚一下,舒压顺便找找乐趣。

回复
老麦 2021-07-09 - 21:39

看了你去北京的照片,拍得太靓仔了。你的手机是一加几?好清晰。

回复
END 2021-07-09 - 22:11

One Plus 9 Pro,一加今年主打摄像,与哈苏合作也还可以,看起来会比较自然一些。

回复
老麦 2021-07-11 - 14:48

刚看了下,可惜系统不是原来那个氢系统了。要不然我的一加五T坏了我还会选择一加的手机。

回复
END 2021-07-09 - 22:13

此行出去也没有怎么逛,过阵子我要再游北京!

回复
老麦 2021-07-11 - 14:50

真好,可以说走就走。我现在感觉自己越来越懒得动了,出行一次对于我来说简直是奢望。

回复
羊加加 2021-07-09 - 14:07

我记得军训的时候教官就跟我们说【吃饭不积极,思想有问题。】
我之前把自己的王者荣耀账号放在某号吧出租
确实有些收入,后来租客各种违规(骂人、打排位)导致我被禁言了一些时间
我就没有再租了。

回复
老麦 2021-07-09 - 21:38

哈哈,要是我租号玩相信也玩得比较随意,如果游戏还玩的话最好不要放到这些平台上。

回复
1 2