Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
LinuxSuRen opened this issue Feb 4, 2022 · 60 comments
Closed

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

LinuxSuRen opened this issue Feb 4, 2022 · 60 comments
Assignees

Comments

@LinuxSuRen
Copy link
Member

LinuxSuRen commented Feb 4, 2022

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

技术

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

需求

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

LinuxSuRen commented Feb 12, 2022

@juzhiyuan
Copy link
Contributor

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

@wey-gu
Copy link
Member

wey-gu commented Feb 15, 2022

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

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

thanks!

@wey-gu
Copy link
Member

wey-gu commented Mar 6, 2022

@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
Copy link
Member Author

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

@MikeyWei
Copy link
Contributor

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

@LinuxSuRen
Copy link
Member Author

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

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

@juzhiyuan
Copy link
Contributor

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

@wey-gu
Copy link
Member

wey-gu commented May 17, 2022

用 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
Copy link

le0zh0u commented May 22, 2022

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

@LinuxSuRen
Copy link
Member Author

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

@MikeyWei
Copy link
Contributor

MikeyWei commented Jul 8, 2022

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

@LinuxSuRen
Copy link
Member Author

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

非常赞。

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

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

@MikeyWei
Copy link
Contributor

MikeyWei commented Jul 8, 2022

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

非常赞。

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

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

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

@kang8
Copy link
Member

kang8 commented Jul 8, 2022

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

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

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

@wey-gu
Copy link
Member

wey-gu commented Jul 8, 2022

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

@kang8
Copy link
Member

kang8 commented Jul 8, 2022

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

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

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

image

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

可以做个对比参考。

@zhufengme
Copy link

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

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

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

@wey-gu
Copy link
Member

wey-gu commented Jul 8, 2022

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

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

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

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

@MikeyWei
Copy link
Contributor

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

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

  • opensourcef2f
  • osf2f

@kang8
Copy link
Member

kang8 commented Jul 12, 2022

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

image

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

@kang8
Copy link
Member

kang8 commented Jul 13, 2022

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

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

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

@MikeyWei
Copy link
Contributor

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

image

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

好,我得空发起个投票。

@MikeyWei
Copy link
Contributor

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

@stevending1st
Copy link
Contributor

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

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

@LinuxSuRen
Copy link
Member Author

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

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

@kang8
Copy link
Member

kang8 commented Jul 28, 2022

@MikeyWei I can do it.

@LinuxSuRen
Copy link
Member Author

@MikeyWei I can do it.

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

@MikeyWei
Copy link
Contributor

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

主要讨论:

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

@LinuxSuRen
Copy link
Member Author

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

@sxzz
Copy link
Member

sxzz commented Aug 2, 2022

@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
Copy link
Member Author

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

意思是说,org 下的 repo 只能用 team(免费版本),对吗?那我刚才理解有误。

嗯,可以考虑用 GitHub Actions

@MikeyWei
Copy link
Contributor

MikeyWei commented Aug 2, 2022

@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
Copy link
Member

sxzz commented Aug 5, 2022

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

image
image

@sxzz
Copy link
Member

sxzz commented Aug 5, 2022

image

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

@kang8
Copy link
Member

kang8 commented Aug 6, 2022

左右两种样式哪种好一些

我更喜欢左边的样式

@wey-gu
Copy link
Member

wey-gu commented Aug 6, 2022

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

@wey-gu
Copy link
Member

wey-gu commented Aug 6, 2022

footer 可以改成像这样?

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

@MikeyWei
Copy link
Contributor

MikeyWei commented Aug 6, 2022

image

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

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

@sxzz
Copy link
Member

sxzz commented Aug 6, 2022

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

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

@MikeyWei
Copy link
Contributor

MikeyWei commented Aug 6, 2022

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

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

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

@MikeyWei
Copy link
Contributor

MikeyWei commented Aug 9, 2022

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

@MikeyWei
Copy link
Contributor

MikeyWei commented Sep 4, 2022

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

@sxzz
Copy link
Member

sxzz commented Sep 4, 2022

目前部署的地址为 https://opensource-f2f.vercel.app/ (尚未开发完毕)

@wey-gu wey-gu assigned sxzz, kang8 and MikeyWei and unassigned wey-gu Sep 4, 2022
@sxzz
Copy link
Member

sxzz commented Sep 22, 2022

https://vercel.com/guides/can-vercel-sponsor-my-open-source-project

是否可以找 Vercel 发封邮件赞助本项目?这样子用 Vercel 托管项目就更方便一些了

@LinuxSuRen
Copy link
Member Author

是否可以找 Vercel 发封邮件赞助本项目?这样子用 Vercel 托管项目就更方便一些了

这是个好主意,大家可以草拟一份邮件发过去。

@sxzz
Copy link
Member

sxzz commented Sep 22, 2022

已绑定域名 osf2f.net 速度不错

image

@wey-gu
Copy link
Member

wey-gu commented Sep 22, 2022

已绑定域名 osf2f.net 速度不错

image

飞快

@LinuxSuRen
Copy link
Member Author

image
这里的地址已更换

@MikeyWei
Copy link
Contributor

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

记得在网站底部把备案信息和赞助鸣谢也加一下哈。网站上线30天内,还要去登录“全国公安机关互联网安全管理服务平台”做公安备案。

@LinuxSuRen
Copy link
Member Author

记得在网站底部把备案信息和赞助鸣谢也加一下哈。网站上线30天内,还要去登录“全国公安机关互联网安全管理服务平台”做公安备案。

See also opensource-f2f/website#14

@LinuxSuRen
Copy link
Member Author

任何对改完整流量统计信息感兴趣、想聊天的朋友们,可以把自己的 Google 邮箱发我,把大家加进去。

@LinuxSuRen
Copy link
Member Author

网站已经基本完成了主要功能,感谢每一位参与讨论、建设的朋友们!!!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Development

No branches or pull requests

9 participants