DF-Blog

DF - Blog

Latest

Ghost:添加目录栏

对于复杂的技术博文没有侧边目录栏基本看不下去,然而ghost并不自带目录栏功能,所以我们只能通过改主题文件来实现。 不过好在ghost的主题文件并不复杂,这里完全可以依照官方教程把代码粘贴进去就能用了,强烈建议先看官方教程。这篇博客主要讲解一些细节 官方教程:https://ghost.org/tutorials/adding-table-of-contents 我的博客主题修改自source,仓库:https://github.com/dedfaf/DF-Blog-Theme 教程讲解 官方教程使用了ToCBot来实现目录栏 可以用ghost install local安装本地测试环境,在其上修改后再push到生产环境 一些简单的样式调整 这里讲解一些官方教程操作完后的一些细节调整,也可以直接参考文末我的代码 默认展开所有目录 默认情况下,之后浏览到的目录只会展开当前标题的子标题,需要在脚本中加入 <script> tocbot.init({ // ... collapseDepth: 6, // .

By dedfaf

关于Code2Ghost

Github: https://github.com/dedfaf/Code2Ghost 这个项目源自于我搭完ghost后,发现其没有直接上传或者同步博客仓库的方法,也没有合适的上传工具,索性自己写一个VScode的上传插件 ghost的api功能相当强大,不过目前只用到了上传博客的功能。之后有精力的话,可以写一个在code里完全管理ghost的图形化插件 现在的进度直接看TODO吧 对本人而言,之前其实并没有写VScode插件的经验,这个项目也属于是学习项目,欢迎提出意见 原理 https://ghost.org/docs/admin-api/#creating-a-post 通过vscode插件api读取当前编辑器的内容,通过marked转换为html,通过正则判断<h1>获得标题,然后删去标题留下正文,打包上传api front-matter通过gray-matter读取 获得博文内容基本相反,拉下博文的html还有其他信息,通过turndown转换为md,再把需要的属性直接写成yaml填到front-matter里 目前的难点 / TODO 2025.

By dedfaf

建站

曾经打信息竞赛时,我的恩师就告诉我要随时写博客记录学习进度,过了这么多年总算是搭好了博客站,可以开始写一些系统性的东西 经历了一些抉择后,最终决定用ghost建站。一开始准备用hugo或者hexo之类的静态博客生成工具,不过考虑到本人可能真正有用的技术类的博客写不了几篇,但牢骚话可能不少,故最后决定用ghost这种动态博客网。ghost的优点其实在于强大的推送和订阅功能,不过我大概不会考虑使用 如果有人注意到网站的图标,那是我的发小曾经在摄像头前踢大脚的照片,由于暂时没有设计网站的想法,我就暂时拿来用了 总之,之后会逐步在本站更新一些技术日常,以及将之前写的杂篇整理后搬运过来。其实大部分看本站的人应该都比较熟悉我,我之后就以我个人的文风来码字。至于真的写出一些能帮到别人的经验博客,我倒是完全没有指望,一来个人技术能力欠缺,二来此站大概也不会出现在搜索引擎结果中。如果此站能帮助自己总结经验经历,以及帮助同学同事进行一些对我的了解(虽然我个人不喜欢),本站也算是得以一用

By dedfaf