V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
discrete
V2EX  ›  分享创造

🚀 Static Motion: 基于 Notion.so 的静态网站生成器

  •  
  •   discrete · 2017-08-08 09:37:18 +08:00 · 4020 次点击
    这是一个创建于 2663 天前的主题,其中的信息可能已经有所发展或是发生改变。

    先丢 demo:

    https://staticmotion.zenan.chhttps://blog.zenan.ch

    GitHub:

    https://github.com/alanzchen/static-motion

    快速部署

    啥都不需要,你甚至都不需要 clone 到本地。只需要一个 Github 账号!

    1. Fork 这个项目。
    2. 在 Netlify 注册一个新的 site (拽一个空 zip 进去),同时记下 Site ID 并注册一个 Access Token。
    3. 在 Travis CI 中,为刚 Fork 的 repo 启用 Travis CI。设置环境变量(见下)。
    4. 没下一步了!让 Travis CI build 一次吧。两分钟后,你的网站应该已经在 Netlify 上启用了。

    当然,还有一些非常方便的自定义选项( Google Analytics + Disqus ),详见: https://staticmotion.zenan.ch/customization

    环境变量

    (懒得翻译了,反正估计看名字看得懂)

    See conf.py for example.

    • ACCESS_TOKEN: fill your Netlify access token. (Remember to secure it!)
    • SITE_ID: The "API ID" of your Netlify site.
    • index: The URL of your index page on Notion.so.
    • title_sep: Your title separator. No space around!
    • description: Your site description. "Remember to quote your string!"
    • base_url: Your site URL. (must end with /)
    • twitter: Your twitter ID. Declare an empty string if you do not want it.
    • build_mobile: Will build a mobile version of your entire site at /m/ if this option present.

    已知问题

    • Embedded elements might not work.
      • Embedded tweets are not working.
    • Fonts in code blocks may flicker slightly.
    • Pages with the same base url but with different hash cannot coexist in the same site.

    Stack

    这其实是一个非常非典型的「生成器」。

    Static Motion = Selenium + Chrome + Beautiful Soup

    由 Travis CI 自动抓取并部署到 Netlify 上。

    由于本质上是爬虫,并进行一些非常 dirty 的处理,Static Motion 可能因为 Notion.so 界面的改变而随时 break down。不建议使用在生产环境中,个人博客和主页可以考虑折腾一下。

    为什么 Notion.so 写博客?

    好用啊!排版非常自由,组建丰富,编辑体验好……

    EOF

    欢迎 Fork and merge!

    附: 前情提要 /t/372177

    9 条回复    2017-08-11 17:42:42 +08:00
    mlhorizon
        1
    mlhorizon  
       2017-08-08 10:18:12 +08:00
    Notion.so 的编辑器确实不错,干脆一并仿造一个出来。
    goldenlove
        2
    goldenlove  
       2017-08-08 14:46:33 +08:00
    会玩,已 star。
    不过貌似 Notion 本身的共享链接已经够用了...
    discrete
        3
    discrete  
    OP
       2017-08-08 15:02:32 +08:00
    @goldenlove 分享笔记是够用了,但是不适合变成独立网站。
    S1ahs3r
        4
    S1ahs3r  
       2017-08-08 15:09:28 +08:00
    Cool....最近在把笔记转移到 Notion,看到大家都在用突然有信心以后付费了...
    JimmyLv
        5
    JimmyLv  
       2017-08-08 22:03:32 +08:00
    rakume
        6
    rakume  
       2017-08-08 23:56:09 +08:00
    Notion 贼棒,看到第一眼就爱上;学生免费什么的,也是超赞的
    discrete
        7
    discrete  
    OP
       2017-08-09 01:55:05 +08:00 via iPhone
    @rakume 有学生免费这种东西啊……我居然不知道!
    rakume
        8
    rakume  
       2017-08-09 08:19:18 +08:00
    @discrete 在 Plans 下面有 「 Schools, students, non-profits? Message us 」
    zouyun5152
        9
    zouyun5152  
       2017-08-11 17:42:42 +08:00
    不错是不错,但是非程序员还真不知道咋用,尴尬… Notion 一直在用
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1246 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 18:03 · PVG 02:03 · LAX 10:03 · JFK 13:03
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.