search

opensource-f2f / episode

开源面对面，连接热爱开源的你！Episodes for the open-source face-to-face talk!
https://osf2f.net
Apache License 2.0
286 stars 19 forks source link

提议：为《开源面对面》创建官网 #32

Closed LinuxSuRen closed 1 year ago

LinuxSuRen commented 2 years ago

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

技术

需求

LinuxSuRen commented 2 years ago

可参考的 Hugo Theme：

juzhiyuan commented 2 years ago

托管在 Vercel 上，并配合 China DNS（爽歪了！）

wey-gu commented 2 years ago

托管在 Vercel 上，并配合 China DNS（爽歪了！）

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

thanks!

wey-gu commented 2 years ago

@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.

LinuxSuRen commented 2 years ago

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

MikeyWei commented 2 years ago

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

LinuxSuRen commented 2 years ago

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

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

juzhiyuan commented 2 years ago

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

wey-gu commented 2 years ago

用 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.

le0zh0u commented 2 years ago

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

LinuxSuRen commented 2 years ago

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

MikeyWei commented 2 years ago

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

LinuxSuRen commented 2 years ago

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

非常赞。

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

MikeyWei commented 2 years ago

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

非常赞。

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

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

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

kang8 commented 2 years ago

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

image

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

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

wey-gu commented 2 years ago

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

kang8 commented 2 years ago

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

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

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

image

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

可以做个对比参考。

zhufengme commented 2 years ago

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

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

wey-gu commented 2 years ago

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

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

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

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

MikeyWei commented 2 years ago

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

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

kang8 commented 2 years ago

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

image

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

kang8 commented 2 years ago

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

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

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

MikeyWei commented 2 years ago

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

image

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

好，我得空发起个投票。

MikeyWei commented 2 years ago

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

stevending1st commented 2 years ago

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

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

LinuxSuRen commented 2 years ago

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

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

kang8 commented 2 years ago

@MikeyWei I can do it.

LinuxSuRen commented 2 years ago

@MikeyWei I can do it.

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

MikeyWei commented 2 years ago

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

主要讨论：

kang8 commented 2 years ago

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

具体实现

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

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

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

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

网站页面

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

其他

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

LinuxSuRen commented 2 years ago

申请模版的使用权

这个大概怎么操作呢？

kang8 commented 2 years ago

这个大概怎么操作呢？

可能我表达的意思不太对。内核恐慌网站风格鲜明，如果一声不吭的将其网站复刻过来总觉得不太好，所以需要给内核恐慌主播发送邮件，表明来意，询问是否可以复刻其网站样式。

内核恐慌主播们的其他播客，也是同一风格：

LinuxSuRen commented 2 years ago

@kang8 明白了，支持+1

LinuxSuRen commented 2 years ago

会议纪要：

Action:

MikeyWei commented 2 years ago

会议纪要：

  • 技术栈

    • Vercel + Hugo

  • 网站需要有的内容（ 板块）

    • 除 @kang8 建议的外，提供一些统计数据
    • 关于（或其他地方）加听友互动的渠道
  • 权限

Action:

  • 网站建设部分，由 @kang8 和 @sxzz 推进
  • @MikeyWei 设立腾讯企业邮箱
  1. 域名邮箱已开通，选择了阿里云邮箱，原因见 https://www.iplaysoft.com/free-domain-email.html
  2. 请有需要的同学找我（@MikeyWei ）开通所需的邮箱账号，初次登录后自行修改密码。初次登陆邮箱阿里自动发送的欢迎说明邮件所指向的文档404了，使用邮件客户端绑定邮箱的方法见 http://mailhelp.mxhichina.com/smartmail/admin/list.htm?catId=8311402
  3. 创建了 Contact US 邮件组 hi@osf2f.net，目前有 @LinuxSuRen @wey-gu @MikeyWei @kang8 ，有需要加入的小伙伴可联系我（@MikeyWei ）。
sxzz commented 2 years ago

对了，Vercel 的免费版本是不支持组织的，需要开通 $20 per user / month 的 Pro 版。 https://vercel.com/pricing

LinuxSuRen commented 2 years ago

@sxzz 收到。个人账号也影响不大。

sxzz commented 2 years ago

@LinuxSuRen 我指的是 GitHub 仓库的组织。或许也可以借助 GitHub actions 来做自动化部署。

Error:Git repositories of GitHub organizations can only be connected to projects in Teams on Vercel. Not projects in Personal Accounts. Learn More

image
LinuxSuRen commented 2 years ago

我指的是 GitHub 仓库的组织。或许也可以借助 GitHub actions 来做自动化部署。

意思是说，org 下的 repo 只能用 team（免费版本），对吗？那我刚才理解有误。

嗯，可以考虑用 GitHub Actions

MikeyWei commented 2 years ago

@LinuxSuRen 我指的是 GitHub 仓库的组织。或许也可以借助 GitHub actions 来做自动化部署。

Error:Git repositories of GitHub organizations can only be connected to projects in Teams on Vercel. Not projects in Personal Accounts. Learn More

image

如果是这样，就不必用这个工具了。

sxzz commented 2 years ago

基于 @kang8 的 Figma 设计稿，我修改了一些样式 https://www.figma.com/file/Z24UWz9gKMvIwaBqdGBIoq/opensource-f2f-website-design-sxzz

image image

sxzz commented 2 years ago

image

另外想问问大家，左右两种样式哪种好一些？

kang8 commented 2 years ago

左右两种样式哪种好一些

我更喜欢左边的样式

wey-gu commented 2 years ago

好棒，我也偏好左边/上边的样式哈。

wey-gu commented 2 years ago

footer 可以改成像这样？

Designed & Made by 内核恐慌、Kang and sxzz with ❤️

MikeyWei commented 2 years ago

image

另外想问问大家，左右两种样式哪种好一些？

个人更喜欢左侧的布局，视觉上结构化更清晰。 PS：对于暗夜模式，个人觉得可有可无，因为我平时不用这个模式，有点伤眼睛。

sxzz commented 2 years ago

PS：对于暗夜模式，个人觉得可有可无，因为我平时不用这个模式，有点伤眼睛。

因为目前很多网站都有黑暗模式了，系统级的开关也有了。用户可以自由选择开或不开。后续如果觉得颜色不合适再调整。

MikeyWei commented 2 years ago

PS：对于暗夜模式，个人觉得可有可无，因为我平时不用这个模式，有点伤眼睛。

因为目前很多网站都有黑暗模式了，系统级的开关也有了。用户可以自由选择开或不开。后续如果觉得颜色不合适再调整。

嗯，加个系统级开关，让用户自己选择这个方式挺好。

MikeyWei commented 2 years ago

ICP备案申请已通过（京ICP备2022023077号），请按照管局要求将网站备案号展示在网站首页底部，并链接到工信部首页（https://beian.miit.gov.cn/） Sponsored by 声网

MikeyWei commented 2 years ago

@sxzz 项目官网开发过程的直播之一 https://www.bilibili.com/video/BV1hG4y1674z