子舒 @zishu 2023年5月13日 hugo 纯静态编写一个字数统计脚本 早上起来的时候看到微信群中有博友分享自己的建站时间,聊着聊着说到总字数上面,这时我才发现我的网站没有统计的地方,索性就自己写一个吧,因为是静态博客,所以不涉及后端、服务器等,只用前端的方式来解决。 这里需要借助我之前的一篇文章,[《用原生 js 给网站写个搜索功能》](/blog/189.html/),里面有提到如何生成一个文章列表 json 文件,这里我 技术 js博客
子舒 @zishu 2023年3月10日 博客运行 1000 天了  *使用 openai 生成。 [大漠孤烟直,长河落日圆]* 不知不觉,已经坚持写博客 1000 天了,从 2020 年 6 月 14 日开始,第一次踏入这个圈子。 随笔 博客
子舒 @zishu 2022年10月14日 hugo 一键打包并上传 github 分享一个 hugo 一键打包并上传 github 的方法,前提是你之前上传过 GitHub 仓库。 采用 window 支持的 sh 可执行文件,在根目录新建一个 `hugo.sh` 文件,里面放上一些命令。 ```shell hugo # cd public time=$(date "+%Y-%m-%d %H:%M:%S") echo $time 技术 博客
子舒 @zishu 2022年6月7日 typecho 评论回复艾特评论人 typecho 在评论时默认是没有 `@` 评论人的功能,可以用代码加一下。 在 `functions.php` 中: ```php /* * 评论回复时 @ 评论人 */ function get_comment_at($coid) { $db = Typecho_Db::get(); $prow = $db->fetchRow( 技术 博客typecho
子舒 @zishu 2022年4月26日 浏览器收藏夹一键填写博客评论信息 先点击收藏一个页面,然后右键它,选择修改,在网址输入框复制下面的 js 代码,就可以一键填入了。 将其中的昵称,邮箱,网址修改成自己的信息。 目前支持绝大多数主流博客平台和系统,如果发现没有起作用,可以在下面代码里面修改增加一下 input 的属性。 如果你不会修改的话,可以在评论区留言没有起作用的网站,我可以更新代码。 ```js javascri 技术 博客js
子舒 @zishu 2022年3月25日 增加了站内搜索功能 如题,我花了一个多小时,参照 nuxt 文档,把搜索功能给加上了,记录一下相关代码。 可以选择放在 `components/<Search />` 里面,然后引入到 head 模板,也可以单独创建一个页面,我选择的是后者。 新建一个页面模板 `/pages/search.vue` 。 ```js <template> <div> <Hea 技术 博客搜索
子舒 @zishu 2022年2月24日 “不如吃茶去” 想了很久,也算是结合自己的心境吧,打算正式起一个博客名称,以前子舒的博客,也就是挂着自己的名字,总觉得差点意思。所以现在决定更名为 '不如吃茶去'。其中含义,听我娓娓道来... --- 我是从中学开始接触音乐的,当时喜欢唱歌,会听很多当时流行的歌曲。那时候比较火的最多的还是周杰伦的歌,还有就是林俊杰等歌手。 然后再到初入高中,准确的说应该是初三,开 随笔 博客
子舒 @zishu 2022年2月18日 Nuxt.js 如何部署 Artalk 和遇到的问题 花了两天时间,终于把 Artalk 部署好了,一款数据自托管带后端的评论程序,非常适合我。这篇文章就介绍一下我部署的流程,以及我在部署过程中遇到的一些问题,将它记录一下,以便之后研究,顺便对使用 Nuxt.js 搭建博客的伙伴提供一些参考价值。 Artalk 地址:[https://artalk.js.org/](https://artalk.js.or 技术 博客评论
子舒 @zishu 2022年1月17日 Nuxt 项目中如何引入百度统计? 在部署一个网站之后,我们最关心的事情无异于是访问量,以及对它的分析。国内的百度统计是一个不错的选择,基本的功能都是免费的。 只需要在 head 中引入一串 javascript 代码即可。 ```html <!-- <script> var _hmt = _hmt || []; (function() { var hm = document.cr 技术 博客Nuxt
子舒 @zishu 2021年12月7日 实现图片灯箱功能 写博客必不可少的一个功能就是图片灯箱功能,也就是点击放大查看。但是不同程序的博客所使用的插件也都不一样,我这里研究出一套可以满足绝大部分程序的灯箱插件。已经测试过 hexo, hugo, typecho 均无问题。 ## 引入文件 首先引入我们关键的两个文件分别是 `zoom.css` 和 `zoom.js` 。 ```html <!-- head 头 技术 博客插件
子舒 @zishu 2021年9月16日 hugo 如何使用 Cusdis ? Cusdis 是一个界面清爽、注重隐私的轻量级 (~5kb gzip) 评论系统,可以很方便地与 React、Vue 或其他博客系统结合,并且还提供了一个后台来管理所有的评论。 由于 Cusdis 自称是 Disqus 的替代方案,因此它还支持一键从 Disqus 导入、支持邮件通知等功能。 官方地址:[https://cusdis.com/](http 技术 博客
子舒 @zishu 2021年7月21日 关于我为什么要写博客? ## 关于这个博客的构成 这个就放在最前面吗,算是起到一个统计整理的作用。 博客基础的框架使用是 hugo, 前端样式是自己慢慢构思的,可能是因为没有设计师的天分吧,构思出来的 UI 就很奇怪。 我也尽量将色彩往黑白上靠,就是为了避免色彩的冲突造成阅读的不适,以文字为主体,也可以将我的重心转移到写文章上来。 然后通过本地渲染构建了 `public` 技术 博客总结
子舒 @zishu 2021年5月11日 Typecho 博客搭建及优化教程 (详细) ## 1.前言 本文从[Typecho](http://typecho.org/) 简介开始讲解,其中包括服务器的选择,以及域名注册,服务器系统选择,宝塔安装,环境配置,Typecho 安装包括中间的防采坑注意事项,为您提供完整的保姆级搭建流程,请珍惜哦! 如果不喜欢前面的啰嗦讲解,请跳过,直接从宝塔安装开始。 不喜勿喷,谢谢! 需要买服务器可以 [ 技术 博客typecho转载
子舒 @zishu 2021年5月9日 网站引入 iframe 视频,如何实现高度自适应? 我想很多小伙伴在写博客的时候都能遇到一个令人头疼的问题,某一篇文章想用 `iframe` 引入一个外链视频,但是大小总是有问题,宽度可以固定到 100% ,但是高度比如用实际高度来表示,比如 `100px`, `200px`,诸如此类。 但是问题来了,在不同的页面宽度下,视频的高度是一致的,就会导致一个很麻烦的问题, 看下面两个图, **pc 端** 技术 博客css
子舒 @zishu 2021年2月4日 typecho 博客小表情无法显示问题 typecho 博客建立完成之后,会发现如果插入一些小表情,页面渲染完之后,表情不会显示,并且表情之后的内容全部消失,导致体验感很差。 表情无法显示的原因是 uft-8 编码的问题,无法识别小表情,需要将其改成 utf8mb4 ### 第一步,进入数据库 首先登陆博客后台的数据库,然后点击 sql,输入下列代码: ```sql alter tabl 技术 博客typecho