episode icon indicating copy to clipboard operation
episode copied to clipboard

提议:为《开源面对面》创建官网

Open LinuxSuRen opened this issue 4 years ago • 53 comments

官网可以作为一个很好的让大家了解的途径。以下是针对官网建设的大致想法(建议):

技术

  • Hugo 作为网站渲染的工具
  • 申请一个域名
  • 不依赖后端(backend),可以作为纯前端项目

需求

  • 定制网站的首页,或者整个网站基本以一页为主来呈现主要内容
  • 可以在网站上收听播客内容
  • 考虑如何复用当前 repo 中的内容
  • 可以展示音频的播放量
  • 支持留言,可以通过 GitHub issue 获取论坛系统支持

LinuxSuRen avatar Feb 04 '22 13:02 LinuxSuRen

可参考的 Hugo Theme:

  • https://github.com/mattstratton/castanet
  • https://themes.gohugo.io/tags/podcast/

LinuxSuRen avatar Feb 12 '22 06:02 LinuxSuRen

托管在 Vercel 上,并配合 China DNS(爽歪了!)

juzhiyuan avatar Feb 15 '22 01:02 juzhiyuan

托管在 Vercel 上,并配合 China DNS(爽歪了!)

#til https://twitter.com/jjzhiyuan/status/1463740294050967552

thanks!

wey-gu avatar Feb 15 '22 16:02 wey-gu

@LinuxSuRen,

It seems https://github.com/mattstratton/castanet is a good choice while the statistic showing on the page cannot be fulfilled, if it's good to go with it I could create demos first to walkthrough configurations and designs needed to see further.

To have better statistic features, typlog could be a good candidate actually.

wey-gu avatar Mar 06 '22 12:03 wey-gu

I prefer to use an open-source project. Currently, I didn't have the enough reason to pay for that.

LinuxSuRen avatar Mar 07 '22 01:03 LinuxSuRen

用 Pages + Hugo 这种静态方案呢?只需买个域名即可。

MikeyWei avatar May 16 '22 14:05 MikeyWei

用 Pages + Hugo 这种静态方案呢?只需买个域名即可。

这样是可以的,甚至,在页面调试好之前都不需要买域名,可以先用 GitHub 提供的域名来用。现在确实是需要对此有兴趣的小伙伴来搞搞。

LinuxSuRen avatar May 16 '22 22:05 LinuxSuRen

Check this https://www.framer.com/sites/templates/

juzhiyuan avatar May 17 '22 04:05 juzhiyuan

用 Pages + Hugo 这种静态方案呢?只需买个域名即可。

I preferred this approach, too.

Actually, my site is already quite accessible in mainland China in exactly the same stack.

www.siwei.io on vercel.

siwei.io on cf/gh pages.

wey-gu avatar May 17 '22 18:05 wey-gu

看了一下Hugo + Pages的方案,基本上可以满足需求 ✅ 可以在网站上收听播客内容 音频 ❎ 可以展示音频的播放量 ✅ 支持留言,可以通过 GitHub issue 获取论坛系统支持 - utterances

le0zh0u avatar May 22 '22 14:05 le0zh0u

个人感觉官网最主要的还是信息展示,例如:嘉宾的信息、shownotes 等等。听播客的话,相信很多人还是通过某个客户端来听的。

LinuxSuRen avatar May 22 '22 14:05 LinuxSuRen

我来贡献一下域名和服务器资源,有没有小伙伴能提供一下技术支持的?

MikeyWei avatar Jul 08 '22 02:07 MikeyWei

我来贡献一下域名和服务器资源,有没有小伙伴能提供一下技术支持的?

非常赞。

考虑到我们已经发起过技术播客月了,如果能再进一步的话,甚至可以考虑以技术播客共建组的名义来为技术类播客提供以下的资源:

  • 域名(二级域名,或顶级域名的费用,证书等)
  • 服务器
  • 网站设计、维护人力资源

LinuxSuRen avatar Jul 08 '22 02:07 LinuxSuRen

我来贡献一下域名和服务器资源,有没有小伙伴能提供一下技术支持的?

非常赞。

考虑到我们已经发起过技术播客月了,如果能再进一步的话,甚至可以考虑以技术播客共建组的名义来为技术类播客提供以下的资源:

  • 域名(二级域名,或顶级域名的费用,证书等)
  • 服务器
  • 网站设计、维护人力资源

好主意,可以一步步来。先把开源面对面的官网搞一下。

MikeyWei avatar Jul 08 '22 02:07 MikeyWei

事实上,我发现内核恐慌这类(类似还有提前怀旧)的播客网站很不错,非常简约,直中要害。 image

而且相对来说页面十分简单,非常好做。

或许可以先来个 figma,确定一下大致的设计。

kang8 avatar Jul 08 '22 04:07 kang8

我觉得 hugo/docusaurus 的某一个 theme 就能满足我们的要求的,不是一定需要去设计。

wey-gu avatar Jul 08 '22 04:07 wey-gu

是的,hugo 的 theme 确实就能满足要求。

但看到内核恐慌的网站后觉得太棒了!除了对节目的解释外,其余就是各期的播客,可以直观的了解到该播客最近在做的事。

刚刚用 figma 大致画了一下,开源面对面做成那样的效果图:

image

figma link: https://www.figma.com/file/tnJqvyfu6KfBktQiZbVMTo/opensource-f2f-website-design?node-id=0%3A1

可以做个对比参考。

kang8 avatar Jul 08 '22 05:07 kang8

音播(津津乐道的内容服务品牌)这边可以为大家提供一些播客分发方面的帮助,包括:

  • 基于独立域名的播客分发、数据统计
  • 可以随时导出、迁移,不锁定内容的全功能音频内容托管服务
  • 不仅限于RSS渠道,还包括了一些第三方渠道的分发,如车机、传统广播电台的内容授权等
  • 基于本次共创的理念,这次参加技术播客月的节目我们都不向大家收取费用,并且帮助大家承担内容分发带来的流量成本
  • 其他一些细节可以大家一起再完善和商议。

我们基于Web的服务预计会在10月或11月正式上线,目前是内测期间,还不能自助开通,如有需求大家可以随时联系我手工加入就可以了。

zhufengme avatar Jul 08 '22 05:07 zhufengme

音播(津津乐道的内容服务品牌)这边可以为大家提供一些播客分发方面的帮助,包括:

  • 基于独立域名的播客分发、数据统计
  • 可以随时导出、迁移,不锁定内容的全功能音频内容托管服务
  • 不仅限于RSS渠道,还包括了一些第三方渠道的分发,如车机、传统广播电台的内容授权等
  • 基于本次共创的理念,这次参加技术播客月的节目我们都不向大家收取费用,并且帮助大家承担内容分发带来的流量成本
  • 其他一些细节可以大家一起再完善和商议。

我们基于Web的服务预计会在10月或11月正式上线,目前是内测期间,还不能自助开通,如有需求大家可以随时联系我手工加入就可以了。

太棒了,感谢!自建的来说最大的挑战就是统计功能比较难糊。

wey-gu avatar Jul 08 '22 08:07 wey-gu

不能发起投票,不知道大家对域名有什么倾向性吗?有的话请跟贴回复一下域名拼写、后缀的建议?

根据项目名字,我觉得如下2个域名拼写都还不错,后缀可选的比较多。

  • opensourcef2f
  • osf2f

MikeyWei avatar Jul 12 '22 09:07 MikeyWei

可以在 Discussions 中创建一个投票。

image

详情可见相关文档: https://docs.github.com/en/discussions/collaborating-with-your-community-using-discussions/collaborating-with-maintainers-using-discussions#starting-a-poll 。

kang8 avatar Jul 12 '22 10:07 kang8

@MikeyWei 对于 opensourcef2f 和 osf2f 这样两个域名都相当不错。

对于经常使用浏览器的我来说,osf2f 这样的短域名非常适合快熟输入跳转。

而 opensourcef2f 更语义化,在文章中引用能让读者一眼读懂该链接的含义。

kang8 avatar Jul 13 '22 01:07 kang8

可以在 Discussions 中创建一个投票。

image

详情可见相关文档: https://docs.github.com/en/discussions/collaborating-with-your-community-using-discussions/collaborating-with-maintainers-using-discussions#starting-a-poll 。

好,我得空发起个投票。

MikeyWei avatar Jul 13 '22 02:07 MikeyWei

根据大家的投票选择,购入了osf2f.net这个域名,已经在腾讯云购买了服务器。 请有意做官网制作和维护的同学联系我,添加服务器的访问权限。

MikeyWei avatar Jul 28 '22 07:07 MikeyWei

根据大家的投票选择,购入了osf2f.net这个域名,已经在腾讯云购买了服务器。 请有意做官网制作和维护的同学联系我,添加服务器的访问权限。

建议通过 CI/CD 来处理部署,减少直接对服务器的操作。

stevending1st avatar Jul 28 '22 08:07 stevending1st

建议通过 CI/CD 来处理部署,减少直接对服务器的操作。

是的,网站搞好后,可以用到 GitOps 来维护。

LinuxSuRen avatar Jul 28 '22 08:07 LinuxSuRen

@MikeyWei I can do it.

kang8 avatar Jul 28 '22 10:07 kang8

@MikeyWei I can do it.

Great! Please let us know if you have a solution for it.

LinuxSuRen avatar Jul 28 '22 10:07 LinuxSuRen

预约了一个在线会议,会议时间为本周日晚八点:2022年07月31日 20:00,入会链接 https://meeting.tencent.com/dm/IggHnvXKLiKm (腾讯会议号:944-327-193) 请对官网制作和运维感兴趣的小伙伴届时参加一下。

主要讨论:

  • 官网的内容、功能、技术栈和上线计划
  • 基本的分工与协作(内容的规划、设计与前端、后端与运维)
  • 域名&服务器管理权限
  • 其他事项

MikeyWei avatar Jul 28 '22 14:07 MikeyWei

Great! Please let us know if you have a solution for it.

具体实现

既然是官网,那么静态网站就够用了。看到之前的讨论大致上确定了使用 hugo 来构建。但具体模版并没有确定。

@LinuxSuRen 给出 mattstratton/castanet, frjo/hugo-theme-zenfunkydan2/alpha-church 三个模版参考。 @wey-gu 更喜欢 mattstratton/castanet。 但我更愿意参考 内核恐慌 来自定义模版,不过这样相对来说更麻烦,得从零构建模版,还得申请模版的使用权。但我会更有动力去实现它。

具体实现,在本仓库初始化 hugo,引入模版,按照 hugo 的格式规范下目录结构,再使用 github pages 即可完成,但考虑 github 访问问题,可以使用 @juzhiyuan 提到的托管到 Vercel 上,再配合 China DNS 来解决。

可以讨论下在这个过程服务器可以帮什么忙。

网站页面

更具上述讨论加上我的思考,要有的页面

  • 主页 – opf2f.net
  • 剧集 - /S01E00-xxx - 展示每一集 shownotes 内容
  • 关于 - /about - 相对于主页,进一步介绍开源面对面
  • 日程 - /schedule - 展示已经确定录制时间行程安排

其他

对于每一集的剧集,可以使用 giscus 来利用 GitHub Discussion 来引入评论。值得注意的是,因为是利用 github 来作为评论系统,所以要想留言的前提是拥有 github 账号,不知道这会不会是一个门槛?但仔细一想开源面对面的听众应该都是 CS 从业者,应该不成问题。

kang8 avatar Jul 31 '22 03:07 kang8