feat: syncode

solome · Nov 9, 2023 · a7e9768 · a7e9768
1 parent 79dec13
commit a7e9768
Show file tree

Hide file tree

Showing 6 changed files with 145 additions and 43 deletions.
diff --git a/db.json b/db.json
diff --git a/docs/beijing-wildlife-park-play/index.html b/docs/beijing-wildlife-park-play/index.html
@@ -7,25 +7,26 @@
 
   <title>北京漫游：大兴野生动物园 | 掬一捧清水窺月落</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <meta name="description" content="休憩的小熊猫         春天盛开的梨花         睡午觉的母狮          奇奇怪怪的羊驼         乐呵的长尾猴         谈情说爱的鹦鹉         乞食的小熊猫         卖萌的小熊猫         一路疲倦         归途背影">
+  <meta name="description" content="缘起最近恋上小红书（很难想象我会成为小红书的重度用户）——也就是在某天晚上在小红书上刷到了大兴野生动物园里面关于小熊猫的内容——天啊~为什么地球上有这么可爱的小动物！ 我想去现场瞧一瞧。但曾经逛西安海洋馆的悲伤记忆还在，我实在接受不了关在笼子里面的动物——没有自由、眼神永远无助。犹豫了好一阵子，又觉得新冠疫情结束，可以将去北京大兴野生动物园看小熊猫当作二〇二三年看看大大世界的第一站——怀着期待和忐">
 <meta property="og:type" content="article">
 <meta property="og:title" content="北京漫游：大兴野生动物园">
 <meta property="og:url" content="http://solome.js.org/blog/beijing-wildlife-park-play/index.html">
 <meta property="og:site_name" content="掬一捧清水窺月落">
-<meta property="og:description" content="休憩的小熊猫         春天盛开的梨花         睡午觉的母狮          奇奇怪怪的羊驼         乐呵的长尾猴         谈情说爱的鹦鹉         乞食的小熊猫         卖萌的小熊猫         一路疲倦         归途背影">
+<meta property="og:description" content="缘起最近恋上小红书（很难想象我会成为小红书的重度用户）——也就是在某天晚上在小红书上刷到了大兴野生动物园里面关于小熊猫的内容——天啊~为什么地球上有这么可爱的小动物！ 我想去现场瞧一瞧。但曾经逛西安海洋馆的悲伤记忆还在，我实在接受不了关在笼子里面的动物——没有自由、眼神永远无助。犹豫了好一阵子，又觉得新冠疫情结束，可以将去北京大兴野生动物园看小熊猫当作二〇二三年看看大大世界的第一站——怀着期待和忐">
 <meta property="og:locale" content="en_US">
 <meta property="og:image" content="http://s2.loli.net/2023/11/07/85sLrEIf6AWzC34.jpg">
+<meta property="og:image" content="http://solome.js.org/static/beijing-wildlife-park-play/timing.svg">
 <meta property="og:image" content="http://s2.loli.net/2023/11/07/lnsU7M4cSLvypzb.jpg">
-<meta property="og:image" content="http://s2.loli.net/2023/11/07/HKJnwB7zEOcNC69.jpg">
-<meta property="og:image" content="http://s2.loli.net/2023/11/07/xGRQfrYodbKAIvs.jpg">
-<meta property="og:image" content="http://s2.loli.net/2023/11/07/kStKQ5uT8MfUyNz.jpg">
 <meta property="og:image" content="http://s2.loli.net/2023/11/07/QYdOzVbJx1lB7qK.jpg">
+<meta property="og:image" content="http://s2.loli.net/2023/11/07/kStKQ5uT8MfUyNz.jpg">
 <meta property="og:image" content="http://s2.loli.net/2023/11/07/1CubiN6DwyzhaMU.jpg">
 <meta property="og:image" content="http://s2.loli.net/2023/11/07/cnNBUu46jpYalWq.jpg">
+<meta property="og:image" content="http://s2.loli.net/2023/11/07/HKJnwB7zEOcNC69.jpg">
+<meta property="og:image" content="http://s2.loli.net/2023/11/07/xGRQfrYodbKAIvs.jpg">
 <meta property="og:image" content="http://s2.loli.net/2023/11/07/xNaAXFOjoi1byR7.jpg">
 <meta property="og:image" content="http://s2.loli.net/2023/11/07/HfUlDCrjZsea1Xo.jpg">
 <meta property="article:published_time" content="2023-03-19T15:30:00.000Z">
-<meta property="article:modified_time" content="2023-11-07T17:19:44.268Z">
+<meta property="article:modified_time" content="2023-11-09T15:18:29.777Z">
 <meta property="article:author" content="掬一捧">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:image" content="http://s2.loli.net/2023/11/07/85sLrEIf6AWzC34.jpg">
@@ -110,37 +111,41 @@ <h1 class="article-title" itemprop="name">
     </header>
 
     <div class="article-entry" itemprop="articleBody">
-       <figure>
+       <h3 id="缘起"><a href="#缘起" class="headerlink" title="缘起"></a>缘起</h3><p>最近恋上<a target="_blank" rel="noopener" href="https://www.xiaohongshu.com/explore">小红书</a>（很难想象我会成为<strong>小红书</strong>的重度用户）——也就是在某天晚上在小红书上刷到了大兴野生动物园里面关于小熊猫的内容——天啊~为什么地球上有这么可爱的小动物！</p>
+<p>我想去现场瞧一瞧。但曾经逛西安海洋馆的悲伤记忆还在，我实在接受不了关在笼子里面的动物——没有自由、眼神永远无助。犹豫了好一阵子，又觉得新冠疫情结束，可以将去北京大兴野生动物园看小熊猫当作二〇二三年看看大大世界的第一站——怀着期待和忐忑的情绪，小熊猫我们来了。</p>
+<figure>
   <img style="width: 100%;" src="//s2.loli.net/2023/11/07/85sLrEIf6AWzC34.jpg" alt="休憩的小熊猫" />
   <figcaption>休憩的小熊猫</figcaption>
 </figure>
 
+<h3 id="规划"><a href="#规划" class="headerlink" title="规划"></a>规划</h3><p>下定决心，忽悠好好友，开始研究攻略、做规划。</p>
+<p><strong>时间线</strong><br>从小红书的关于大兴野生动物园的视频来看，排除掉周六日——北京人太多人太多。然后周一猛兽区不营业，最终选择3月28日周二请假一天去看小熊猫。出发时间是早上 6:00，意味着 5:30 前就要起床——青春坟墓依赖症同学面临者极大挑战。</p>
 <figure>
-  <img style="width: 100%;" src="//s2.loli.net/2023/11/07/lnsU7M4cSLvypzb.jpg" alt="春天盛开的梨花" />
-  <figcaption>春天盛开的梨花</figcaption>
+  <img style="width: 100%;max-width:360px;" src="//solome.js.org/static/beijing-wildlife-park-play/timing.svg" alt="时间线安排" />
+  <figcaption>时间线安排</figcaption>
 </figure>
 
+<p><strong>交通</strong><br>我们两波人都选择最实惠的交通工具（地铁和公交），一波回龙观到大兴野生动物园（13元/2小时9分钟），另一波望京到大兴野生动物园（12元/2小时5分钟）。感叹北京人多地广之外，交通还贼便携。</p>
+<p><strong>蔬菜、水果</strong><br>筹备了苹果、胡萝卜和白菜。进园是不让带的，奈何周二人少，门禁管理阿姨也是睁一只眼放我们大背包进去了。</p>
+<h3 id="心满意足"><a href="#心满意足" class="headerlink" title="心满意足"></a>心满意足</h3><p><strong>春天</strong></p>
 <figure>
-  <img style="width: 100%;" src="//s2.loli.net/2023/11/07/HKJnwB7zEOcNC69.jpg" alt="睡午觉的母狮" />
-  <figcaption>睡午觉的母狮</figcaption>
+  <img style="width: 100%;" src="//s2.loli.net/2023/11/07/lnsU7M4cSLvypzb.jpg" alt="春天盛开的梨花" />
+  <figcaption>春天盛开的梨花</figcaption>
 </figure>
 
-
+<p><strong>鹦鹉</strong></p>
 <figure>
-  <img style="width: 100%;" src="//s2.loli.net/2023/11/07/xGRQfrYodbKAIvs.jpg" alt="奇奇怪怪的羊驼" />
-  <figcaption>奇奇怪怪的羊驼</figcaption>
+  <img style="width: 100%;" src="//s2.loli.net/2023/11/07/QYdOzVbJx1lB7qK.jpg" alt="谈情说爱的鹦鹉" />
+  <figcaption>谈情说爱的鹦鹉</figcaption>
 </figure>
 
+<p><strong>长尾猴</strong></p>
 <figure>
   <img style="width: 100%;" src="//s2.loli.net/2023/11/07/kStKQ5uT8MfUyNz.jpg" alt="乐呵的长尾猴" />
   <figcaption>乐呵的长尾猴</figcaption>
 </figure>
 
-<figure>
-  <img style="width: 100%;" src="//s2.loli.net/2023/11/07/QYdOzVbJx1lB7qK.jpg" alt="谈情说爱的鹦鹉" />
-  <figcaption>谈情说爱的鹦鹉</figcaption>
-</figure>
-
+<p><strong>小熊猫</strong></p>
 <figure>
   <img style="width: 100%;" src="//s2.loli.net/2023/11/07/1CubiN6DwyzhaMU.jpg" alt="乞食的小熊猫" />
   <figcaption>乞食的小熊猫</figcaption>
@@ -151,6 +156,19 @@ <h1 class="article-title" itemprop="name">
   <figcaption>卖萌的小熊猫</figcaption>
 </figure>
 
+<p><strong>猛禽区</strong></p>
+<figure>
+  <img style="width: 100%;" src="//s2.loli.net/2023/11/07/HKJnwB7zEOcNC69.jpg" alt="睡午觉的母狮" />
+  <figcaption>睡午觉的母狮</figcaption>
+</figure>
+
+<p><strong>羊驼</strong></p>
+<figure>
+  <img style="width: 100%;" src="//s2.loli.net/2023/11/07/xGRQfrYodbKAIvs.jpg" alt="奇奇怪怪的羊驼" />
+  <figcaption>奇奇怪怪的羊驼</figcaption>
+</figure>
+
+<p><strong>归途</strong></p>
 <figure>
   <img style="width: 100%;" src="//s2.loli.net/2023/11/07/xNaAXFOjoi1byR7.jpg" alt="一路疲倦" />
   <figcaption>一路疲倦</figcaption>
@@ -160,6 +178,8 @@ <h1 class="article-title" itemprop="name">
   <img style="width: 100%;" src="//s2.loli.net/2023/11/07/HfUlDCrjZsea1Xo.jpg" alt="归途背影" />
   <figcaption>归途背影</figcaption>
 </figure>
+
+<p><a target="_blank" rel="noopener" href="https://www.xiaohongshu.com/explore">小红书</a>为啥吸引我？主要有两点：① 发现页推荐逻辑清晰、干净；② 搜索结果价值高。其中 ① 体现在首屏给四个（iPhone 版）推荐项，分别是近期访问相关（科技资讯）、猫、Switch 相关和一个手机壳赞助（广告）——无论刷新几次，这四类大方向不会存在过多变化——而淘宝、京东等的推荐，信息量太大，巴不得吸引我掏出口袋里那几个子。而 ② 是吸引我持续使用的最主要原因——我把小红书当百度来用，有兴趣的同学可以用「猫粮」、「感冒药」分别用小红书、百度搜索对比下，看看谁的结果是搜索者真正想要的——又得吐槽百度这家公司产品有多「废」。</p>
 
     </div>
     <footer class="article-footer">

diff --git a/docs/css/style.css b/docs/css/style.css
@@ -1398,3 +1398,14 @@ code {
   color: #5a842b;
   font-family: monospace, "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier;
 }
+@media screen and (max-width: 479px) {
+  .outer {
+    padding-top: 0;
+  }
+  .article-entry figure {
+    margin: 0 0 10px 0;
+  }
+  #logo-wrap {
+    padding: 38px 0 0 20px;
+  }
+}
diff --git a/docs/index.html b/docs/index.html
@@ -304,37 +304,41 @@ <h1 itemprop="name">
     </header>
 
     <div class="article-entry" itemprop="articleBody">
-       <figure>
+       <h3 id="缘起"><a href="#缘起" class="headerlink" title="缘起"></a>缘起</h3><p>最近恋上<a target="_blank" rel="noopener" href="https://www.xiaohongshu.com/explore">小红书</a>（很难想象我会成为<strong>小红书</strong>的重度用户）——也就是在某天晚上在小红书上刷到了大兴野生动物园里面关于小熊猫的内容——天啊~为什么地球上有这么可爱的小动物！</p>
+<p>我想去现场瞧一瞧。但曾经逛西安海洋馆的悲伤记忆还在，我实在接受不了关在笼子里面的动物——没有自由、眼神永远无助。犹豫了好一阵子，又觉得新冠疫情结束，可以将去北京大兴野生动物园看小熊猫当作二〇二三年看看大大世界的第一站——怀着期待和忐忑的情绪，小熊猫我们来了。</p>
+<figure>
   <img style="width: 100%;" src="//s2.loli.net/2023/11/07/85sLrEIf6AWzC34.jpg" alt="休憩的小熊猫" />
   <figcaption>休憩的小熊猫</figcaption>
 </figure>
 
+<h3 id="规划"><a href="#规划" class="headerlink" title="规划"></a>规划</h3><p>下定决心，忽悠好好友，开始研究攻略、做规划。</p>
+<p><strong>时间线</strong><br>从小红书的关于大兴野生动物园的视频来看，排除掉周六日——北京人太多人太多。然后周一猛兽区不营业，最终选择3月28日周二请假一天去看小熊猫。出发时间是早上 6:00，意味着 5:30 前就要起床——青春坟墓依赖症同学面临者极大挑战。</p>
 <figure>
-  <img style="width: 100%;" src="//s2.loli.net/2023/11/07/lnsU7M4cSLvypzb.jpg" alt="春天盛开的梨花" />
-  <figcaption>春天盛开的梨花</figcaption>
+  <img style="width: 100%;max-width:360px;" src="//solome.js.org/static/beijing-wildlife-park-play/timing.svg" alt="时间线安排" />
+  <figcaption>时间线安排</figcaption>
 </figure>
 
+<p><strong>交通</strong><br>我们两波人都选择最实惠的交通工具（地铁和公交），一波回龙观到大兴野生动物园（13元/2小时9分钟），另一波望京到大兴野生动物园（12元/2小时5分钟）。感叹北京人多地广之外，交通还贼便携。</p>
+<p><strong>蔬菜、水果</strong><br>筹备了苹果、胡萝卜和白菜。进园是不让带的，奈何周二人少，门禁管理阿姨也是睁一只眼放我们大背包进去了。</p>
+<h3 id="心满意足"><a href="#心满意足" class="headerlink" title="心满意足"></a>心满意足</h3><p><strong>春天</strong></p>
 <figure>
-  <img style="width: 100%;" src="//s2.loli.net/2023/11/07/HKJnwB7zEOcNC69.jpg" alt="睡午觉的母狮" />
-  <figcaption>睡午觉的母狮</figcaption>
+  <img style="width: 100%;" src="//s2.loli.net/2023/11/07/lnsU7M4cSLvypzb.jpg" alt="春天盛开的梨花" />
+  <figcaption>春天盛开的梨花</figcaption>
 </figure>
 
-
+<p><strong>鹦鹉</strong></p>
 <figure>
-  <img style="width: 100%;" src="//s2.loli.net/2023/11/07/xGRQfrYodbKAIvs.jpg" alt="奇奇怪怪的羊驼" />
-  <figcaption>奇奇怪怪的羊驼</figcaption>
+  <img style="width: 100%;" src="//s2.loli.net/2023/11/07/QYdOzVbJx1lB7qK.jpg" alt="谈情说爱的鹦鹉" />
+  <figcaption>谈情说爱的鹦鹉</figcaption>
 </figure>
 
+<p><strong>长尾猴</strong></p>
 <figure>
   <img style="width: 100%;" src="//s2.loli.net/2023/11/07/kStKQ5uT8MfUyNz.jpg" alt="乐呵的长尾猴" />
   <figcaption>乐呵的长尾猴</figcaption>
 </figure>
 
-<figure>
-  <img style="width: 100%;" src="//s2.loli.net/2023/11/07/QYdOzVbJx1lB7qK.jpg" alt="谈情说爱的鹦鹉" />
-  <figcaption>谈情说爱的鹦鹉</figcaption>
-</figure>
-
+<p><strong>小熊猫</strong></p>
 <figure>
   <img style="width: 100%;" src="//s2.loli.net/2023/11/07/1CubiN6DwyzhaMU.jpg" alt="乞食的小熊猫" />
   <figcaption>乞食的小熊猫</figcaption>
@@ -345,6 +349,19 @@ <h1 itemprop="name">
   <figcaption>卖萌的小熊猫</figcaption>
 </figure>
 
+<p><strong>猛禽区</strong></p>
+<figure>
+  <img style="width: 100%;" src="//s2.loli.net/2023/11/07/HKJnwB7zEOcNC69.jpg" alt="睡午觉的母狮" />
+  <figcaption>睡午觉的母狮</figcaption>
+</figure>
+
+<p><strong>羊驼</strong></p>
+<figure>
+  <img style="width: 100%;" src="//s2.loli.net/2023/11/07/xGRQfrYodbKAIvs.jpg" alt="奇奇怪怪的羊驼" />
+  <figcaption>奇奇怪怪的羊驼</figcaption>
+</figure>
+
+<p><strong>归途</strong></p>
 <figure>
   <img style="width: 100%;" src="//s2.loli.net/2023/11/07/xNaAXFOjoi1byR7.jpg" alt="一路疲倦" />
   <figcaption>一路疲倦</figcaption>
@@ -354,6 +371,8 @@ <h1 itemprop="name">
   <img style="width: 100%;" src="//s2.loli.net/2023/11/07/HfUlDCrjZsea1Xo.jpg" alt="归途背影" />
   <figcaption>归途背影</figcaption>
 </figure>
+
+<p><a target="_blank" rel="noopener" href="https://www.xiaohongshu.com/explore">小红书</a>为啥吸引我？主要有两点：① 发现页推荐逻辑清晰、干净；② 搜索结果价值高。其中 ① 体现在首屏给四个（iPhone 版）推荐项，分别是近期访问相关（科技资讯）、猫、Switch 相关和一个手机壳赞助（广告）——无论刷新几次，这四类大方向不会存在过多变化——而淘宝、京东等的推荐，信息量太大，巴不得吸引我掏出口袋里那几个子。而 ② 是吸引我持续使用的最主要原因——我把小红书当百度来用，有兴趣的同学可以用「猫粮」、「感冒药」分别用小红书、百度搜索对比下，看看谁的结果是搜索者真正想要的——又得吐槽百度这家公司产品有多「废」。</p>
 
     </div>
     <footer class="article-footer">