我可以用CSS和HTML制作自定义按钮吗?

我想做一个像这样的按钮,但它说这是 CSS 和 HTML,我在哪里可以自定义 HTML 的 Discourse?和放置 CSS 的同一个链接?

使用 HTML 和 CSS 在按钮上实现酷炫发光效果 | CodingNepal - YouTube

一个起点是 Discourse 主题开发入门指南

1 个赞

您是想在帖子中添加按钮(在这种情况下,请参阅此主题),还是想自定义 Discourse 界面的现有按钮?

是的,但如果您想添加一个按钮到 Discourse 的界面,那又是另一回事了,需要编程。

顺便说一句,这个视频让我很困扰,因为创作者没有提供任何指向实际代码的链接(像 https://codepen.io 这样的网站对于处理这类东西非常有用)。这是相当高级的 CSS,手动从视频中复制会很麻烦。

出于好奇,我在网上搜索了一下,代码在他们的网站上发布了。


为了补充 Jay 的回复,我将添加 https://meta.discourse.org/t/make-css-changes-on-your-site/168101,如果您的唯一目的是自定义网站的 HTML 样式,这可能会更直接。

最后但同样重要的是,Discourse 论坛有一个很棒的预装插件,名为 Styleguide,您可以启用它,它将显示论坛几乎所有的元素及其当前的样式:

首先,启用 Styleguide 页面:
管理面板 → 插件 → Styleguide → :gear:设置 → 勾选 styleguide enabled :white_check_mark:

然后,您可以转到 Styleguide 页面。只需将 /styleguide 添加到您的论坛 URL 即可查看:

如果您对 CSS 和整体样式设计不太了解,我强烈建议您在着手这个按钮项目之前,先学习基础知识

1 个赞

你好,谢谢你的帖子

哇,非常感谢您向我展示这个风格指南,我不知道有这个功能!我非常感激!我将按照您发送给我的链接来设计我网站上的按钮!在这种情况下,我曾犹豫不决,因为视频中显示您需要使用 HTML 和 CSS,但我认为 discourse 只接受 CSS!非常感谢您向我展示这些东西!

2 个赞