8.Ghost 的 Code Injection 9.文章分类,改 URL 链接 在当今数字化时代,拥有一个功能强大且易于管理的博客平台对于个人而言变得愈发重要。Ghost 作为一款专注于博客创作的开源平台,备受欢迎。然而,要充分发挥 Ghost 的优势,需要深入了解其各种功能和定制选项。为了帮助初学者和有经验的用户更好地利用 Ghost,本人精心整...
用Ghost加高亮做关键字,能搜出一大堆的代码高亮方案。不过在Ghost版本2.0以后,再去修改代码来载入js和css文件已经没有必要。因为Ghost有了新的功能:代码注入(Code Injection)。 对于Ghost的所有页面,都使用了default.hbt作为了基础模板文件。在模板的header和body末尾,都可以注入用户自定义的代码。 加入highlight.js 目...
Ghost支持多种主题模板,并且允许你自定义主题的颜色、字体等样式。 3. **代码注入**:对于有一定技术基础的用户来说,“Code Injection”子选项非常有用。你可以在这里添加自定义的CSS、JavaScript代码或者Google Analytics跟踪代码等。 4. **实验室设置**:在“Labs”子选项中,你可以开启一些实验性功能或者测试新功能...
代码高亮可以使用 Prism JS 库和 Ghost 的 Code injection 来实现,后者中的代码会加入到每个页面中。 具体做法是将 Prism 的 js(实现代码高亮) 和 css(主题) 地址分别插入到 Code injection 中的 foorter 和 header 中。地址可以使用 Cloudflare 提供的 CDN 地址。 对于js 来说,需要至少两个:一个核心 js 和...
登录Ghost,点击左侧菜单栏的【SETTING】>【Code Injection】 将所需的代码拷贝到此处后,点击【Save】保存后即可生效。 订阅 Ghost 支持网站向客户以订阅的方式售卖文章,是知识付费创业者的生产力工具。 登录Ghost,点击左侧菜单栏的【SETTING】>【Labs 】 分别对 Enable members, Connect to Stripe, Subscription...
所以笔者决定使用code injection的功能,将相关脚本注入到页面中。 添加元素脚本 脚本分两部分:1.生成对应的HTML元素,2.元素CSS样式 生成HTML 这部分主要是参考了这篇帖子,使用Ghost的API取得对应文章的相关属性进行显示。这部分的脚本,要注入到归档这篇文章的code injection中(不是全局!) ...
代码高亮可以使用PrismJS 库和 Ghost 的 Code injection 来实现,后者中的代码会加入到每个页面中。 具体做法是将 Prism 的 js(实现代码高亮) 和 css(主题) 地址分别插入到 Code injection 中的 foorter 和 header 中。地址可以使用 Cloudflare 提供的CDN 地址。
blog ghost 设置代码高亮.http:yvesyc.cn:8886ghostnginxreverseproxy效果图:放在后台Codeinjection中SiteHeader部分中代码<linkhref\
http://yvesyc.cn:8886/ghost-nginx-reverse-proxy/ 效果图: /* 放在后台Code injection中Site Header部分中代码 */ <linkhref="//cdn.bootcss.com/highlight.js/9.15.8/styles/monokai-sublime.min.css"rel="stylesheet"> /* 放在后台Code injection中Site Footer部分中代码 */ ...
6.Ghost升级 《如何将Ghost博客的Node版本升级至18.xx.x》7.文章排序 《如何在Ghost博客中调整文章帖子排序》8.Code Injection in Ghost 《如何在Ghost博客中使用Code Injection》9.文章分类与URL更改 《如何在Ghost博客中调整标签和作者的URL》本教程持续更新中……