blog 改造
用了差不多五年了,博客的样式和功能都有些落后了,所以决定稍微改进一下。
本来想用按照这个 打造 Github Issue 到 Hexo 部署自动工作流 来改造,也很喜欢 github issue 这样的形式,既解决了评论和图片的问题,又解决了博客的部署问题。
但是想想编辑有点麻烦,还必须用网页登陆,没有顺手的编辑器,所以还是在原来的基础上进行改造。
基于 github 的评论
update 2025-01-25
utterances 的配置需要在博客的配置文件里加上 url 不然登录完成后回调会回不到博客。
utterances 的主题配置可以设置 preferred-color-scheme
来设置主题颜色,默认是跟随系统。
本来打算用 gitalk 但是发现有个更好的,还不回泄漏 id 和 key,那就是 utterances。
主题
update 2025-01-26
看到 markdown-preview-enhanced 插件里有个theme可以选vue.css,这个样式的挺好看的,如何把这个样式用到 hexo的next主题里
找了下/Users/xxx/.vscode/extensions/shd101wyy.markdown-preview-enhanced-0.8.15/crossnote/styles/prism_theme/vue.css
,简单把代码复制到source/_data/styles.styl
里是不行的,需要翻译成 stylus 语法。改后试了下,整个更文艺一些,但是颜色什么的还没上来,后面继续研究。
之前用的是旧的hexo-theme-next,五年了原来的项目都不维护了,有个新的分支也就是hexo-theme-next,还好熟悉的配方,继续用吧。
后面可以看看这个😂。之前用的是 hexo-theme-next,但是感觉有点臃肿,所以打算换成 hexo-theme-butterfly。这个感觉有点清新,算是年轻人的风格,有时间体验下。
内置图片
update 2025-01-23 17:00:00
还是要启用,不然之前的链接就不作用了,但是文件夹生成后自己可以不用,或者最后统一删除掉,看看时间会给什么答案。
这个也没什么搜了一下,还是几年前就有的方案,配置文件里设置 post_asset_folder 就可以,但是每个文章都建一个文件夹,感觉也没有必要,所以还是手动建一个文件夹放图片,效果是一样的。
建议在博客年份目录下按季度建立文件夹来存放图片,这样更有条理且便于管理。
比如这里只要参照这同样的链接,就能展示出来图片。点击查看:壁纸
标签
之前一直没有开启 tags,打开都是错误页面,这次配置了 tags,并用了云标签,效果还不错。
备注下,还是默认关闭了 autocorrect 插件的 format on save,太耽误事了,把标签里的英文逗号都改成中文逗号了,影响 tags 生成。
markdown 生成插件
发现有时候加粗的文字,并没有完整显示,切换了 markdown 生成插件,就可以了。
npm un hexo-renderer-marked --save
npm i hexo-renderer-markdown-it --save