Notion 建立博客记录

之前在 Twitter 上吐槽过, WordPress 托管博客在续费等方面上出了些问题,也藉由现实里某些因素影响,最终决定抛弃包括 WP 在内的传统博客平台。但是 Notion 在国内的访问速度实在让人不安心,于是又续费了 WP 一年,看看 Notion 的本地化能否带来 访问速度的提升。

. . .

由于我对博客定位在于个人博客,并不是专门用来写设计或者游戏相关文章。所以空间上的间隔要严格区分开。这也是我不喜欢简书这款产品的原因,过于鱼龙混杂。

这里合并了一些之前博客细化的子菜单,基本分为四大类:

DESIGN 基本就是设计相关的内容,并且取消了专栏配置。因为近几年写下来发现,越去细分这些文章定位就越会限制住自己。然后增加了 分区,用来放置一些 for fun 的东西。

VIEW 图书漫画电影之类的无须自己去动作交互的东西。有时也想过写写电影的感想,但不是空洞就是无趣。之后会试试短幅文字的记录,像发微博一样。

GAME 每次在思考游戏对于我意味着什么的时候,都会感觉游戏其实可有可无都行。同时他又是生活里不可替代的一部分。成年人结束生命的动机千千万万,但总会因为那么几个理由坚强无奈的活下去。我觉得游戏并不在我的那几个理由之中,而是一位超越了离别苦痛的常年陪伴身边的老朋友。

LIFE 记录生活中的一些事。但大部分时候琐事很少能成文。

. . .

接下来就是规划每个页面的信息架构。由于 Notion 页面左上角自带面包屑导航所以都没算进去。

DESIGN

  • 大标题(DESIGN)
  • 描述(短句)
  • 微博的入口(/callout)
  • 推荐模块
  • 文章(按照发布时间顺序)
  • 小项目

其中文章 database 里的 property 为:

  • 作者(自己)
  • 原作者(大部分没有)
  • 标签
  • 发布时间(手动填)
  • 上次修改时间(自动更新)
  • 封面(用于封面展示)

同时把 Design Newsletters 更新一下,花费了一个下午时间。

VIEW

  • 大标题(DESIGN)
  • 描述(短句)
  • 推荐模块
  • 书(主要是摘录)
  • 电影(很少)
  • 闲聊区域(WIP,用于记录短幅感想)
  • property 和 DESIGN 里大同小异,不多说

GAME

  • 大标题(DESIGN)
  • 描述(短句)
  • 现在在玩的游戏展示
  • 下一个准备要玩的游戏(目前只展示一个)
  • 推荐/随便/不推荐 数据库
  • 近期想玩游戏的愿望单
  • 每年玩过的游戏记录
  • 游戏相关文章
  • 其他游戏相关(比如玩了很长时间的手游😅)
  • 游戏相关主页

LIFE

  • 大标题(DESIGN)
  • 描述(短句)
  • 文章模块
  • 几个……日常主页?

同时在这几个页面间做了相关跳转,事实上也只有这几个页面(还有几个页面,后面再详谈)做了 SLUG 简化。

最后以此回推到首页的结构:

  • 博客名称(Title)
  • 描述
  • 最喜欢的「一句话」环节 Comma
  • 微博的入口(去年新开的,比较看重这个)
  • 四个空间的导航
  • 独立的 About 页面
  • 最近更新(全部页面层级的@)
  • 应用墙(精选应用,WIP)
  • 常用主页(社交)
  • 底部 footer

之后想到什么好玩的再加进去,Notion 很灵活。

. . .

托 Notion 编辑器的福,我基本不用考虑自适应问题,可以专注于页面内容填充。

接下来就是域名等SEO问题了,但好在 Fruition 的这个 Toolkit 相当强大。只需要利用 Cloudflare 的 Workers 脚本便可以一举实现 Cloudflare 的加速、独立域名(包括 SLUG 分配)以及 Google Analytics。还附带了优先加载 Google font 的功能以应对一些某些移动端上出现衬线字体的情况。

下面列举一下该脚本的方便之处:

/* CONFIGURATION STARTS HERE */

  /* Step 1: enter your domain name like fruitionsite.com */
  const MY_DOMAIN = '我的域名';
  
  /*
   * Step 2: enter your URL slug to page ID mapping
   * The key on the left is the slug (without the slash)
   * The value on the right is the Notion page ID
   */
  const SLUG_TO_PAGE = {
    '': '--主页SLUG--',
    'design': 'DESIGN 页的SLUG',
    'design/newsletter': '--如上对应的SLUG--',
    'view': '--对应SLUG--',
    'game': '--对应SLUG--',
    'life': '--对应SLUG--',
    'about': '--对应SLUG--',
    'comma': '--对应SLUG--',
  };
  
  /* Step 3: enter your page title and description for SEO purposes */
  const PAGE_TITLE = '博客标题';
  const PAGE_DESCRIPTION = '博客描述,与description属性有关系';
  
  /* Step 4: enter a Google Font name, you can choose from https://fonts.google.com */
  const GOOGLE_FONT = '选择你的Google 字体,中文的话没什么选择,就 Noto Sans SC 吧';
  
  /* Step 5: enter any custom scripts you'd like */
  const CUSTOM_SCRIPT = `此处copy你的GA验证等其他脚本`;

事实证明这种 GA 验证方法单个页面加入 https://github.com/mskims/notion-ga 方便多了,不用每个页面都去 Embed 一个脚本,也规避了新的 GA4 各种麻烦之处。

生效同时,脚本还会给你生成一个 sitemap.xml 文件。路径就是常规的

https://’ + 你的域名 + ‘/sitemap.xml

但实际上这个 sitemap 逻辑并不会更新至全部页面,上面只有被自定义 SLUG 替换后的页面……所有的 Page 很难被爬进收录。

. . .

目前最主要担心的问题是,有时首页的 vendors~main.js 和 app.js 的加载巨慢无比,很依赖网络环境。就像本文开头部分所说的一样,几分钟几分钟的加载速度,非常尴尬。

Notion 建立博客记录》有2个想法

  1. 还是建议保留Wordpress,新版本的Wordpress的移动端应用已经打磨得很好了,而且透过Jetpack能够做到订阅与评论,可以说是一种博客的联结体,在我的角度看来,比Notion要更合适。

    1. 续费了,否则也不会又发回来。Notion 做为一个笔记应用干这干那要优化的点还是多。

      Liked by 1 person

发表评论

Fill in your details below or click an icon to log in:

WordPress.com 徽标

您正在使用您的 WordPress.com 账号评论。 注销 /  更改 )

Google photo

您正在使用您的 Google 账号评论。 注销 /  更改 )

Twitter picture

您正在使用您的 Twitter 账号评论。 注销 /  更改 )

Facebook photo

您正在使用您的 Facebook 账号评论。 注销 /  更改 )

Connecting to %s

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理

<span>%d</span> 博主赞过:
search previous next tag category expand menu location phone mail time cart zoom edit close