feed.xml

<?xml version="1.0" encoding="UTF-8"?>
    <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>Xheldon Blog</title>
        <description>The Answer to Life, the Universe and Everything is...</description>
        <link>https://www.xheldon.com</link>
        <atom:link href="https://www.xheldon.com/feed.xml" rel="self" type="application/rss+xml" />
        <pubDate>Tue, 07 Jan 2025 14:32:39 +0000</pubDate>
        <lastBuildDate>Tue, 07 Jan 2025 14:32:39 +0000</lastBuildDate>
        <generator>Hexo v7.3.0</generator>
        
        <item>
            <title>Jekyll 迁移到 Hexo 问题记录</title>
            <description>&lt;h2 id=&#34;前言&#34;&gt;前言&lt;/h2&gt;
&lt;p&gt;我是一名前端开发人员，因此对其他的一些脚本语言如 Ruby 并不熟悉。刚开始写博客的时候使用了 Github Pages 作为博客平台，它默认使用的是 Jeklly 框架，想着内容比框架更重要，因此也就用着了，这一用就是 10 年。&lt;/p&gt;
&lt;p&gt;期间换过一些主题，后来锁定了 Hux 提供的主题，简洁大方好看，而且是开源的：&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://huangxuan.me/&#34; target=&#34;_blank&#34;&gt; 黄玄的博客 | Hux Blog&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;我针对这个主题做了很多的定制化内容，如自定义右侧内容、自定义数据、使用 Notion 作为数据源渲染等。&lt;/p&gt;
&lt;p&gt;但随着苹果的 M 系列芯片的发布，我越来越难以处理 Ruby 在 Intel 和 Apple 芯片之间的差异，举个例子来说，我构建的时候需要特定使用 x86 架构的指令才能偶然正确 build，这还是我不能随便动任意一个依赖的前提下：&lt;/p&gt;
&lt;figure class=&#34;highlight bash&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;code class=&#34;hljs bash&#34;&gt;&lt;span class=&#34;hljs-built_in&#34;&gt;arch&lt;/span&gt; -x86_64 bundle &lt;span class=&#34;hljs-built_in&#34;&gt;exec&lt;/span&gt; jekyll server --trace --config=_config.dev.yml --ssl-key local.xheldon.cn.key --ssl-cert local.xheldon.cn.pem&lt;br&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;
&lt;p&gt;因此我意识到如果再不尽快更换框架，我可能将来就完全无法发布博客了。&lt;/p&gt;
&lt;h2 id=&#34;技术选型&#34;&gt;技术选型&lt;/h2&gt;
&lt;p&gt;这一节没有什么好说的，你基本可以认为，Hexo 是 Jekyll 的 JavaScript 实现。里面的很多概念，95% 的都相同，因此迁移上手无难度。&lt;/p&gt;
&lt;p&gt;更重要的是，Hexo 中也有人做了 Hux 的博客主题模板，因此我就直接拿来用了，在这个过程中简单记录一下过程。&lt;/p&gt;
&lt;h2 id=&#34;迁移过程&#34;&gt;迁移过程&lt;/h2&gt;
&lt;h3 id=&#34;插件迁移&#34;&gt;插件迁移&lt;/h3&gt;
&lt;p&gt;这个属于比较容易的，在 Jekyll 中的插件，在 Hexo 中我是用辅助函数实现，如下是我处理来自 Notion 的 Bookmark 的标签的函数（路径是 &lt;code&gt;_plugins/add-attribute.rb&lt;/code&gt;：）&lt;/p&gt;
&lt;figure class=&#34;highlight ruby&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;8&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;9&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;10&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;11&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;12&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;13&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;14&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;15&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;16&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;17&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;18&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;19&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;20&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;21&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;22&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;23&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;24&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;25&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;26&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;27&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;28&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;29&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;30&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;31&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;32&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;33&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;34&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;35&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;36&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;37&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;code class=&#34;hljs ruby&#34;&gt;&lt;span class=&#34;hljs-keyword&#34;&gt;module&lt;/span&gt; &lt;span class=&#34;hljs-title class_&#34;&gt;Jekyll&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-keyword&#34;&gt;class&lt;/span&gt; &lt;span class=&#34;hljs-title class_&#34;&gt;RenderBookMarkBlock&lt;/span&gt; &amp;lt; &lt;span class=&#34;hljs-title class_ inherited__&#34;&gt;Liquid::Block&lt;/span&gt;&lt;br&gt;        &lt;span class=&#34;hljs-keyword&#34;&gt;def&lt;/span&gt; &lt;span class=&#34;hljs-title function_&#34;&gt;initialize&lt;/span&gt;(&lt;span class=&#34;hljs-params&#34;&gt;tag_name, attr, tokens&lt;/span&gt;)&lt;br&gt;            &lt;span class=&#34;hljs-variable language_&#34;&gt;super&lt;/span&gt;&lt;br&gt;            &lt;span class=&#34;hljs-comment&#34;&gt;# 普通的链接没有 yid 和 bid&lt;/span&gt;&lt;br&gt;            attrs = attr.scan(&lt;span class=&#34;hljs-regexp&#34;&gt;/url\=\&amp;quot;(.*)\&amp;quot;\stitle\=\&amp;quot;(.*)\&amp;quot;\simg\=\&amp;quot;(.*)\&amp;quot;\syid\=\&amp;quot;(.*)\&amp;quot;\sbid\=\&amp;quot;(.*)\&amp;quot;/&lt;/span&gt;)&lt;br&gt;            &lt;span class=&#34;hljs-keyword&#34;&gt;if&lt;/span&gt; !attrs.empty?&lt;br&gt;                &lt;span class=&#34;hljs-variable&#34;&gt;@url&lt;/span&gt; = attrs[&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;][&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;]&lt;br&gt;                &lt;span class=&#34;hljs-variable&#34;&gt;@title&lt;/span&gt; = attrs[&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;][&lt;span class=&#34;hljs-number&#34;&gt;1&lt;/span&gt;]&lt;br&gt;                &lt;span class=&#34;hljs-variable&#34;&gt;@img&lt;/span&gt; = attrs[&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;][&lt;span class=&#34;hljs-number&#34;&gt;2&lt;/span&gt;]&lt;br&gt;                &lt;span class=&#34;hljs-variable&#34;&gt;@yid&lt;/span&gt; = attrs[&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;][&lt;span class=&#34;hljs-number&#34;&gt;3&lt;/span&gt;]&lt;br&gt;                &lt;span class=&#34;hljs-variable&#34;&gt;@bid&lt;/span&gt; = attrs[&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;][&lt;span class=&#34;hljs-number&#34;&gt;4&lt;/span&gt;]&lt;br&gt;                &lt;span class=&#34;hljs-variable&#34;&gt;@firstChar&lt;/span&gt; = &lt;span class=&#34;hljs-variable&#34;&gt;@title&lt;/span&gt;.empty? ? &lt;span class=&#34;hljs-string&#34;&gt;&amp;quot;&amp;quot;&lt;/span&gt; : (&lt;span class=&#34;hljs-variable&#34;&gt;@title&lt;/span&gt;)[&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;].upcase&lt;br&gt;                &lt;span class=&#34;hljs-variable&#34;&gt;@error&lt;/span&gt; = &lt;span class=&#34;hljs-string&#34;&gt;&amp;quot;&amp;quot;&lt;/span&gt;&lt;br&gt;            &lt;span class=&#34;hljs-keyword&#34;&gt;else&lt;/span&gt;&lt;br&gt;                attrs = attr.scan(&lt;span class=&#34;hljs-regexp&#34;&gt;/url\=\&amp;quot;(.*)\&amp;quot;\stitle\=\&amp;quot;(.*)\&amp;quot;\simg\=\&amp;quot;(.*)\&amp;quot;/&lt;/span&gt;)&lt;br&gt;                &lt;span class=&#34;hljs-variable&#34;&gt;@url&lt;/span&gt; = attrs[&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;][&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;]&lt;br&gt;                &lt;span class=&#34;hljs-variable&#34;&gt;@title&lt;/span&gt; = attrs[&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;][&lt;span class=&#34;hljs-number&#34;&gt;1&lt;/span&gt;]&lt;br&gt;                &lt;span class=&#34;hljs-variable&#34;&gt;@img&lt;/span&gt; = attrs[&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;][&lt;span class=&#34;hljs-number&#34;&gt;2&lt;/span&gt;]&lt;br&gt;                &lt;span class=&#34;hljs-variable&#34;&gt;@firstChar&lt;/span&gt; = &lt;span class=&#34;hljs-variable&#34;&gt;@title&lt;/span&gt;.empty? ? &lt;span class=&#34;hljs-string&#34;&gt;&amp;quot;&amp;quot;&lt;/span&gt; : (&lt;span class=&#34;hljs-variable&#34;&gt;@title&lt;/span&gt;)[&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;].upcase&lt;br&gt;                &lt;span class=&#34;hljs-variable&#34;&gt;@error&lt;/span&gt; = &lt;span class=&#34;hljs-string&#34;&gt;&amp;quot;&amp;quot;&lt;/span&gt;&lt;br&gt;            &lt;span class=&#34;hljs-keyword&#34;&gt;end&lt;/span&gt;&lt;br&gt;        &lt;span class=&#34;hljs-keyword&#34;&gt;end&lt;/span&gt;&lt;br&gt;        &lt;span class=&#34;hljs-keyword&#34;&gt;def&lt;/span&gt; &lt;span class=&#34;hljs-title function_&#34;&gt;render&lt;/span&gt;(&lt;span class=&#34;hljs-params&#34;&gt;context&lt;/span&gt;)&lt;br&gt;            &lt;span class=&#34;hljs-variable&#34;&gt;@desc&lt;/span&gt; = &lt;span class=&#34;hljs-variable language_&#34;&gt;super&lt;/span&gt;&lt;br&gt;            &lt;span class=&#34;hljs-keyword&#34;&gt;if&lt;/span&gt; !&lt;span class=&#34;hljs-variable&#34;&gt;@yid&lt;/span&gt;.&lt;span class=&#34;hljs-literal&#34;&gt;nil&lt;/span&gt;? &amp;amp;&amp;amp; !&lt;span class=&#34;hljs-variable&#34;&gt;@yid&lt;/span&gt;.empty?&lt;br&gt;                &lt;span class=&#34;hljs-string&#34;&gt;&amp;quot;&amp;lt;p class=&amp;#x27;embed-responsive embed-responsive-16by9&amp;#x27;&amp;gt;&amp;lt;iframe src=&amp;#x27;https://www.youtube.com/embed/&lt;span class=&#34;hljs-subst&#34;&gt;#&amp;#123;&lt;span class=&#34;hljs-variable&#34;&gt;@yid&lt;/span&gt;&amp;#125;&lt;/span&gt;?rel=0&amp;#x27; title=&amp;#x27;YouTube video player&amp;#x27; frameborder=&amp;#x27;0&amp;#x27; allow=&amp;#x27;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture&amp;#x27; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&amp;lt;/p&amp;gt;&amp;quot;&lt;/span&gt;&lt;br&gt;            &lt;span class=&#34;hljs-keyword&#34;&gt;elsif&lt;/span&gt; !&lt;span class=&#34;hljs-variable&#34;&gt;@bid&lt;/span&gt;.&lt;span class=&#34;hljs-literal&#34;&gt;nil&lt;/span&gt;? &amp;amp;&amp;amp; !&lt;span class=&#34;hljs-variable&#34;&gt;@bid&lt;/span&gt;.empty?&lt;br&gt;                &lt;span class=&#34;hljs-string&#34;&gt;&amp;quot;&amp;lt;p class=&amp;#x27;embed-responsive embed-responsive-16by9&amp;#x27; style=&amp;#x27;border-bottom: 1px solid #ddd;&amp;#x27;&amp;gt;&amp;lt;iframe src=&amp;#x27;//player.bilibili.com/player.html?bvid=&lt;span class=&#34;hljs-subst&#34;&gt;#&amp;#123;&lt;span class=&#34;hljs-variable&#34;&gt;@bid&lt;/span&gt;&amp;#125;&lt;/span&gt;&amp;amp;high_quality=1&amp;amp;as_wide=1&amp;#x27; scrolling=&amp;#x27;no&amp;#x27; border=&amp;#x27;0&amp;#x27; frameborder=&amp;#x27;no&amp;#x27; framespacing=&amp;#x27;0&amp;#x27; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&amp;lt;/p&amp;gt;&amp;quot;&lt;/span&gt;&lt;br&gt;            &lt;span class=&#34;hljs-keyword&#34;&gt;else&lt;/span&gt;&lt;br&gt;                &lt;span class=&#34;hljs-string&#34;&gt;&amp;quot;&amp;lt;p&amp;gt;&amp;lt;a class=&amp;#x27;link-bookmark&amp;#x27; href=&amp;#x27;&lt;span class=&#34;hljs-subst&#34;&gt;#&amp;#123;&lt;span class=&#34;hljs-variable&#34;&gt;@url&lt;/span&gt;&amp;#125;&lt;/span&gt;&amp;#x27; target=&amp;#x27;_blank&amp;#x27;&amp;gt;&amp;lt;span data-bookmark-img=&amp;#x27;&lt;span class=&#34;hljs-subst&#34;&gt;#&amp;#123;&lt;span class=&#34;hljs-variable&#34;&gt;@img&lt;/span&gt;&amp;#125;&lt;/span&gt;&amp;#x27; data-bookmark-title=&amp;#x27;&lt;span class=&#34;hljs-subst&#34;&gt;#&amp;#123;&lt;span class=&#34;hljs-variable&#34;&gt;@firstChar&lt;/span&gt;&amp;#125;&lt;/span&gt;&amp;#x27;&amp;gt;&amp;lt;img src=&amp;#x27;&lt;span class=&#34;hljs-subst&#34;&gt;#&amp;#123;&lt;span class=&#34;hljs-variable&#34;&gt;@img&lt;/span&gt;&amp;#125;&lt;/span&gt;&amp;#x27;/&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&amp;lt;span&amp;gt;&lt;span class=&#34;hljs-subst&#34;&gt;#&amp;#123;&lt;span class=&#34;hljs-variable&#34;&gt;@title&lt;/span&gt;&amp;#125;&lt;/span&gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&lt;span class=&#34;hljs-subst&#34;&gt;#&amp;#123;&lt;span class=&#34;hljs-variable&#34;&gt;@desc&lt;/span&gt;&amp;#125;&lt;/span&gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&lt;span class=&#34;hljs-subst&#34;&gt;#&amp;#123;&lt;span class=&#34;hljs-variable&#34;&gt;@url&lt;/span&gt;&amp;#125;&lt;/span&gt;&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;&amp;quot;&lt;/span&gt;&lt;br&gt;            &lt;span class=&#34;hljs-keyword&#34;&gt;end&lt;/span&gt;&lt;br&gt;        &lt;span class=&#34;hljs-keyword&#34;&gt;end&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-keyword&#34;&gt;end&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-keyword&#34;&gt;end&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span class=&#34;hljs-title class_&#34;&gt;Liquid&lt;/span&gt;&lt;span class=&#34;hljs-symbol&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;hljs-symbol&#34;&gt;:Template&lt;/span&gt;.register_tag(&lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;render_bookmark&amp;#x27;&lt;/span&gt;, &lt;span class=&#34;hljs-title class_&#34;&gt;Jekyll&lt;/span&gt;&lt;span class=&#34;hljs-symbol&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;hljs-symbol&#34;&gt;:RenderBookMarkBlock&lt;/span&gt;)&lt;br&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;
&lt;p&gt;而在 Hexo 中我是这么写的（路径是 &lt;code&gt;scripts/liquid.js&lt;/code&gt;）：&lt;/p&gt;
&lt;figure class=&#34;highlight javascript&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;8&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;9&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;10&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;11&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;12&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;13&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;14&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;code class=&#34;hljs javascript&#34;&gt;hexo.&lt;span class=&#34;hljs-property&#34;&gt;extend&lt;/span&gt;.&lt;span class=&#34;hljs-property&#34;&gt;tag&lt;/span&gt;.&lt;span class=&#34;hljs-title function_&#34;&gt;register&lt;/span&gt;(&lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;render_bookmark&amp;#x27;&lt;/span&gt;, &lt;span class=&#34;hljs-keyword&#34;&gt;function&lt;/span&gt;(&lt;span class=&#34;hljs-params&#34;&gt;args, content&lt;/span&gt;) &amp;#123;&lt;br&gt;    &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; [url, title, img, yid, bid] = args.&lt;span class=&#34;hljs-title function_&#34;&gt;map&lt;/span&gt;(getValue);&lt;br&gt;    &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; firstChar = title ? title[&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;].&lt;span class=&#34;hljs-title function_&#34;&gt;toUpperCase&lt;/span&gt;() : &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;&amp;#x27;&lt;/span&gt;;&lt;br&gt;    &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; strip_html = hexo.&lt;span class=&#34;hljs-property&#34;&gt;extend&lt;/span&gt;.&lt;span class=&#34;hljs-property&#34;&gt;helper&lt;/span&gt;.&lt;span class=&#34;hljs-title function_&#34;&gt;get&lt;/span&gt;(&lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;strip_html&amp;#x27;&lt;/span&gt;).&lt;span class=&#34;hljs-title function_&#34;&gt;bind&lt;/span&gt;(hexo);&lt;br&gt;    &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; trim = hexo.&lt;span class=&#34;hljs-property&#34;&gt;extend&lt;/span&gt;.&lt;span class=&#34;hljs-property&#34;&gt;helper&lt;/span&gt;.&lt;span class=&#34;hljs-title function_&#34;&gt;get&lt;/span&gt;(&lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;trim&amp;#x27;&lt;/span&gt;).&lt;span class=&#34;hljs-title function_&#34;&gt;bind&lt;/span&gt;(hexo);&lt;br&gt;    &lt;span class=&#34;hljs-keyword&#34;&gt;if&lt;/span&gt; (yid) &amp;#123;&lt;br&gt;        &lt;span class=&#34;hljs-keyword&#34;&gt;return&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;`&amp;lt;p class=&amp;#x27;embed-responsive embed-responsive-16by9&amp;#x27;&amp;gt;&amp;lt;iframe src=&amp;#x27;https://www.youtube.com/embed/&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;yid&amp;#125;&lt;/span&gt;?rel=0&amp;#x27; title=&amp;#x27;YouTube video player&amp;#x27; frameborder=&amp;#x27;0&amp;#x27; allow=&amp;#x27;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture&amp;#x27; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&amp;lt;/p&amp;gt;`&lt;/span&gt;&lt;br&gt;    &amp;#125; &lt;span class=&#34;hljs-keyword&#34;&gt;else&lt;/span&gt; &lt;span class=&#34;hljs-keyword&#34;&gt;if&lt;/span&gt; (bid) &amp;#123;&lt;br&gt;        &lt;span class=&#34;hljs-keyword&#34;&gt;return&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;`&amp;lt;p class=&amp;#x27;embed-responsive embed-responsive-16by9&amp;#x27; style=&amp;#x27;border-bottom: 1px solid #ddd;&amp;#x27;&amp;gt;&amp;lt;iframe src=&amp;#x27;//player.bilibili.com/player.html?bvid=&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;bid&amp;#125;&lt;/span&gt;&amp;amp;high_quality=1&amp;amp;as_wide=1&amp;#x27; scrolling=&amp;#x27;no&amp;#x27; border=&amp;#x27;0&amp;#x27; frameborder=&amp;#x27;no&amp;#x27; framespacing=&amp;#x27;0&amp;#x27; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&amp;lt;/p&amp;gt;`&lt;/span&gt;;&lt;br&gt;    &amp;#125;&lt;br&gt;    &lt;span class=&#34;hljs-keyword&#34;&gt;return&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;`&amp;lt;p&amp;gt;&amp;lt;a class=&amp;#x27;link-bookmark&amp;#x27; href=&amp;#x27;&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;url&amp;#125;&lt;/span&gt;&amp;#x27; target=&amp;#x27;_blank&amp;#x27;&amp;gt;&amp;lt;span data-bookmark-img=&amp;#x27;&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;img&amp;#125;&lt;/span&gt;&amp;#x27; data-bookmark-title=&amp;#x27;&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;firstChar&amp;#125;&lt;/span&gt;&amp;#x27;&amp;gt;&amp;lt;img src=&amp;#x27;&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;img&amp;#125;&lt;/span&gt;&amp;#x27;/&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&amp;lt;span&amp;gt; &lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;title&amp;#125;&lt;/span&gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt; &lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;strip_html(trim(content))&amp;#125;&lt;/span&gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt; &lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;url&amp;#125;&lt;/span&gt;&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;`&lt;/span&gt;;&lt;br&gt;&amp;#125;, &amp;#123;&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;ends&lt;/span&gt;: &lt;span class=&#34;hljs-literal&#34;&gt;true&lt;/span&gt;,&lt;br&gt;&amp;#125;);&lt;br&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;
&lt;h3 id=&#34;permalink-问题&#34;&gt;Permalink 问题&lt;/h3&gt;
&lt;p&gt;不知道为什么，我在 Hexo 中设置了 &lt;code&gt;:category/:name.html&lt;/code&gt; 但是依然给我生成的是 &lt;code&gt;life/2024-life-xxx.html&lt;/code&gt;（使用 &lt;code&gt;-&lt;/code&gt;目录分割） 而预期应该是 &lt;code&gt;life/xxx.html&lt;/code&gt;，看源码 &lt;code&gt;name&lt;/code&gt; 使用了 &lt;code&gt;slug&lt;/code&gt;，的 &lt;code&gt;basename&lt;/code&gt;，但是 &lt;code&gt;slug&lt;/code&gt; 生成逻辑是基于 folder 路径然后加上 - 的，因此我只能自己手动修改文件名。Jekyll 中，文件名前的日期格式，如 &lt;a href=&#34;http://2024-02-12-xxx.md&#34;&gt;2024-02-12-xxx.md&lt;/a&gt; 中，2024-02-12 会被忽略，title 直接就是 xxx，但是在 Hexo 中 title 在 post 中读取的 title front matter，所以只能写一个 filter 插件来最终确定 permalink 地址:&lt;/p&gt;
&lt;figure class=&#34;highlight javascript&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;8&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;9&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;10&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;code class=&#34;hljs javascript&#34;&gt;&lt;span class=&#34;hljs-comment&#34;&gt;/**&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-comment&#34;&gt; * permalink 中的 name 不符合预期，对于 _posts/life/2015/xxx.md 来说，在文档中 :name 表示的是 xxx，但是实际是 life-2015-xxx&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-comment&#34;&gt; */&lt;/span&gt;&lt;br&gt;hexo.&lt;span class=&#34;hljs-property&#34;&gt;extend&lt;/span&gt;.&lt;span class=&#34;hljs-property&#34;&gt;filter&lt;/span&gt;.&lt;span class=&#34;hljs-title function_&#34;&gt;register&lt;/span&gt;(&lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;post_permalink&amp;#x27;&lt;/span&gt;, &lt;span class=&#34;hljs-keyword&#34;&gt;function&lt;/span&gt; (&lt;span class=&#34;hljs-params&#34;&gt;data&lt;/span&gt;) &amp;#123;&lt;br&gt;  &lt;span class=&#34;hljs-comment&#34;&gt;// 在这里修改 post.name 的值&lt;/span&gt;&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; arr = data.&lt;span class=&#34;hljs-title function_&#34;&gt;split&lt;/span&gt;(&lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;/&amp;#x27;&lt;/span&gt;).&lt;span class=&#34;hljs-title function_&#34;&gt;filter&lt;/span&gt;(&lt;span class=&#34;hljs-title class_&#34;&gt;Boolean&lt;/span&gt;);&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; categories = arr[&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;];&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; name = arr[&lt;span class=&#34;hljs-number&#34;&gt;1&lt;/span&gt;];&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;return&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;`&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;categories&amp;#125;&lt;/span&gt;/&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;name.split(&lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;-&amp;#x27;&lt;/span&gt;).filter(&lt;span class=&#34;hljs-built_in&#34;&gt;Boolean&lt;/span&gt;).slice(&lt;span class=&#34;hljs-number&#34;&gt;3&lt;/span&gt;).join(&lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;-&amp;#x27;&lt;/span&gt;)&amp;#125;&lt;/span&gt;`&lt;/span&gt;;&lt;br&gt;&amp;#125;);&lt;br&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;
&lt;p&gt;另外，permalink 不能是纯数字，得用字符串：&lt;/p&gt;
&lt;p caption=&#39;&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2025/jekyll-2-hexo/147800e8-7a61-8006-a660-e8ecfbe7da9a.webp&#39; alt=&#39;&#39; title=&#39;&#39;&gt;&lt;/p&gt;
&lt;p&gt;不然报错（看 .endsWith 就知道为什么报错啦）：&lt;/p&gt;
&lt;p caption=&#39;&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2025/jekyll-2-hexo/147800e8-7a61-8032-8e51-d6528f277306.webp&#39; alt=&#39;&#39; title=&#39;&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;ejs-模板语法问题&#34;&gt;EJS 模板语法问题&lt;/h3&gt;
&lt;p&gt;ejs 模板嵌套的时候，与 Jekyll 的 liquid 语法不同的是，它不能在模板中自定义 front-matter。也就是说，模板之间的传参，只能外层到内层，不能从内到外。比如我 index 的 layout 是  page，同时还设置了 fornt-matter，但是此 front-matter 无法被 page.ejs 这个模板读取到，因此我只能每个用到的地方都往下传参。&lt;/p&gt;
&lt;h3 id=&#34;markdown-语法渲染问题&#34;&gt;Markdown 语法渲染问题&lt;/h3&gt;
&lt;p&gt;Hexo 自带的  marked 的 markdown 渲染跟 jekyll 的 karmarkdown 渲染有出入，前者会把诸如  ## h2 （换行+空行）段落 中的空行+段落给忽略，而后者不会。&lt;/p&gt;
&lt;p&gt;虽然无伤大雅，但是这样会导致我在首页的时候，内容摘要会少一个空格导致不完全一致，而我希望尽可能的完全一致，这样 SEO 才不会降权，才能让搜索引擎不会认为我的内容有巨大改动。&lt;/p&gt;
&lt;p&gt;于是我使用了 markdown-it 进行处理，安装 hexo-renderer-markdown-it 即可。&lt;/p&gt;
&lt;h3 id=&#34;liquid-排序问题&#34;&gt;Liquid 排序问题&lt;/h3&gt;
&lt;p&gt;我 Jekyll 的 liquid 的排序是这么用的： &lt;code&gt;&amp;#123;&amp;#123; tags | split:&#39;`**`SEPARATOR`**`&#39; | sort &amp;#125;&amp;#125;&lt;/code&gt; :&lt;/p&gt;
&lt;p caption=&#39;&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2025/jekyll-2-hexo/0389dcbb-8bb7-413c-a968-4a77a8b76b71.webp&#39; alt=&#39;&#39; title=&#39;&#39;&gt;&lt;/p&gt;
&lt;p&gt;问题是，Liquid 的排序在 sort 部分相同后，会按照后面的 href 字符串排序的，因此继承过来：&lt;/p&gt;
&lt;p caption=&#39;&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2025/jekyll-2-hexo/a24e2d73-ab8b-4b5d-a57d-7e0f2f5f0a66.webp&#39; alt=&#39;&#39; title=&#39;&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;mermaid-语法问题&#34;&gt;Mermaid 语法问题&lt;/h3&gt;
&lt;p&gt;mermaid 不能被 highlight 高亮，需要在 hexo 的 config 中排除掉：&lt;/p&gt;
&lt;figure class=&#34;highlight yaml&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;code class=&#34;hljs yaml&#34;&gt;&lt;span class=&#34;hljs-attr&#34;&gt;exclude_languages:&lt;/span&gt;&lt;br&gt; &lt;span class=&#34;hljs-bullet&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;mermaid&lt;/span&gt;&lt;br&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;
&lt;h3 id=&#34;markdown-无法使用-ejs-语法问题&#34;&gt;Markdown 无法使用 EJS 语法问题&lt;/h3&gt;
&lt;p&gt;暂时没管，曲线绕。&lt;/p&gt;
&lt;h3 id=&#34;分页生成问题&#34;&gt;分页生成问题&lt;/h3&gt;
&lt;p&gt;hexo-generator-index 的 pagination 生成的是 page/2 page/3 但是 jekyll 中的格式是 page2, page3 所以复制了该插件源码放到本地进行修改（位于 &lt;code&gt;scripts/pagination.js&lt;/code&gt;）：&lt;/p&gt;
&lt;figure class=&#34;highlight javascript&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;8&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;9&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;10&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;11&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;12&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;13&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;14&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;15&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;16&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;17&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;18&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;19&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;20&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;21&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;22&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;23&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;24&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;25&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;code class=&#34;hljs javascript&#34;&gt;&lt;span class=&#34;hljs-meta&#34;&gt;&amp;#x27;use strict&amp;#x27;&lt;/span&gt;;&lt;br&gt;&lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; pagination = &lt;span class=&#34;hljs-built_in&#34;&gt;require&lt;/span&gt;(&lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;hexo-pagination&amp;#x27;&lt;/span&gt;);&lt;br&gt;hexo.&lt;span class=&#34;hljs-property&#34;&gt;config&lt;/span&gt;.&lt;span class=&#34;hljs-property&#34;&gt;index_generator&lt;/span&gt; = &lt;span class=&#34;hljs-title class_&#34;&gt;Object&lt;/span&gt;.&lt;span class=&#34;hljs-title function_&#34;&gt;assign&lt;/span&gt;(&lt;br&gt;  &amp;#123;&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;per_page&lt;/span&gt;:&lt;br&gt;      &lt;span class=&#34;hljs-keyword&#34;&gt;typeof&lt;/span&gt; hexo.&lt;span class=&#34;hljs-property&#34;&gt;config&lt;/span&gt;.&lt;span class=&#34;hljs-property&#34;&gt;per_page&lt;/span&gt; === &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;undefined&amp;#x27;&lt;/span&gt; ? &lt;span class=&#34;hljs-number&#34;&gt;10&lt;/span&gt; : hexo.&lt;span class=&#34;hljs-property&#34;&gt;config&lt;/span&gt;.&lt;span class=&#34;hljs-property&#34;&gt;per_page&lt;/span&gt;,&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;order_by&lt;/span&gt;: &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;-date&amp;#x27;&lt;/span&gt;,&lt;br&gt;  &amp;#125;,&lt;br&gt;  hexo.&lt;span class=&#34;hljs-property&#34;&gt;config&lt;/span&gt;.&lt;span class=&#34;hljs-property&#34;&gt;index_generator&lt;/span&gt;&lt;br&gt;);&lt;br&gt;hexo.&lt;span class=&#34;hljs-property&#34;&gt;extend&lt;/span&gt;.&lt;span class=&#34;hljs-property&#34;&gt;generator&lt;/span&gt;.&lt;span class=&#34;hljs-title function_&#34;&gt;register&lt;/span&gt;(&lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;index&amp;#x27;&lt;/span&gt;, &lt;span class=&#34;hljs-keyword&#34;&gt;function&lt;/span&gt; (&lt;span class=&#34;hljs-params&#34;&gt;locals&lt;/span&gt;) &amp;#123;&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; config = &lt;span class=&#34;hljs-variable language_&#34;&gt;this&lt;/span&gt;.&lt;span class=&#34;hljs-property&#34;&gt;config&lt;/span&gt;;&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; posts = locals.&lt;span class=&#34;hljs-property&#34;&gt;posts&lt;/span&gt;.&lt;span class=&#34;hljs-title function_&#34;&gt;sort&lt;/span&gt;(config.&lt;span class=&#34;hljs-property&#34;&gt;index_generator&lt;/span&gt;.&lt;span class=&#34;hljs-property&#34;&gt;order_by&lt;/span&gt;);&lt;br&gt;  posts.&lt;span class=&#34;hljs-property&#34;&gt;data&lt;/span&gt;.&lt;span class=&#34;hljs-title function_&#34;&gt;sort&lt;/span&gt;(&lt;span class=&#34;hljs-function&#34;&gt;(&lt;span class=&#34;hljs-params&#34;&gt;a, b&lt;/span&gt;) =&amp;gt;&lt;/span&gt; (b.&lt;span class=&#34;hljs-property&#34;&gt;sticky&lt;/span&gt; || &lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;) - (a.&lt;span class=&#34;hljs-property&#34;&gt;sticky&lt;/span&gt; || &lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;));&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; paginationDir = config.&lt;span class=&#34;hljs-property&#34;&gt;pagination_dir&lt;/span&gt; || &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;page&amp;#x27;&lt;/span&gt;;&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; path = config.&lt;span class=&#34;hljs-property&#34;&gt;index_generator&lt;/span&gt;.&lt;span class=&#34;hljs-property&#34;&gt;path&lt;/span&gt; || &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;&amp;#x27;&lt;/span&gt;;&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;return&lt;/span&gt; &lt;span class=&#34;hljs-title function_&#34;&gt;pagination&lt;/span&gt;(path, posts, &amp;#123;&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;perPage&lt;/span&gt;: config.&lt;span class=&#34;hljs-property&#34;&gt;index_generator&lt;/span&gt;.&lt;span class=&#34;hljs-property&#34;&gt;per_page&lt;/span&gt;,&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;layout&lt;/span&gt;: [&lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;index&amp;#x27;&lt;/span&gt;, &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;archive&amp;#x27;&lt;/span&gt;],&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;format&lt;/span&gt;: paginationDir + &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;%d/&amp;#x27;&lt;/span&gt;,&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;data&lt;/span&gt;: &amp;#123;&lt;br&gt;      &lt;span class=&#34;hljs-attr&#34;&gt;__index&lt;/span&gt;: &lt;span class=&#34;hljs-literal&#34;&gt;true&lt;/span&gt;,&lt;br&gt;    &amp;#125;,&lt;br&gt;  &amp;#125;);&lt;br&gt;&amp;#125;);&lt;br&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;
&lt;hr /&gt;
&lt;h3 id=&#34;删除线实现问题&#34;&gt;删除线实现问题&lt;/h3&gt;
&lt;p&gt;默认删除线是 s 标签，但是 jekyll 是 del，用 after_render:html 直接替换（位于 &lt;code&gt;scripts/tag-del.js&lt;/code&gt;）：&lt;/p&gt;
&lt;figure class=&#34;highlight javascript&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;code class=&#34;hljs javascript&#34;&gt;hexo.&lt;span class=&#34;hljs-property&#34;&gt;extend&lt;/span&gt;.&lt;span class=&#34;hljs-property&#34;&gt;filter&lt;/span&gt;.&lt;span class=&#34;hljs-title function_&#34;&gt;register&lt;/span&gt;(&lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;after_render:html&amp;#x27;&lt;/span&gt;, &lt;span class=&#34;hljs-keyword&#34;&gt;function&lt;/span&gt; (&lt;span class=&#34;hljs-params&#34;&gt;str&lt;/span&gt;) &amp;#123;&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;return&lt;/span&gt; str.&lt;span class=&#34;hljs-title function_&#34;&gt;replace&lt;/span&gt;(&lt;span class=&#34;hljs-regexp&#34;&gt;/&amp;lt;s&amp;gt;/g&lt;/span&gt;, &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;&amp;lt;del&amp;gt;&amp;#x27;&lt;/span&gt;).&lt;span class=&#34;hljs-title function_&#34;&gt;replace&lt;/span&gt;(&lt;span class=&#34;hljs-regexp&#34;&gt;/&amp;lt;\/s&amp;gt;/g&lt;/span&gt;, &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;&amp;lt;/del&amp;gt;&amp;#x27;&lt;/span&gt;);&lt;br&gt;&amp;#125;);&lt;br&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;
&lt;hr /&gt;
&lt;h3 id=&#34;构建后多余文件问题&#34;&gt;构建后多余文件问题&lt;/h3&gt;
&lt;p&gt;有些文件是多余的，构建后删除掉：&lt;/p&gt;
&lt;p caption=&#39;&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2025/jekyll-2-hexo/147800e8-7a61-8077-911f-f5d55f484628.webp&#39; alt=&#39;&#39; title=&#39;&#39;&gt;&lt;/p&gt;
&lt;p&gt;具体有：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;categories/*&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;i_dont_wanna_use_default_archives/*&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;i_dont_wanna_use_default_tags/*&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;less/*&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;rss-问题&#34;&gt;RSS 问题&lt;/h3&gt;
&lt;p&gt;我使用了自定义的标签样式来渲染来自 Notion Bookmark 的，以期望跟 Notion 的 Bookmark 一样好看，但是如此一来，RSS 阅读器如 Reeder 就无法正确渲染出样式了，因此我处理了以下，在 Jekyll 中使用的是模板语法处理函数，也即在构建的时候动态替换掉自定义的样式：&lt;/p&gt;
&lt;figure class=&#34;highlight javascript&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;8&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;9&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;code class=&#34;hljs javascript&#34;&gt;&lt;span class=&#34;hljs-variable language_&#34;&gt;module&lt;/span&gt; &lt;span class=&#34;hljs-title class_&#34;&gt;Jekyll&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-variable language_&#34;&gt;module&lt;/span&gt; &lt;span class=&#34;hljs-title class_&#34;&gt;BookmarkFilter&lt;/span&gt;&lt;br&gt;      def &lt;span class=&#34;hljs-title function_&#34;&gt;bookmark_filter&lt;/span&gt;(input)&lt;br&gt;        input.&lt;span class=&#34;hljs-title function_&#34;&gt;gsub&lt;/span&gt;(&lt;span class=&#34;hljs-regexp&#34;&gt;/^\&amp;lt;p\&amp;gt;\&amp;lt;a\s+class=\&amp;quot;link-bookmark\&amp;quot;\shref=(.*)\starget=\&amp;quot;_blank\&amp;quot;\&amp;gt;\&amp;lt;span\&amp;gt;(.*)\&amp;lt;\/span\&amp;gt;\&amp;lt;span\&amp;gt;\&amp;lt;span\&amp;gt;(.*)\&amp;lt;\/span\&amp;gt;\&amp;lt;span\&amp;gt;\n(.*)\n\&amp;lt;\/span\&amp;gt;\&amp;lt;span\&amp;gt;(.*)\&amp;lt;\/span\&amp;gt;\&amp;lt;\/span\&amp;gt;\&amp;lt;\/a\&amp;gt;\&amp;lt;\/p\&amp;gt;$/&lt;/span&gt;, &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;&amp;lt;p&amp;gt;&amp;lt;a href=\1 target=&amp;quot;_blank&amp;quot;&amp;gt;\3&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;&amp;#x27;&lt;/span&gt;);&lt;br&gt;      end&lt;br&gt;    end&lt;br&gt;  end&lt;br&gt;  &lt;br&gt;  &lt;span class=&#34;hljs-title class_&#34;&gt;Liquid&lt;/span&gt;::&lt;span class=&#34;hljs-title class_&#34;&gt;Template&lt;/span&gt;.&lt;span class=&#34;hljs-title function_&#34;&gt;register_filter&lt;/span&gt;(&lt;span class=&#34;hljs-title class_&#34;&gt;Jekyll&lt;/span&gt;::&lt;span class=&#34;hljs-title class_&#34;&gt;BookmarkFilter&lt;/span&gt;)&lt;br&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;
&lt;p&gt;而在 Hexo 中是在构建之后打补丁的方式处理（位于 &lt;code&gt;scripts/rss-gene.js&lt;/code&gt;）：&lt;/p&gt;
&lt;figure class=&#34;highlight javascript&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;8&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;9&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;10&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;11&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;12&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;13&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;14&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;15&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;16&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;17&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;18&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;19&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;20&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;21&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;22&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;23&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;24&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;25&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;26&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;27&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;28&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;29&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;30&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;31&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;32&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;33&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;34&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;35&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;36&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;37&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;38&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;39&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;40&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;41&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;42&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;43&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;44&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;45&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;46&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;47&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;48&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;49&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;50&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;51&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;52&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;53&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;54&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;55&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;56&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;57&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;58&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;59&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;60&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;61&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;62&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;63&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;64&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;65&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;66&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;67&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;68&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;69&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;70&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;71&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;72&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;73&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;74&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;75&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;76&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;77&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;78&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;79&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;80&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;81&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;82&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;83&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;84&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;85&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;86&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;87&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;88&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;89&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;90&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;91&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;92&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;93&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;94&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;95&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;96&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;97&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;code class=&#34;hljs javascript&#34;&gt;&lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; fs = &lt;span class=&#34;hljs-built_in&#34;&gt;require&lt;/span&gt;(&lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;fs&amp;#x27;&lt;/span&gt;);&lt;br&gt;&lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; path = &lt;span class=&#34;hljs-built_in&#34;&gt;require&lt;/span&gt;(&lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;path&amp;#x27;&lt;/span&gt;);&lt;br&gt;&lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; ejs = &lt;span class=&#34;hljs-built_in&#34;&gt;require&lt;/span&gt;(&lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;ejs&amp;#x27;&lt;/span&gt;);&lt;br&gt;&lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; rootDate = &lt;span class=&#34;hljs-keyword&#34;&gt;new&lt;/span&gt; &lt;span class=&#34;hljs-title class_&#34;&gt;Date&lt;/span&gt;();&lt;br&gt;&lt;br&gt;&lt;span class=&#34;hljs-keyword&#34;&gt;function&lt;/span&gt; &lt;span class=&#34;hljs-title function_&#34;&gt;getDate&lt;/span&gt;(&lt;span class=&#34;hljs-params&#34;&gt;_date&lt;/span&gt;) &amp;#123;&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; date = _date ? &lt;span class=&#34;hljs-keyword&#34;&gt;new&lt;/span&gt; &lt;span class=&#34;hljs-title class_&#34;&gt;Date&lt;/span&gt;(_date) : rootDate;&lt;br&gt;  &lt;span class=&#34;hljs-comment&#34;&gt;// 获取各个部分&lt;/span&gt;&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; days = [&lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;Sun&amp;#x27;&lt;/span&gt;, &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;Mon&amp;#x27;&lt;/span&gt;, &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;Tue&amp;#x27;&lt;/span&gt;, &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;Wed&amp;#x27;&lt;/span&gt;, &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;Thu&amp;#x27;&lt;/span&gt;, &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;Fri&amp;#x27;&lt;/span&gt;, &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;Sat&amp;#x27;&lt;/span&gt;];&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; months = [&lt;br&gt;    &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;Jan&amp;#x27;&lt;/span&gt;,&lt;br&gt;    &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;Feb&amp;#x27;&lt;/span&gt;,&lt;br&gt;    &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;Mar&amp;#x27;&lt;/span&gt;,&lt;br&gt;    &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;Apr&amp;#x27;&lt;/span&gt;,&lt;br&gt;    &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;May&amp;#x27;&lt;/span&gt;,&lt;br&gt;    &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;Jun&amp;#x27;&lt;/span&gt;,&lt;br&gt;    &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;Jul&amp;#x27;&lt;/span&gt;,&lt;br&gt;    &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;Aug&amp;#x27;&lt;/span&gt;,&lt;br&gt;    &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;Sep&amp;#x27;&lt;/span&gt;,&lt;br&gt;    &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;Oct&amp;#x27;&lt;/span&gt;,&lt;br&gt;    &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;Nov&amp;#x27;&lt;/span&gt;,&lt;br&gt;    &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;Dec&amp;#x27;&lt;/span&gt;,&lt;br&gt;  ];&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; dayName = days[date.&lt;span class=&#34;hljs-title function_&#34;&gt;getDay&lt;/span&gt;()];&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; day = &lt;span class=&#34;hljs-title class_&#34;&gt;String&lt;/span&gt;(date.&lt;span class=&#34;hljs-title function_&#34;&gt;getDate&lt;/span&gt;()).&lt;span class=&#34;hljs-title function_&#34;&gt;padStart&lt;/span&gt;(&lt;span class=&#34;hljs-number&#34;&gt;2&lt;/span&gt;, &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;0&amp;#x27;&lt;/span&gt;);&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; month = months[date.&lt;span class=&#34;hljs-title function_&#34;&gt;getMonth&lt;/span&gt;()];&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; year = date.&lt;span class=&#34;hljs-title function_&#34;&gt;getFullYear&lt;/span&gt;();&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; hours = &lt;span class=&#34;hljs-title class_&#34;&gt;String&lt;/span&gt;(date.&lt;span class=&#34;hljs-title function_&#34;&gt;getHours&lt;/span&gt;()).&lt;span class=&#34;hljs-title function_&#34;&gt;padStart&lt;/span&gt;(&lt;span class=&#34;hljs-number&#34;&gt;2&lt;/span&gt;, &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;0&amp;#x27;&lt;/span&gt;);&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; minutes = &lt;span class=&#34;hljs-title class_&#34;&gt;String&lt;/span&gt;(date.&lt;span class=&#34;hljs-title function_&#34;&gt;getMinutes&lt;/span&gt;()).&lt;span class=&#34;hljs-title function_&#34;&gt;padStart&lt;/span&gt;(&lt;span class=&#34;hljs-number&#34;&gt;2&lt;/span&gt;, &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;0&amp;#x27;&lt;/span&gt;);&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; seconds = &lt;span class=&#34;hljs-title class_&#34;&gt;String&lt;/span&gt;(date.&lt;span class=&#34;hljs-title function_&#34;&gt;getSeconds&lt;/span&gt;()).&lt;span class=&#34;hljs-title function_&#34;&gt;padStart&lt;/span&gt;(&lt;span class=&#34;hljs-number&#34;&gt;2&lt;/span&gt;, &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;0&amp;#x27;&lt;/span&gt;);&lt;br&gt;&lt;br&gt;  &lt;span class=&#34;hljs-comment&#34;&gt;// 获取时区偏移（以分钟为单位）&lt;/span&gt;&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; timezoneOffset = -date.&lt;span class=&#34;hljs-title function_&#34;&gt;getTimezoneOffset&lt;/span&gt;();&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; sign = timezoneOffset &amp;gt;= &lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt; ? &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;+&amp;#x27;&lt;/span&gt; : &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;-&amp;#x27;&lt;/span&gt;;&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; offsetHours = &lt;span class=&#34;hljs-title class_&#34;&gt;String&lt;/span&gt;(&lt;br&gt;    &lt;span class=&#34;hljs-title class_&#34;&gt;Math&lt;/span&gt;.&lt;span class=&#34;hljs-title function_&#34;&gt;floor&lt;/span&gt;(&lt;span class=&#34;hljs-title class_&#34;&gt;Math&lt;/span&gt;.&lt;span class=&#34;hljs-title function_&#34;&gt;abs&lt;/span&gt;(timezoneOffset) / &lt;span class=&#34;hljs-number&#34;&gt;60&lt;/span&gt;)&lt;br&gt;  ).&lt;span class=&#34;hljs-title function_&#34;&gt;padStart&lt;/span&gt;(&lt;span class=&#34;hljs-number&#34;&gt;2&lt;/span&gt;, &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;0&amp;#x27;&lt;/span&gt;);&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; offsetMinutes = &lt;span class=&#34;hljs-title class_&#34;&gt;String&lt;/span&gt;(&lt;span class=&#34;hljs-title class_&#34;&gt;Math&lt;/span&gt;.&lt;span class=&#34;hljs-title function_&#34;&gt;abs&lt;/span&gt;(timezoneOffset) % &lt;span class=&#34;hljs-number&#34;&gt;60&lt;/span&gt;).&lt;span class=&#34;hljs-title function_&#34;&gt;padStart&lt;/span&gt;(&lt;span class=&#34;hljs-number&#34;&gt;2&lt;/span&gt;, &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;0&amp;#x27;&lt;/span&gt;);&lt;br&gt;&lt;br&gt;  &lt;span class=&#34;hljs-comment&#34;&gt;// 格式化为 RFC 2822 格式的字符串&lt;/span&gt;&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;return&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;`&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;dayName&amp;#125;&lt;/span&gt;, &lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;day&amp;#125;&lt;/span&gt; &lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;month&amp;#125;&lt;/span&gt; &lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;year&amp;#125;&lt;/span&gt; &lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;hours&amp;#125;&lt;/span&gt;:&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;minutes&amp;#125;&lt;/span&gt;:&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;seconds&amp;#125;&lt;/span&gt; &lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;sign&amp;#125;&lt;/span&gt;&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;offsetHours&amp;#125;&lt;/span&gt;&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;offsetMinutes&amp;#125;&lt;/span&gt;`&lt;/span&gt;;&lt;br&gt;&amp;#125;&lt;br&gt;&lt;br&gt;hexo.&lt;span class=&#34;hljs-property&#34;&gt;extend&lt;/span&gt;.&lt;span class=&#34;hljs-property&#34;&gt;generator&lt;/span&gt;.&lt;span class=&#34;hljs-title function_&#34;&gt;register&lt;/span&gt;(&lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;xml&amp;#x27;&lt;/span&gt;, &lt;span class=&#34;hljs-keyword&#34;&gt;function&lt;/span&gt; (&lt;span class=&#34;hljs-params&#34;&gt;locals&lt;/span&gt;) &amp;#123;&lt;br&gt;  &lt;span class=&#34;hljs-comment&#34;&gt;// 仿照 Liquid 内置的日期格式写法&lt;/span&gt;&lt;br&gt;  &lt;span class=&#34;hljs-comment&#34;&gt;// 注意如果前面不加这个 \uFEFF 则不会被识别为 xml&lt;/span&gt;&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; template =&lt;br&gt;    &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;\uFEFF&amp;#x27;&lt;/span&gt; +&lt;br&gt;    &lt;span class=&#34;hljs-string&#34;&gt;`&amp;lt;?xml version=&amp;quot;1.0&amp;quot; encoding=&amp;quot;UTF-8&amp;quot;?&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-string&#34;&gt;    &amp;lt;rss version=&amp;quot;2.0&amp;quot; xmlns:atom=&amp;quot;http://www.w3.org/2005/Atom&amp;quot;&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-string&#34;&gt;    &amp;lt;channel&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-string&#34;&gt;        &amp;lt;title&amp;gt;Xheldon Blog&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-string&#34;&gt;        &amp;lt;description&amp;gt;The Answer to Life, the Universe and Everything is...&amp;lt;/description&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-string&#34;&gt;        &amp;lt;link&amp;gt;https://www.xheldon.com&amp;lt;/link&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-string&#34;&gt;        &amp;lt;atom:link href=&amp;quot;https://www.xheldon.com/feed.xml&amp;quot; rel=&amp;quot;self&amp;quot; type=&amp;quot;application/rss+xml&amp;quot; /&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-string&#34;&gt;        &amp;lt;pubDate&amp;gt;&amp;lt;%= getDate() %&amp;gt;&amp;lt;/pubDate&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-string&#34;&gt;        &amp;lt;lastBuildDate&amp;gt;&amp;lt;%= getDate() %&amp;gt;&amp;lt;/lastBuildDate&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-string&#34;&gt;        &amp;lt;generator&amp;gt;Hexo v&amp;lt;%= version %&amp;gt;&amp;lt;/generator&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-string&#34;&gt;        &amp;lt;% for (post of posts.sort((a, b) =&amp;gt; (new Date(b.date).getTime()) - (new Date(a.date).getTime())).slice(0, 10)) &amp;#123; %&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-string&#34;&gt;        &amp;lt;item&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-string&#34;&gt;            &amp;lt;title&amp;gt;&amp;lt;%= post.title %&amp;gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-string&#34;&gt;            &amp;lt;description&amp;gt;&amp;lt;%= bookmark_filter(post.content) %&amp;gt;&amp;lt;/description&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-string&#34;&gt;            &amp;lt;pubDate&amp;gt;&amp;lt;%= getDate(post.date) %&amp;gt;&amp;lt;/pubDate&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-string&#34;&gt;            &amp;lt;link&amp;gt;&amp;lt;%= post.permalink %&amp;gt;&amp;lt;/link&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-string&#34;&gt;            &amp;lt;guid isPermaLink=&amp;quot;true&amp;quot;&amp;gt;&amp;lt;%= post.permalink %&amp;gt;&amp;lt;/guid&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-string&#34;&gt;            &amp;lt;% for (tag of post.tags.data) &amp;#123; %&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-string&#34;&gt;                &amp;lt;category&amp;gt;&amp;lt;%= tag.name %&amp;gt;&amp;lt;/category&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-string&#34;&gt;            &amp;lt;% &amp;#125; %&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-string&#34;&gt;            &amp;lt;% for (cat of post.categories.data) &amp;#123; %&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-string&#34;&gt;                &amp;lt;category&amp;gt;&amp;lt;%- escape_html(cat.name) %&amp;gt;&amp;lt;/category&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-string&#34;&gt;            &amp;lt;% &amp;#125; %&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-string&#34;&gt;        &amp;lt;/item&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-string&#34;&gt;        &amp;lt;% &amp;#125; %&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-string&#34;&gt;    &amp;lt;/channel&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-string&#34;&gt;    &amp;lt;/rss&amp;gt;`&lt;/span&gt;;&lt;br&gt;&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; bookmark_filter = hexo.&lt;span class=&#34;hljs-property&#34;&gt;extend&lt;/span&gt;.&lt;span class=&#34;hljs-property&#34;&gt;helper&lt;/span&gt;.&lt;span class=&#34;hljs-title function_&#34;&gt;get&lt;/span&gt;(&lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;bookmark_filter&amp;#x27;&lt;/span&gt;).&lt;span class=&#34;hljs-title function_&#34;&gt;bind&lt;/span&gt;(hexo);&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; escape_html = hexo.&lt;span class=&#34;hljs-property&#34;&gt;extend&lt;/span&gt;.&lt;span class=&#34;hljs-property&#34;&gt;helper&lt;/span&gt;.&lt;span class=&#34;hljs-title function_&#34;&gt;get&lt;/span&gt;(&lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;escape_html&amp;#x27;&lt;/span&gt;).&lt;span class=&#34;hljs-title function_&#34;&gt;bind&lt;/span&gt;(hexo);&lt;br&gt;&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; data = &amp;#123;&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;posts&lt;/span&gt;: locals.&lt;span class=&#34;hljs-property&#34;&gt;posts&lt;/span&gt;.&lt;span class=&#34;hljs-title function_&#34;&gt;toArray&lt;/span&gt;(),&lt;br&gt;    getDate,&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;version&lt;/span&gt;: hexo.&lt;span class=&#34;hljs-property&#34;&gt;version&lt;/span&gt;,&lt;br&gt;    escape_html,&lt;br&gt;    bookmark_filter,&lt;br&gt;  &amp;#125;;&lt;br&gt;&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; jsonContent = ejs.&lt;span class=&#34;hljs-title function_&#34;&gt;render&lt;/span&gt;(template, data);&lt;br&gt;&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; outputPath = path.&lt;span class=&#34;hljs-title function_&#34;&gt;join&lt;/span&gt;(&lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;source/_posts&amp;#x27;&lt;/span&gt;, &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;feed.xml&amp;#x27;&lt;/span&gt;);&lt;br&gt;  fs.&lt;span class=&#34;hljs-title function_&#34;&gt;writeFileSync&lt;/span&gt;(outputPath, jsonContent, &amp;#123; &lt;span class=&#34;hljs-attr&#34;&gt;encoding&lt;/span&gt;: &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;utf8&amp;#x27;&lt;/span&gt; &amp;#125;);&lt;br&gt;&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;return&lt;/span&gt; &amp;#123;&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;path&lt;/span&gt;: &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;feed.xml&amp;#x27;&lt;/span&gt;,&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;data&lt;/span&gt;: jsonContent,&lt;br&gt;  &amp;#125;;&lt;br&gt;&amp;#125;);&lt;br&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;
&lt;h3 id=&#34;service-worker-问题&#34;&gt;Service-Worker 问题&lt;/h3&gt;
&lt;p&gt;移除了 service worker，因为每次构建，页面的 tags 部分一定会变，导致 html 页面一定会更新，会导致经常需要手动刷新页面，不胜其烦，因此直接移除了。&lt;/p&gt;
&lt;h3 id=&#34;其他问题&#34;&gt;其他问题&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;有些文件是需要的但是没放进入，构建后放入，如 ads.txt 等。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;code&gt;layout&lt;/code&gt; 值是 &lt;code&gt;post&lt;/code&gt;  类型的文章， &lt;code&gt;page.path&lt;/code&gt; 的值不以 &lt;code&gt;/&lt;/code&gt; 开头，这点要注意。&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;后话&#34;&gt;后话&lt;/h2&gt;
&lt;p&gt;基本就是这么多，使用 BeyondCompare 逐行对比后基本可以最小化变化的迁移过去。&lt;/p&gt;
</description>
            <pubDate>Tue, 07 Jan 2025 00:00:00 +0000</pubDate>
            <link>https://www.xheldon.com/tech/jekyll-2-hexo.html</link>
            <guid isPermaLink="true">https://www.xheldon.com/tech/jekyll-2-hexo.html</guid>
            
                <category>使用体验</category>
            
                <category>折腾</category>
            
                <category>总结</category>
            
                <category>教程</category>
            
                <category>技巧</category>
            
                <category>JavaScript</category>
            
                <category>技术</category>
            
                <category>框架</category>
            
            
                <category>tech</category>
            
        </item>
        
        <item>
            <title>赛博朋克 2024：我正在使用的工具们</title>
            <description>&lt;h2 id=&#34;前言&#34;&gt;前言&lt;/h2&gt;
&lt;p&gt;2024 年底了，趁着微信的内容助推券即将过期之际，总结一下本年度我日常开发过程中会频繁使用到的各种效率工具，软硬件均有，仅供参考。&lt;/p&gt;
&lt;p caption=&#39;AI 生成图&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-80d5-99b3-da02d3eacde4.webp&#39; alt=&#39;AI 生成图&#39; title=&#39;AI 生成图&#39;&gt;&lt;/p&gt;
&lt;h2 id=&#34;付费订阅软件&#34;&gt;付费订阅软件&lt;/h2&gt;
&lt;h3 id=&#34;crusor&#34;&gt;Crusor&lt;/h3&gt;
&lt;p&gt;AI 编程，首当其冲（首当其冲：比喻首先受到攻击或遭遇灾难。此处用典——作者注）的是 Cursor。&lt;/p&gt;
&lt;p&gt;在与 Windsurf、Github Copilot 的对比中，新代码生成能力基本不相上下，但是 Cursor 修改/重构已有代码它比其他 AI 代码辅助工具高出一个次元。全程你基本只需要按 Tab 键，它会自动将光标（Cursor）定位到需要重构/修改的地方，你只需要按 Tab 接受，然后继续按 Tab 就会跳到下一个需要重构/修改的地方，而它的 Composer/Agent 也是与 AI 结对编程的开创者，实力毋庸置疑。&lt;/p&gt;
&lt;p caption=&#39;使用 Cursor 的日常编程界面&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-8053-865f-cbdc451a31ad.webp&#39; alt=&#39;使用 Cursor 的日常编程界面&#39; title=&#39;使用 Cursor 的日常编程界面&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;notion&#34;&gt;Notion&lt;/h3&gt;
&lt;blockquote style=&#39;border-color: ;color: &#39;&gt;&lt;p&gt; 我用到的功能免费版即可满足，付费版更多的是协同之用，因此来年我将不再订阅续费。&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;我使用笔记类软件最重要的两点是：「无限制的导入导出」和「全平台」。Notion 做到了，它：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;支持 API 功能，因此不用担心跑路数据无法导出（点名私有化格式的印象笔记等一众国内笔记产品）；&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;基于 API，配合 Notion-Flow 浏览器插件可以随时随地写基于 Github 的静态博客；&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;它的 database 模块功能，只需要稍微写点服务端代码，即可将其当做网络数据库，如我在博客页面所使用的那样：&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;a href=&#34;https://www.xheldon.cn/subscribe/&#34; target=&#34;_blank&#34;&gt; 订阅&amp;付费软件 - Xheldon Blog&lt;/a&gt;&lt;/p&gt;
&lt;p caption=&#39;Notion Flow 插件界面&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-80ed-b18b-fd360fdc9098.webp&#39; alt=&#39;Notion Flow 插件界面&#39; title=&#39;Notion Flow 插件界面&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;滴答清单&#34;&gt;滴答清单&lt;/h3&gt;
&lt;p&gt;之前买断了 Things，但是在与日历的配合过程中很割裂，被朋友推荐了嘀嗒清单。&lt;/p&gt;
&lt;p&gt;日历、任务、列表视图非常方便，任务详情支持富文本，这可能也是它为付费订阅而不是付费买断的原因，因为需要持续的服务器存储成本支出。&lt;/p&gt;
&lt;p caption=&#39;滴答清单&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-807e-aa46-e617dece267c.webp&#39; alt=&#39;滴答清单&#39; title=&#39;滴答清单&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;1password&#34;&gt;1Password&lt;/h3&gt;
&lt;p&gt;密码管理软件当之无愧的老大，在各种场景可以解放双手无需再输入任何密码，支持各种格式的存储如 API Token、信用卡信息、SSH 信息、恢复代码纯文本、WiFi 账号密码。&lt;/p&gt;
&lt;p&gt;而它与系统的深度结合，更将「不输密码」发挥到了极致。当然，在 iOS 平台你需要使用系统自带的键盘才可以调起，这也是我不在手机上使用任何第三方输入法的最主要的原因。&lt;/p&gt;
&lt;p&gt;而安全方面，我更相信商业软件。&lt;/p&gt;
&lt;p caption=&#39;1Password&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-80d7-aea0-cecb9be5a8ab.webp&#39; alt=&#39;1Password&#39; title=&#39;1Password&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;youtube-premium&#34;&gt;Youtube Premium&lt;/h3&gt;
&lt;p&gt;把它算效率工具的原因，是因为我一般用它学习新东西，有不明白的用它搜一搜，总会有相关内容可以学到。最近的如 AI 相关，远点的如 Swift 相关等，甚至性爱技巧也有博主蹭流量来分享经验（当然是自媒体，真假自辨）。不过上面也有一些垃圾内容，网上冲浪注意甄别。&lt;/p&gt;
&lt;p&gt;另外，作为 Premium 会员的「福利」，YouTube Music 也可以免费使用，你既可以将 Apple Music 播放列表导入（需要第三方服务），也可以自己上传音乐文件。其与 Apple Music 相比，好处有：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;YouTube Music 的资料库不会擅自用在线曲库的音乐替换你上传的音乐。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;YouTube Music 的资料库可以允许你最多上传 10 万首音乐。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;YouTube Music 即使你退订了 YouTube Premium，也依然可以使用你上传的音乐，算是一个音乐网盘。&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p caption=&#39;我的 YouTube Music&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/161800e8-7a61-8089-b694-c40de53f4c15.webp&#39; alt=&#39;我的 YouTube Music&#39; title=&#39;我的 YouTube Music&#39;&gt;&lt;/p&gt;
&lt;p&gt;因此，本着消费降级的原则，我已经在 2024 年底，Apple Music 到期之际，退订 Apple Music，订阅 YouTube Premium 了。&lt;/p&gt;
&lt;p caption=&#39;我的 YouTube 主页&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15f800e8-7a61-801c-bdb9-dade7616324d.webp&#39; alt=&#39;我的 YouTube 主页&#39; title=&#39;我的 YouTube 主页&#39;&gt;&lt;/p&gt;
&lt;h2 id=&#34;付费买断软件&#34;&gt;付费买断软件&lt;/h2&gt;
&lt;h3 id=&#34;popclip&#34;&gt;Popclip&lt;/h3&gt;
&lt;p&gt;右手0帧起手进行搜索&amp;amp;翻译&amp;amp;各种操作，无需左手&amp;amp;键盘。&lt;/p&gt;
&lt;p&gt;我的使用场景是，划选文本后调起 OpenAI Translator，然后在 OpenAI Translator 中设置好任务（下面说）。&lt;/p&gt;
&lt;p caption=&#39;PopClip 主页&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-809a-b407-fedb0270ab0b.webp&#39; alt=&#39;PopClip 主页&#39; title=&#39;PopClip 主页&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;alfred-5&#34;&gt;Alfred 5&lt;/h3&gt;
&lt;p&gt;从 4 带买断直接升上来的，主要是应用启动器和配合 OpenAITranslate 进行问 AI 操作，写了个自定义的脚本，调起方法同上。&lt;/p&gt;
&lt;p caption=&#39;Alfred 主界面&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-8013-ba20-fde096aa3bf9.webp&#39; alt=&#39;Alfred 主界面&#39; title=&#39;Alfred 主界面&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;Alfred 自定义脚本界面&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/161800e8-7a61-800e-a495-cd4e85400abd.webp&#39; alt=&#39;Alfred 自定义脚本界面&#39; title=&#39;Alfred 自定义脚本界面&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;bettermouse&#34;&gt;Bettermouse&lt;/h3&gt;
&lt;p&gt;我一直在用罗技的游戏鼠标，罗技有 G HUB 软件，但是该软件有 N 多问题：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;任务栏中，只有黑色 icon，这在一众白色 icon 中很扎眼。&lt;/li&gt;
&lt;/ul&gt;
&lt;p caption=&#39;特立独行的 G Hub 软件&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-80ea-8bc1-f301acb45cdd.webp&#39; alt=&#39;特立独行的 G Hub 软件&#39; title=&#39;特立独行的 G Hub 软件&#39;&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;交互逻辑奇葩。我想打开软件，需要点击任务栏，然后点启动 G HUB 才能启动，而一般软件的交互是点击直接打开主窗口，右键才显示交互菜单。最不济的，起码给一个可选的设置让用户来决定交互。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;操作卡顿。启动需要半分钟，偶尔还无法启动，一直卡在动画播放界面。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;文案描述古怪。请告诉我，如果我想把鼠标放入板载，这个选项此时我应该点击「开启」，还是保持现状即可？&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p caption=&#39;离谱的文案描述&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-807e-bc82-e1b1057cf7b7.webp&#39; alt=&#39;离谱的文案描述&#39; title=&#39;离谱的文案描述&#39;&gt;&lt;/p&gt;
&lt;p&gt;而 Bettermouse 除了可以自定义鼠标移动速度外，还可以设置平滑滚动、右键拖拽滑动等高级交互（如 Figma 中你想滚动页面需要按住 cmd 后鼠标左键按下移动，而 Bettermouse 可以让你按下右键即可拖拽页面等）。&lt;/p&gt;
&lt;p caption=&#39;BetterMouse 软件设置&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-80d2-b103-c9c785b85f43.webp&#39; alt=&#39;BetterMouse 软件设置&#39; title=&#39;BetterMouse 软件设置&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;magnet&#34;&gt;Magnet&lt;/h3&gt;
&lt;p&gt;很多年前买的窗口管理工具，跟着我的 Apple ID 安装在了一台又一台 Mac 上。快捷键调整窗口屏占比，非～常～方～便～。市面上有挺多类似功能的软件，不过对我来说这款已经足够了，而且经过多个版本迭代后功能更丰富了，完全没有替换的动力。&lt;/p&gt;
&lt;p caption=&#39;Magnet 软件设置&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-8051-81d6-d51835aaeb7b.webp&#39; alt=&#39;Magnet 软件设置&#39; title=&#39;Magnet 软件设置&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;cleanshotx&#34;&gt;CleanshotX&lt;/h3&gt;
&lt;blockquote style=&#39;border-color: ;color: &#39;&gt;&lt;p&gt; 大版本买断&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;最强截图/录屏工具，中间还付费升级过一次大版本，不多介绍。最喜欢的功能是：截图后一键复制到粘贴板、截图后一键固定在屏幕上（最常用）。使用场景就是有些东西你看一眼记不住（抱歉年龄越大我大脑的 context 容量越低了），得反复来回切换，截屏固定后免去此烦恼～&lt;/p&gt;
&lt;p caption=&#39;置顶截图&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-808f-90e9-c31105514fac.webp&#39; alt=&#39;置顶截图&#39; title=&#39;置顶截图&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;surge-quantumultx&#34;&gt;Surge/QuantumultX&lt;/h3&gt;
&lt;blockquote style=&#39;border-color: ;color: &#39;&gt;&lt;p&gt; 大版本买断&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;因为 Clash 内核不再更新放弃了 ClashX 小猫咪，跟朋友拼了个 Mac Surge 5人车。手机上使用 QuantumultX。&lt;/p&gt;
&lt;p caption=&#39;使用 Surge 当网关&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-80f7-8620-c8391a537a25.webp&#39; alt=&#39;使用 Surge 当网关&#39; title=&#39;使用 Surge 当网关&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;xpic（夹带私货）&#34;&gt;xPic（夹带私货）&lt;/h3&gt;
&lt;blockquote style=&#39;border-color: ;color: &#39;&gt;&lt;p&gt; 此为私货推荐，我开发的，哈哈&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;工作中需要压缩图片和转换图片，而一些在线工具不是无法达到预期，就是上传下载太麻烦，又或者有隐私问题。因此我开发了一个工具 xPic，支持图片和视频的压缩、格式转换，以及图片序列帧的合成、视频转 Gif 图。&lt;/p&gt;
&lt;p&gt;同时因为工作中用到了 SVGA，还支持了 SVGA 的便捷预览。软件依然有 bug，还在内测中。&lt;/p&gt;
&lt;p caption=&#39;xPic SVGA 预览&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-8072-a02d-f69887f17f73.webp&#39; alt=&#39;xPic SVGA 预览&#39; title=&#39;xPic SVGA 预览&#39;&gt;&lt;/p&gt;
&lt;h2 id=&#34;免费-开源软件&#34;&gt;免费/开源软件&lt;/h2&gt;
&lt;h3 id=&#34;openai-translator&#34;&gt;OpenAI Translator&lt;/h3&gt;
&lt;p&gt;本身是一个翻译工具没什么值得推荐的，不过它支持 PopClip 调起（原理是向软件注册的一个 Unix 套接字发送数据，命令为：&lt;code&gt;curl -d &amp;quot;$1&amp;quot; --unix-socket /tmp/openai-translator.sock http://openai-translator&lt;/code&gt; 即可唤起），因此可以快速配合 PopClip 进行问 AI 操作，Alfred 同理。&lt;/p&gt;
&lt;p caption=&#39;OpenAI Translator 界面&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-8071-9f06-d2abc7033bb2.webp&#39; alt=&#39;OpenAI Translator 界面&#39; title=&#39;OpenAI Translator 界面&#39;&gt;&lt;/p&gt;
&lt;p&gt;我新加了一个任务为：&lt;/p&gt;
&lt;p caption=&#39;OpenAI Translator 设置界面&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-80fe-8c06-fdfbe61d1174.webp&#39; alt=&#39;OpenAI Translator 设置界面&#39; title=&#39;OpenAI Translator 设置界面&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;微信输入法&#34;&gt;微信输入法&lt;/h3&gt;
&lt;p&gt;我没有在 iPhone 上使用微信输入法，仅在公司/家里的 Mac 上使用，共享词库很不错。之前一直用搜狗输入法，但不知道是搜狗被腾讯收购后被有意降智逼用户转移还是其他什么原因，搜狗输入法经常会出现一些我完全没有输入过的词，而不是最普通最常用的词。比如我输入 &lt;code&gt;zhuomian&lt;/code&gt;，给我第一个候选词是「卓面」而不是「桌面」。&lt;/p&gt;
&lt;p&gt;另外一个尴尬的是，我承认用键盘战斗的时候输出过「屄」这个字，不知怎的，搜狗输入法仿佛发现了我的癖好，即使我手动特意多输入了几遍 bi 的同音字以期望能够通过「频率调词」来将「屄」这个候选词移动到后面，但总是失败。或者当时成功将其移动到第二页候选词后，过段时间又失败回到了第一个候选词（我发誓这段时间内我没有输入过这个字）。&lt;/p&gt;
&lt;p&gt;另一个问题与之有关，无论任何时间（即使我刚调教过后）我输入 &lt;code&gt;vi&lt;/code&gt; 后，也许是输入法以为我想输入 &lt;code&gt;bi&lt;/code&gt; (毕竟键盘上 &lt;code&gt;v&lt;/code&gt; 和 &lt;code&gt;b&lt;/code&gt; 挨着，这么判断很正常），此时它会忽略我曾经有意调教过的 &lt;code&gt;bi&lt;/code&gt; 的候选词顺序，优先给我展示「屄」这个字，这让我在投屏的时候大为尴尬。&lt;/p&gt;
&lt;p&gt;之所以没有在 iPhone 上使用的原因，是因为手机上调起 1Password 的自动填充/验证码自动填充只有原生键盘可以做到。&lt;/p&gt;
&lt;p caption=&#39;微信输入法设置界面&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-80e8-9e42-c558615951bf.webp&#39; alt=&#39;微信输入法设置界面&#39; title=&#39;微信输入法设置界面&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;orbstack&#34;&gt;OrbStack&lt;/h3&gt;
&lt;p&gt;原生的 Docker/Linux/k8s 管理工具，界面优雅，操作方便，内存占用低，免费的完全够用。比 Docker Desktop 不知道高到哪里去了，这里有一个官方的对比：&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://docs.orbstack.dev/compare/docker-desktop&#34; target=&#34;_blank&#34;&gt; OrbStack vs. Docker Desktop · OrbStack Docs&lt;/a&gt;&lt;/p&gt;
&lt;p caption=&#39;OrbStack 界面&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-8025-bacc-d810a6a81df6.webp&#39; alt=&#39;OrbStack 界面&#39; title=&#39;OrbStack 界面&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;immersive-translate&#34;&gt;Immersive translate&lt;/h3&gt;
&lt;p&gt;AI 翻译插件，阅读网页的时候配合快捷键可以全文翻译，也可以只翻译鼠标悬浮下的内容，支持自己提供 API；支持翻译 Youtube 字幕，比谷歌自带的机翻不知道高到哪里去了。&lt;/p&gt;
&lt;p&gt;（PS：谷歌搞大模型为什么不先把自家的全部文档用 AI 翻译一遍而依旧采用机翻痛苦难读？）&lt;/p&gt;
&lt;p caption=&#39;Immersive translate 官网&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-8087-8c69-f9aa44bfb9be.webp&#39; alt=&#39;Immersive translate 官网&#39; title=&#39;Immersive translate 官网&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;warp&#34;&gt;Warp&lt;/h3&gt;
&lt;p&gt;杀手锏功能：像编辑文本一样在终端输入 bash 命令。&lt;/p&gt;
&lt;p&gt;直接在 iTerm2、终端等，输入命令有诸多限制，如 &lt;code&gt;vim&lt;/code&gt; 快捷键等无法使用等。如果不是这个功能，我绝不会使用 Wrap，因为它出了很多对我来说完全没必要的功能：AI、协同等。&lt;/p&gt;
&lt;p caption=&#39;Wrap 界面&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-8003-bec7-c767006042fb.webp&#39; alt=&#39;Wrap 界面&#39; title=&#39;Wrap 界面&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;syntax-highlight&#34;&gt;Syntax Highlight&lt;/h3&gt;
&lt;blockquote style=&#39;border-color: ;color: &#39;&gt;&lt;p&gt; 开源&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;按下空格，即可预览文件，丰富的格式支持，非～常～方～便～&lt;/p&gt;
&lt;p caption=&#39;Syntax Highlight 界面&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-8096-af2a-e71c652a4594.webp&#39; alt=&#39;Syntax Highlight 界面&#39; title=&#39;Syntax Highlight 界面&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;monitorcontrol&#34;&gt;MonitorControl&lt;/h3&gt;
&lt;blockquote style=&#39;border-color: ;color: &#39;&gt;&lt;p&gt; 开源&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;顾名思义，显示器亮度调节软件，支持快捷键，很方便。&lt;/p&gt;
&lt;p caption=&#39;MonitorControl 界面&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-8089-9377-d223950afe0c.webp&#39; alt=&#39;MonitorControl 界面&#39; title=&#39;MonitorControl 界面&#39;&gt;&lt;/p&gt;
&lt;h2 id=&#34;破解软件&#34;&gt;破解软件&lt;/h2&gt;
&lt;h3 id=&#34;tableplus&#34;&gt;TablePlus&lt;/h3&gt;
&lt;p&gt;偶尔连接服务器数据库查看使用，使用频率极低（毕竟我不是专业运维/服务端），界面好看，操作简单。&lt;/p&gt;
&lt;p caption=&#39;TablePlus 界面&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-8039-8cd7-c4d3be294f4a.webp&#39; alt=&#39;TablePlus 界面&#39; title=&#39;TablePlus 界面&#39;&gt;&lt;/p&gt;
&lt;h2 id=&#34;硬件&#34;&gt;硬件&lt;/h2&gt;
&lt;h3 id=&#34;g309-鼠标&#34;&gt;G309 鼠标&lt;/h3&gt;
&lt;p&gt;四个字总结：非常喜欢。&lt;/p&gt;
&lt;p&gt;清脆的手感、蓝牙无线双模（蓝牙聊胜于无）、无线连接指哪儿打哪儿的准确性（回报率）、微微拱起的背部、垂直的两侧，加上随赠的防滑贴纸，一切都很完美。&lt;/p&gt;
&lt;p&gt;注：之前我用 G403 和 G502 有线都是非对称鼠标（右键水平位置更低），使用 G309 对称鼠标后，左右键在同一水平位置，中指在右键感觉容易误触，需要有意抬起来一些，习惯了就好。&lt;/p&gt;
&lt;p caption=&#39;小手友好的 G309（虽然我是大手）&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-8015-b435-d15e54c1bd29.webp&#39; alt=&#39;小手友好的 G309（虽然我是大手）&#39; title=&#39;小手友好的 G309（虽然我是大手）&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;apple-watch-表带&#34;&gt;Apple Watch 表带&lt;/h3&gt;
&lt;p&gt;淘宝某神秘店铺买的表带，号称原装，拆封不退。只有原价的 1/3 ～ 1/2 的价格，买来后确实跟原装没有任何区别。店铺还有一些是散装无包装的原装/99新/95新的货，看评论基本都可以确认是苹果工厂流出/瑕疵货或者官退货，我为了出二手所以买了带原包装的，但店铺有很多99新散装表带。&lt;/p&gt;
&lt;p caption=&#39;各种表带&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-806d-a1b5-eb2218516b61.webp&#39; alt=&#39;各种表带&#39; title=&#39;各种表带&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;airpods-4-降噪版&#34;&gt;AirPods 4 降噪版&lt;/h3&gt;
&lt;p&gt;出了 AirPods Pro 2，因为它带着确实不舒服，且带了快两年了，想换新的了。于是入了 4 代降噪版。降噪效果我个人使用对比与 Pro 2 代还是有一定差距，但没有差太多，唯一的意外是居然不能用耳机上下滑动耳机柄调节音量，其他的很满意。&lt;/p&gt;
&lt;p caption=&#39;AirPods 4 降噪版&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-8069-8274-f67ac1401a27.webp&#39; alt=&#39;AirPods 4 降噪版&#39; title=&#39;AirPods 4 降噪版&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;小米-ih-电饭煲-s1&#34;&gt;&lt;strong&gt;小米 IH 电饭煲 S1&lt;/strong&gt;&lt;/h3&gt;
&lt;p&gt;淘汰了用了8 年的美的电饭煲（虽然它也没坏），用着不错，唯一震惊的是它煮粥（稀饭）要一个半小时。&lt;/p&gt;
&lt;p caption=&#39;小米电饭锅&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-804b-9e0a-c48863912c40.webp&#39; alt=&#39;小米电饭锅&#39; title=&#39;小米电饭锅&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;美利达探索者x平把公路车&#34;&gt;美利达探索者X平把公路车&lt;/h3&gt;
&lt;p&gt;虽然不算电子产品，但也算作为程序员生活的一部分，也加上吧。通勤用，每天上下班总共20分钟，很方便～&lt;/p&gt;
&lt;p caption=&#39;探索者 X 在雁栖湖&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/the-tools-i-used-in-2024/15a800e8-7a61-80ba-bf2e-e14e392280c4.webp&#39; alt=&#39;探索者 X 在雁栖湖&#39; title=&#39;探索者 X 在雁栖湖&#39;&gt;&lt;/p&gt;
&lt;h2 id=&#34;后记&#34;&gt;后记&lt;/h2&gt;
&lt;p&gt;欢迎大家分享自己的工具～&lt;/p&gt;
</description>
            <pubDate>Thu, 12 Dec 2024 00:00:00 +0000</pubDate>
            <link>https://www.xheldon.com/life/the-tools-i-used-in-2024.html</link>
            <guid isPermaLink="true">https://www.xheldon.com/life/the-tools-i-used-in-2024.html</guid>
            
                <category>生活</category>
            
                <category>经验</category>
            
                <category>工具</category>
            
                <category>AI</category>
            
            
                <category>life</category>
            
        </item>
        
        <item>
            <title>如何让 TP-Link 关闭 DHCP 后拨号上网</title>
            <description>&lt;blockquote style=&#39;border-color: ;color: &#39;&gt;&lt;p&gt; 因为已经配置好了网络，所以一些页面我就用文字代替图片，毕竟为了写博客再重置一遍网络有点麻烦。&lt;/p&gt;&lt;/blockquote&gt;
&lt;h2 id=&#34;前言&#34;&gt;前言&lt;/h2&gt;
&lt;p&gt;我买的 TP-Link XDR-5480 有一个奇怪的设定：当你关闭了路由器的 DHCP 服务后，它的全部口（包括 SPF 转的口），都会变成 Lan 口，这就导致无法再光猫桥接+路由拨号上网了，而且你的 Lan 口 IP 无法指定，都会从前端路由（也就是光猫）获取。&lt;/p&gt;
&lt;p&gt;此问题老款的 TP-Link 路由器反而没有，可以随意关闭不影响 Wan 口。也许新款 TP-Link 的产品经理觉得如果这样的话，就白白浪费了一个 Wan 口，加上新款的路由器全部都是 Wan/Lan 口混插，所以才把这个问题暴露出来了。&lt;/p&gt;
&lt;p&gt;因为前几天 Mac mini 发布了 M4 款，体型更小，能耗更低，因此网络上又刮起了「Mac mini 当软路由+ Mac Surge 掌管家庭网络」的邪风。因为我当前的网络架构已经很稳定了，大概有一年多没折腾新东西，所以心痒难耐；又一想，我的 Mac Studio 也一直常年不关机，不就也可以跟 mini 一样当一个软路由吗？又加上网友们鼓吹的 Surge（以下均指 Mac Surge）接管 DHCP 服务可以全屋无感魔法上网以及实时「优雅」的查看各个设备的连接情况。本着「优雅永不过时」的态度，我又开始着手琢磨如何解决这个 TP-Link 的问题。&lt;/p&gt;
&lt;p&gt;网上搜了一圈，如：&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://cn.v2ex.com/t/1053641&#34; target=&#34;_blank&#34;&gt; tp link 的路由器如何能在关闭 dhcp 服务的同时让 wan 口能够拨号上网？ - V2EX&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;以及：&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://www.chiphell.com/forum.php?mod=viewthread&amp;tid=2521336&amp;highlight=&amp;mobile=no&#34; target=&#34;_blank&#34;&gt; 请教各位大佬关于华硕和tplink路由器关闭dhcp设置的问题 - 电脑讨论(新) -  Chiphell - 分享与交流用户体验&lt;/a&gt;&lt;/p&gt;
&lt;h2 id=&#34;现状&#34;&gt;现状&lt;/h2&gt;
&lt;blockquote style=&#39;border-color: ;color: &#39;&gt;&lt;p&gt; 注意：请提前在 TP-Link（以下均指我的 XDR-5480 型号）的设置界面备份你的路由设置，防止你操作失误，无法访问路由器的情况下重置，路由配置丢失的情况，如下图导出配置即可。注意，这里导出的配置不会涉及端口设置和网络，这个产品设计很好的解决了你设置错网络重置然后导入配置依然是错误配置无法访问网络的情况，给 TP-Link 的产品经理点赞。&lt;/p&gt;&lt;/blockquote&gt;
&lt;p caption=&#39;&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/how-to-pppoe-after-close-tp-link-dhcp/134800e8-7a61-80e6-9e16-eb66a08e2ff7.webp&#39; alt=&#39;&#39; title=&#39;&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;网络拓扑图：&#34;&gt;网络拓扑图：&lt;/h3&gt;
&lt;p caption=&#39;&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/how-to-pppoe-after-close-tp-link-dhcp/134800e8-7a61-8003-89a9-e3f05024c8b5.webp&#39; alt=&#39;&#39; title=&#39;&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;目标&#34;&gt;目标&lt;/h3&gt;
&lt;p&gt;不改动当前任何设备的连接方式、网段的情况下（怕被骂），使用 Mac Studio 的 Surge 作为网关掌管 DHCP 服务。&lt;/p&gt;
&lt;h3 id=&#34;难点&#34;&gt;难点&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;TP-Link 关闭了自身的 DHCP 服务后，会弹窗告诉你所有的口（包括 SPF 的口）都变成 Lan 口，无法再自定义端口地址。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;TP-Link 关闭了自身的 DHCP 服务后，会弹窗提示你目前所有 Lan 口的 IP 地址，都是从前端路由（也就是光猫）获取，这也无可厚非，毕竟它此时是一个纯 AP，但这也导致了 Suerge 还是能感知到光猫上存在的 DHCP 服务的。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Mac Surge 作为网关的话，它会自己开启一个 DHCP 服务，同时要求网络上没有其他 DHCP 服务，否则会造成冲突掉线的情况。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;根据第 2 点和第 3 点可得，你需要同时关闭光猫的 DHCP 和路由器的 DHCP 服务。但是！此操作如果你没有提前在光猫/路由器上设置好 IP 与 Mac 地址绑定的话，就无法再通过 WiFi 连接二者而只能重置路由器和光猫了！（别问我为什么知道的）所以不能关闭光猫的 DHCP 服务。&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id=&#34;解决办法&#34;&gt;解决办法&lt;/h2&gt;
&lt;p&gt;基于上面的目标和难点，「朋友们，你们记一下，我作如下部署调整」：&lt;/p&gt;
&lt;p caption=&#39;&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/how-to-pppoe-after-close-tp-link-dhcp/134800e8-7a61-80ce-8790-d3cef3ef7d8f.webp&#39; alt=&#39;&#39; title=&#39;&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;步骤-1：关闭光猫的电源&#34;&gt;步骤 1：关闭光猫的电源&lt;/h3&gt;
&lt;blockquote style=&#39;border-color: ;color: &#39;&gt;&lt;p&gt; 其实只要断开光猫与 TP-Link 的连接就可以，我这里让关闭电源，只是防止大家可能意外连上光猫的 WiFi，如果你选择忘记光猫 WiFi，那么不关闭电源只断开与 TP-Link 的连接即可。&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;我们先不设置光猫，防止它的 DHCP 服务被 Surge 检测到导致 Surge 无法开启 DHCP 服务。而且因为已经关闭了光猫与 TP-Link 的连接，当下一步关闭 TP-Link 的 DHCP 服务的时候，TP-Link 不会再自己检测前端路由器的 DHCP 服务而改变自己的 Lan 口 IP 了。&lt;/p&gt;
&lt;h3 id=&#34;步骤-2：关闭路由器的-dhcp-服务&#34;&gt;步骤 2：关闭路由器的 DHCP 服务&lt;/h3&gt;
&lt;p&gt;在设置里面关了就行了，这里我们选择「关闭」，后续等设置成功后，我们再改为「自动」。改为自动的是为了网络健壮性，我后面说。&lt;/p&gt;
&lt;p caption=&#39;&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/how-to-pppoe-after-close-tp-link-dhcp/134800e8-7a61-804e-a69d-edb6a6eaabc1.webp&#39; alt=&#39;&#39; title=&#39;&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;步骤-3：开启-surge-dhcp&#34;&gt;步骤 3：开启 Surge DHCP&lt;/h3&gt;
&lt;p&gt;这一步在 Surge 的「概览」和「设备」tab 都可以找到入口：&lt;/p&gt;
&lt;p caption=&#39;&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/how-to-pppoe-after-close-tp-link-dhcp/134800e8-7a61-8091-83b9-e144224f35d5.webp&#39; alt=&#39;&#39; title=&#39;&#39;&gt;&lt;/p&gt;
&lt;p&gt;它会提示你 Surge 会将你的 Mac 的 IP 地址改为手动并固定，我这里就是 &lt;code&gt;192.168.5.100&lt;/code&gt;，具体的教程网上一大把，你既然看到这里，肯定知道怎么设置，这里就不啰嗦了。&lt;/p&gt;
&lt;p&gt;这里有个点需要注意的是，它会显示路由器的地址是 &lt;code&gt;192.168.5.1&lt;/code&gt; 地址池是从 &lt;code&gt;192.168.5.100&lt;/code&gt; 到 &lt;code&gt;192.168.5.200&lt;/code&gt; 我这里把地址池改成了 &lt;code&gt;192.168.5.2&lt;/code&gt; 到 &lt;code&gt;192.168.5.254&lt;/code&gt; 范围更大一些。&lt;/p&gt;
&lt;h3 id=&#34;步骤-4：找到新的路由器地址&#34;&gt;步骤 4：找到新的路由器地址&lt;/h3&gt;
&lt;p&gt;设置完 Surge 后，你再访问路由器的 &lt;code&gt;192.168.5.1&lt;/code&gt; 会发现已经无法访问了！不要紧张，因为此时你的 Mac Studio 是 DHCP 服务，它「居然」会给你的 TP-Link 路由器再分配一个 IP 地址（至于为什么会这样，我也不知道）。你点击「设备」后，找到名字是「Hostname Unsuitable for Printing」的（不确定一定是这个），在地址栏访问，就会发现熟悉的路由器界面又回来了！我这里的新的路由器 IP 地址是 &lt;code&gt;192.168.5.114&lt;/code&gt; 。&lt;/p&gt;
&lt;p caption=&#39;&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/how-to-pppoe-after-close-tp-link-dhcp/134800e8-7a61-809d-894e-fbe831126b06.webp&#39; alt=&#39;&#39; title=&#39;&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;步骤-5：修改路由器的-lan-口并拨号&#34;&gt;步骤 5：修改路由器的 Lan 口并拨号&lt;/h3&gt;
&lt;p&gt;此时你是无法上网的，因为你的光猫都没有通电！到这一步，你可以把光猫通电了，等到几分钟，然后在路由器的设置界面，你仍然会发现 &lt;code&gt;Wan 口已经断开连接&lt;/code&gt; 再怎么点都没用。&lt;/p&gt;
&lt;p&gt;但是不要放弃！你想一想，你现在的 Studio 的作用，跟你折腾软路由的情况是不是类似？当时是光猫负责拨号，软路由插到主路由/或者光猫上，负责 DHCP 服务。而现在，我的朋友，你将拨号设备后移到了路由器，你的 Studio 连接了主路由，因此你的 Studio 就变成了软路由，将 DHCP 服务放到了自身上。&lt;/p&gt;
&lt;p&gt;因此关键是这一步：你需要再在设置里，手动指定 TP-Link Lan 口的 IP 地址为 &lt;code&gt;192.168.5.1&lt;/code&gt; 即可（否则整个网络上都没有拥有 &lt;code&gt;192.168.5.1&lt;/code&gt; 这个 IP 的设备了）！&lt;/p&gt;
&lt;p caption=&#39;&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/how-to-pppoe-after-close-tp-link-dhcp/134800e8-7a61-80e0-8bb3-f208b1f9c874.webp&#39; alt=&#39;&#39; title=&#39;&#39;&gt;&lt;/p&gt;
&lt;p&gt;手动指定完 Lan 口 IP 后（虽然叫 Lan 口，但是它连接了光猫，是可以拨号的！），此时我们再回到上网设置，点击「连接」，也许需要点个 4、5 次，因为首次拨号比较久，但是最后会成功的。&lt;/p&gt;
&lt;p caption=&#39;&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/how-to-pppoe-after-close-tp-link-dhcp/134800e8-7a61-8092-a5bc-cc3e8f728305.webp&#39; alt=&#39;&#39; title=&#39;&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;步骤-6：结尾&#34;&gt;步骤 6：结尾&lt;/h3&gt;
&lt;p&gt;至此，你的设置就完成了，现在你需要手动将已连接的设备右键，点击「将 Surge 作为其网关」，然后将设备重新连接网络即可：&lt;/p&gt;
&lt;p caption=&#39;&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/how-to-pppoe-after-close-tp-link-dhcp/134800e8-7a61-8044-b913-da4aafc3219f.webp&#39; alt=&#39;&#39; title=&#39;&#39;&gt;&lt;/p&gt;
&lt;p&gt;另外可以再设置一下「新设备都将 Surge 作为默认网关」就行了：&lt;/p&gt;
&lt;p caption=&#39;&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/how-to-pppoe-after-close-tp-link-dhcp/134800e8-7a61-80fc-9142-f5520e0a2756.webp&#39; alt=&#39;&#39; title=&#39;&#39;&gt;&lt;/p&gt;
&lt;p&gt;此时你的全部设备均把 Surge 当做网关，可以查看他们的实时流量。&lt;/p&gt;
&lt;p&gt;还记得我在第 2 步说的，把 TP-Link 的 DHCP 服务关闭的设置吗？此时你可以再回到 TP-Link，把 DHCP 服务改为「自动」，这么做，是为了万一的万一，**Surge 的 DHCP 服务崩溃了，或者 Mac 坏掉了，你和家里的设备仍然可以访问访问网络，而你，我的朋友，你不会挨骂！**因为 TP-Link 的这个设置会「自动」探测局域网的 DHCP 服务，如果没有就开启自己的 DHCP，如果有就关闭：&lt;/p&gt;
&lt;p caption=&#39;&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2024/how-to-pppoe-after-close-tp-link-dhcp/134800e8-7a61-805c-98c5-e3895ef7dfe0.webp&#39; alt=&#39;&#39; title=&#39;&#39;&gt;&lt;/p&gt;
&lt;p&gt;注：如果你点了「关」并保存，此时你的路由器的地址又变为了 &lt;code&gt;192.168.5.114&lt;/code&gt; 。而且无法修改（因为你既连了光猫，又关了 DHCP，触发了上面难点中的 1 和 2 的问题），那又需要重新从头（关闭光猫电源）走一遍流程。&lt;/p&gt;
&lt;h2 id=&#34;结尾&#34;&gt;结尾&lt;/h2&gt;
&lt;p&gt;至此就结束了。在这个过程中我遇到了一些奇怪的问题，也做过一些失败的尝试，比如你猜我为什么会想到关闭光猫电源设置好路由器后再打开这个方法？&lt;/p&gt;
&lt;p&gt;祝大家 WiFi 自由！&lt;/p&gt;
</description>
            <pubDate>Mon, 04 Nov 2024 00:00:00 +0000</pubDate>
            <link>https://www.xheldon.com/tech/how-to-pppoe-after-close-tp-link-dhcp.html</link>
            <guid isPermaLink="true">https://www.xheldon.com/tech/how-to-pppoe-after-close-tp-link-dhcp.html</guid>
            
                <category>折腾</category>
            
                <category>软路由</category>
            
                <category>网络</category>
            
                <category>路由器</category>
            
                <category>技巧</category>
            
                <category>技术</category>
            
                <category>旁路由</category>
            
                <category>千兆</category>
            
            
                <category>tech</category>
            
        </item>
        
        <item>
            <title>如何使用 Notion Flow 模块转换</title>
            <description>&lt;p&gt;一周前，我构建了 Notion Flow 浏览器扩展：&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://twitter.com/_Xheldon/status/1770466495560294583&#34; target=&#34;_blank&#34;&gt; Xheldon on Twitter / X&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;而刚刚更新的 0.4.1 版本：&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://notion-flow.xheldon.com/blog/2024/03/31/0.4.1&#34; target=&#34;_blank&#34;&gt; 0.4.1 | Notion Flow&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;支持了兼容 AWS S3 API 的自建 OSS 服务，如 Cloudflare R2：&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://www.cloudflare.com/zh-cn/developer-platform/r2/&#34; target=&#34;_blank&#34;&gt; Cloudflare R2 | 零出口费用分布式对象存储 | Cloudflare | Cloudflare&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;本篇文章简单介绍一下我是如何使用这个浏览器扩展用于我的 Github Jekyll 博客的。&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;Jekyll 静态博客是基于 Ruby 构建的，支持插件。所以我自己写了几个插件（Jekyll 博客的插件位于 &lt;code&gt;_plugins&lt;/code&gt; 目录下，写好 ruby 文件后，丢到该目录下，重启服务即可）来处理 Liquid 模板语言，而内容就是来自 Notion Flow 转换的 Notion 内容。如处理 bookmark 的插件内容如下：&lt;/p&gt;


&lt;figure class=&#34;highlight ruby&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;8&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;9&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;10&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;11&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;12&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;13&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;14&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;15&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;16&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;17&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;18&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;19&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;20&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;21&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;22&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;23&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;24&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;25&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;26&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;27&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;28&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;29&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;30&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;31&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;32&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;33&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;34&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;35&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;36&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;37&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;38&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;39&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;40&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;41&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;42&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;43&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;44&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;45&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;46&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;47&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;48&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;49&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;50&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;51&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;52&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;53&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;54&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;55&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;56&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;57&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;code class=&#34;hljs ruby&#34;&gt;&lt;span class=&#34;hljs-keyword&#34;&gt;module&lt;/span&gt; &lt;span class=&#34;hljs-title class_&#34;&gt;Jekyll&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-keyword&#34;&gt;class&lt;/span&gt; &lt;span class=&#34;hljs-title class_&#34;&gt;RenderBookMarkBlock&lt;/span&gt; &amp;lt; &lt;span class=&#34;hljs-title class_ inherited__&#34;&gt;Liquid::Block&lt;/span&gt;&lt;br&gt;        &lt;span class=&#34;hljs-keyword&#34;&gt;def&lt;/span&gt; &lt;span class=&#34;hljs-title function_&#34;&gt;initialize&lt;/span&gt;(&lt;span class=&#34;hljs-params&#34;&gt;tag_name, attr, tokens&lt;/span&gt;)&lt;br&gt;            &lt;span class=&#34;hljs-variable language_&#34;&gt;super&lt;/span&gt;&lt;br&gt;            &lt;span class=&#34;hljs-comment&#34;&gt;# 普通的链接没有 yid 和 bid&lt;/span&gt;&lt;br&gt;            attrs = attr.scan(&lt;span class=&#34;hljs-regexp&#34;&gt;/url\=\&amp;quot;(.*)\&amp;quot;\stitle\=\&amp;quot;(.*)\&amp;quot;\simg\=\&amp;quot;(.*)\&amp;quot;\syid\=\&amp;quot;(.*)\&amp;quot;\sbid\=\&amp;quot;(.*)\&amp;quot;/&lt;/span&gt;)&lt;br&gt;            &lt;span class=&#34;hljs-keyword&#34;&gt;if&lt;/span&gt; !attrs.empty?&lt;br&gt;              &lt;span class=&#34;hljs-comment&#34;&gt;# 外部的 video 链接，youtube、bilibili（如本文上一篇博客就是）&lt;/span&gt;&lt;br&gt;                &lt;span class=&#34;hljs-variable&#34;&gt;@url&lt;/span&gt; = attrs[&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;][&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;]&lt;br&gt;                &lt;span class=&#34;hljs-variable&#34;&gt;@title&lt;/span&gt; = attrs[&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;][&lt;span class=&#34;hljs-number&#34;&gt;1&lt;/span&gt;]&lt;br&gt;                &lt;span class=&#34;hljs-variable&#34;&gt;@img&lt;/span&gt; = attrs[&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;][&lt;span class=&#34;hljs-number&#34;&gt;2&lt;/span&gt;]&lt;br&gt;                &lt;span class=&#34;hljs-variable&#34;&gt;@yid&lt;/span&gt; = attrs[&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;][&lt;span class=&#34;hljs-number&#34;&gt;3&lt;/span&gt;]&lt;br&gt;                &lt;span class=&#34;hljs-variable&#34;&gt;@bid&lt;/span&gt; = attrs[&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;][&lt;span class=&#34;hljs-number&#34;&gt;4&lt;/span&gt;]&lt;br&gt;                &lt;span class=&#34;hljs-variable&#34;&gt;@firstChar&lt;/span&gt; = (&lt;span class=&#34;hljs-variable&#34;&gt;@title&lt;/span&gt;)[&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;].upcase&lt;br&gt;                &lt;span class=&#34;hljs-variable&#34;&gt;@error&lt;/span&gt; = &lt;span class=&#34;hljs-string&#34;&gt;&amp;quot;&amp;quot;&lt;/span&gt;&lt;br&gt;            &lt;span class=&#34;hljs-keyword&#34;&gt;else&lt;/span&gt;&lt;br&gt;             &lt;span class=&#34;hljs-comment&#34;&gt;# 正常和 notion 一样的 bookmark（如本文上面三个链接就是）&lt;/span&gt;&lt;br&gt;                attrs = attr.scan(&lt;span class=&#34;hljs-regexp&#34;&gt;/url\=\&amp;quot;(.*)\&amp;quot;\stitle\=\&amp;quot;(.*)\&amp;quot;\simg\=\&amp;quot;(.*)\&amp;quot;/&lt;/span&gt;)&lt;br&gt;                &lt;span class=&#34;hljs-variable&#34;&gt;@url&lt;/span&gt; = attrs[&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;][&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;]&lt;br&gt;                &lt;span class=&#34;hljs-variable&#34;&gt;@title&lt;/span&gt; = attrs[&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;][&lt;span class=&#34;hljs-number&#34;&gt;1&lt;/span&gt;]&lt;br&gt;                &lt;span class=&#34;hljs-variable&#34;&gt;@img&lt;/span&gt; = attrs[&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;][&lt;span class=&#34;hljs-number&#34;&gt;2&lt;/span&gt;]&lt;br&gt;                &lt;span class=&#34;hljs-variable&#34;&gt;@firstChar&lt;/span&gt; = (&lt;span class=&#34;hljs-variable&#34;&gt;@title&lt;/span&gt;)[&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;].upcase&lt;br&gt;                &lt;span class=&#34;hljs-variable&#34;&gt;@error&lt;/span&gt; = &lt;span class=&#34;hljs-string&#34;&gt;&amp;quot;&amp;quot;&lt;/span&gt;&lt;br&gt;            &lt;span class=&#34;hljs-keyword&#34;&gt;end&lt;/span&gt;&lt;br&gt;        &lt;span class=&#34;hljs-keyword&#34;&gt;end&lt;/span&gt;&lt;br&gt;        &lt;span class=&#34;hljs-keyword&#34;&gt;def&lt;/span&gt; &lt;span class=&#34;hljs-title function_&#34;&gt;render&lt;/span&gt;(&lt;span class=&#34;hljs-params&#34;&gt;context&lt;/span&gt;)&lt;br&gt;            &lt;span class=&#34;hljs-variable&#34;&gt;@desc&lt;/span&gt; = &lt;span class=&#34;hljs-variable language_&#34;&gt;super&lt;/span&gt;&lt;br&gt;            &lt;span class=&#34;hljs-keyword&#34;&gt;if&lt;/span&gt; !&lt;span class=&#34;hljs-variable&#34;&gt;@yid&lt;/span&gt;.&lt;span class=&#34;hljs-literal&#34;&gt;nil&lt;/span&gt;? &amp;amp;&amp;amp; !&lt;span class=&#34;hljs-variable&#34;&gt;@yid&lt;/span&gt;.empty?&lt;br&gt;                &lt;span class=&#34;hljs-string&#34;&gt;&amp;quot;&amp;lt;p class=&amp;#x27;embed-responsive embed-responsive-16by9&amp;#x27;&amp;gt;&amp;lt;iframe src=&amp;#x27;https://www.youtube.com/embed/&lt;span class=&#34;hljs-subst&#34;&gt;#&amp;#123;&lt;span class=&#34;hljs-variable&#34;&gt;@yid&lt;/span&gt;&amp;#125;&lt;/span&gt;?rel=0&amp;#x27; title=&amp;#x27;YouTube video player&amp;#x27; frameborder=&amp;#x27;0&amp;#x27; allow=&amp;#x27;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture&amp;#x27; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&amp;lt;/p&amp;gt;&amp;quot;&lt;/span&gt;&lt;br&gt;            &lt;span class=&#34;hljs-keyword&#34;&gt;elsif&lt;/span&gt; !&lt;span class=&#34;hljs-variable&#34;&gt;@bid&lt;/span&gt;.&lt;span class=&#34;hljs-literal&#34;&gt;nil&lt;/span&gt;? &amp;amp;&amp;amp; !&lt;span class=&#34;hljs-variable&#34;&gt;@bid&lt;/span&gt;.empty?&lt;br&gt;                &lt;span class=&#34;hljs-string&#34;&gt;&amp;quot;&amp;lt;p class=&amp;#x27;embed-responsive embed-responsive-16by9&amp;#x27; style=&amp;#x27;border-bottom: 1px solid #ddd;&amp;#x27;&amp;gt;&amp;lt;iframe src=&amp;#x27;//player.bilibili.com/player.html?bvid=&lt;span class=&#34;hljs-subst&#34;&gt;#&amp;#123;&lt;span class=&#34;hljs-variable&#34;&gt;@bid&lt;/span&gt;&amp;#125;&lt;/span&gt;&amp;amp;high_quality=1&amp;amp;as_wide=1&amp;#x27; scrolling=&amp;#x27;no&amp;#x27; border=&amp;#x27;0&amp;#x27; frameborder=&amp;#x27;no&amp;#x27; framespacing=&amp;#x27;0&amp;#x27; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&amp;lt;/p&amp;gt;&amp;quot;&lt;/span&gt;&lt;br&gt;            &lt;span class=&#34;hljs-keyword&#34;&gt;else&lt;/span&gt;&lt;br&gt;                &lt;span class=&#34;hljs-string&#34;&gt;&amp;quot;&amp;lt;p&amp;gt;&amp;lt;a class=&amp;#x27;link-bookmark&amp;#x27; href=&amp;#x27;&lt;span class=&#34;hljs-subst&#34;&gt;#&amp;#123;&lt;span class=&#34;hljs-variable&#34;&gt;@url&lt;/span&gt;&amp;#125;&lt;/span&gt;&amp;#x27; target=&amp;#x27;_blank&amp;#x27;&amp;gt;&amp;lt;span data-bookmark-img=&amp;#x27;&lt;span class=&#34;hljs-subst&#34;&gt;#&amp;#123;&lt;span class=&#34;hljs-variable&#34;&gt;@img&lt;/span&gt;&amp;#125;&lt;/span&gt;&amp;#x27; data-bookmark-title=&amp;#x27;&lt;span class=&#34;hljs-subst&#34;&gt;#&amp;#123;&lt;span class=&#34;hljs-variable&#34;&gt;@firstChar&lt;/span&gt;&amp;#125;&lt;/span&gt;&amp;#x27;&amp;gt;&amp;lt;img src=&amp;#x27;&lt;span class=&#34;hljs-subst&#34;&gt;#&amp;#123;&lt;span class=&#34;hljs-variable&#34;&gt;@img&lt;/span&gt;&amp;#125;&lt;/span&gt;&amp;#x27;/&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&amp;lt;span&amp;gt;&lt;span class=&#34;hljs-subst&#34;&gt;#&amp;#123;&lt;span class=&#34;hljs-variable&#34;&gt;@title&lt;/span&gt;&amp;#125;&lt;/span&gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&lt;span class=&#34;hljs-subst&#34;&gt;#&amp;#123;&lt;span class=&#34;hljs-variable&#34;&gt;@desc&lt;/span&gt;&amp;#125;&lt;/span&gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&lt;span class=&#34;hljs-subst&#34;&gt;#&amp;#123;&lt;span class=&#34;hljs-variable&#34;&gt;@url&lt;/span&gt;&amp;#125;&lt;/span&gt;&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;&amp;quot;&lt;/span&gt;&lt;br&gt;            &lt;span class=&#34;hljs-keyword&#34;&gt;end&lt;/span&gt;&lt;br&gt;        &lt;span class=&#34;hljs-keyword&#34;&gt;end&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-keyword&#34;&gt;end&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-keyword&#34;&gt;end&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span class=&#34;hljs-comment&#34;&gt;# 上传的 video&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-keyword&#34;&gt;module&lt;/span&gt; &lt;span class=&#34;hljs-title class_&#34;&gt;Jekyll&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-keyword&#34;&gt;class&lt;/span&gt; &lt;span class=&#34;hljs-title class_&#34;&gt;RenderVideoBlock&lt;/span&gt; &amp;lt; &lt;span class=&#34;hljs-title class_ inherited__&#34;&gt;Liquid::Block&lt;/span&gt;&lt;br&gt;        &lt;span class=&#34;hljs-keyword&#34;&gt;def&lt;/span&gt; &lt;span class=&#34;hljs-title function_&#34;&gt;initialize&lt;/span&gt;(&lt;span class=&#34;hljs-params&#34;&gt;tag_name, attr, tokens&lt;/span&gt;)&lt;br&gt;            &lt;span class=&#34;hljs-variable language_&#34;&gt;super&lt;/span&gt;&lt;br&gt;            attrs = attr.scan(&lt;span class=&#34;hljs-regexp&#34;&gt;/caption\=\&amp;quot;(.*)\&amp;quot;\simg\=\&amp;quot;(.*)\&amp;quot;\ssuffix\=\&amp;quot;(.*)\&amp;quot;/&lt;/span&gt;)&lt;br&gt;            &lt;span class=&#34;hljs-variable&#34;&gt;@caption&lt;/span&gt; = attrs[&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;][&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;]&lt;br&gt;            &lt;span class=&#34;hljs-variable&#34;&gt;@img&lt;/span&gt; = attrs[&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;][&lt;span class=&#34;hljs-number&#34;&gt;1&lt;/span&gt;]&lt;br&gt;            &lt;span class=&#34;hljs-variable&#34;&gt;@suffix&lt;/span&gt; = attrs[&lt;span class=&#34;hljs-number&#34;&gt;0&lt;/span&gt;][&lt;span class=&#34;hljs-number&#34;&gt;2&lt;/span&gt;]&lt;br&gt;        &lt;span class=&#34;hljs-keyword&#34;&gt;end&lt;/span&gt;&lt;br&gt;        &lt;span class=&#34;hljs-keyword&#34;&gt;def&lt;/span&gt; &lt;span class=&#34;hljs-title function_&#34;&gt;render&lt;/span&gt;(&lt;span class=&#34;hljs-params&#34;&gt;context&lt;/span&gt;)&lt;br&gt;            text = &lt;span class=&#34;hljs-variable language_&#34;&gt;super&lt;/span&gt;&lt;br&gt;            &lt;span class=&#34;hljs-string&#34;&gt;&amp;quot;&amp;lt;p caption=&amp;#x27;&lt;span class=&#34;hljs-subst&#34;&gt;#&amp;#123;&lt;span class=&#34;hljs-variable&#34;&gt;@caption&lt;/span&gt;&amp;#125;&lt;/span&gt;&amp;#x27;&amp;gt;&amp;lt;video controls muted&amp;gt;&amp;lt;source src=&amp;#x27;&lt;span class=&#34;hljs-subst&#34;&gt;#&amp;#123;&lt;span class=&#34;hljs-variable&#34;&gt;@img&lt;/span&gt;&amp;#125;&lt;/span&gt;&amp;#x27; type=&amp;#x27;video/&lt;span class=&#34;hljs-subst&#34;&gt;#&amp;#123;&lt;span class=&#34;hljs-variable&#34;&gt;@suffix&lt;/span&gt;&amp;#125;&lt;/span&gt;&amp;#x27; /&amp;gt;&amp;lt;/video&amp;gt;&amp;lt;/p&amp;gt;&amp;quot;&lt;/span&gt;&lt;br&gt;        &lt;span class=&#34;hljs-keyword&#34;&gt;end&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-keyword&#34;&gt;end&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-keyword&#34;&gt;end&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span class=&#34;hljs-title class_&#34;&gt;Liquid&lt;/span&gt;&lt;span class=&#34;hljs-symbol&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;hljs-symbol&#34;&gt;:Template&lt;/span&gt;.register_tag(&lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;render_bookmark&amp;#x27;&lt;/span&gt;, &lt;span class=&#34;hljs-title class_&#34;&gt;Jekyll&lt;/span&gt;&lt;span class=&#34;hljs-symbol&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;hljs-symbol&#34;&gt;:RenderBookMarkBlock&lt;/span&gt;)&lt;br&gt;&lt;span class=&#34;hljs-title class_&#34;&gt;Liquid&lt;/span&gt;&lt;span class=&#34;hljs-symbol&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;hljs-symbol&#34;&gt;:Template&lt;/span&gt;.register_tag(&lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;render_video&amp;#x27;&lt;/span&gt;, &lt;span class=&#34;hljs-title class_&#34;&gt;Jekyll&lt;/span&gt;&lt;span class=&#34;hljs-symbol&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;hljs-symbol&#34;&gt;:RenderVideoBlock&lt;/span&gt;)&lt;br&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;


&lt;p&gt;这段的逻辑是如果遇到 Notion 的 bookmark 模块链接是 Youtube、Bilibili，则转成嵌入视频的 HTML（iframe），否则转成类似于 Notion bookmark 的 HTML（需要配合 CSS 实现）。&lt;/p&gt;
&lt;p&gt;所以我使用 Notion Flow 将 Notion 内容转换成 Markdown 格式的同时，自定义了 bookmark 等模块的转换规则，以让博客能够显示 Youtube、Bilibili 和与 Notion 一样的 bookmark 样式内容，如下：&lt;/p&gt;
&lt;figure class=&#34;highlight javascript&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;8&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;9&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;10&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;11&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;12&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;13&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;code class=&#34;hljs javascript&#34;&gt;&lt;span class=&#34;hljs-attr&#34;&gt;video&lt;/span&gt;: &lt;span class=&#34;hljs-keyword&#34;&gt;function&lt;/span&gt; &lt;span class=&#34;hljs-title function_&#34;&gt;video&lt;/span&gt;(&lt;span class=&#34;hljs-params&#34;&gt;block&lt;/span&gt;) &amp;#123;&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;if&lt;/span&gt; (block.&lt;span class=&#34;hljs-property&#34;&gt;type&lt;/span&gt; === &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;file&amp;#x27;&lt;/span&gt;) &amp;#123;&lt;br&gt;    &lt;span class=&#34;hljs-comment&#34;&gt;// 用户自己上传的 video 文件，用默认 video 插件处理&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-keyword&#34;&gt;return&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;`&amp;#123;% render_video caption=&amp;quot;&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;block.caption&amp;#125;&lt;/span&gt;&amp;quot; img=&amp;quot;&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;block.url&amp;#125;&lt;/span&gt;&amp;quot; suffix=&amp;quot;&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;block.suffix&amp;#125;&lt;/span&gt;&amp;quot; %&amp;#125;\n![&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;block.caption&amp;#125;&lt;/span&gt;](&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;block.url&amp;#125;&lt;/span&gt;)\n&amp;#123;% endrender_video %&amp;#125;\n`&lt;/span&gt;;&lt;br&gt;  &amp;#125; &lt;span class=&#34;hljs-keyword&#34;&gt;else&lt;/span&gt; &lt;span class=&#34;hljs-keyword&#34;&gt;if&lt;/span&gt; (block.&lt;span class=&#34;hljs-property&#34;&gt;type&lt;/span&gt; === &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;external&amp;#x27;&lt;/span&gt;) &amp;#123;&lt;br&gt;    &lt;span class=&#34;hljs-comment&#34;&gt;// 外部链接、youtube 和 bilibili 视频链接，用 bookmark 处理&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-keyword&#34;&gt;return&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;`&amp;#123;% render_bookmark url=&amp;quot;&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;block.url&amp;#125;&lt;/span&gt;&amp;quot; title=&amp;quot;&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-subst&#34;&gt;&lt;span class=&#34;hljs-string&#34;&gt;      block.caption || &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;&amp;#x27;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-subst&#34;&gt;&lt;span class=&#34;hljs-string&#34;&gt;    &amp;#125;&lt;/span&gt;&amp;quot; img=&amp;quot;&amp;quot; yid=&amp;quot;&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;block.yid&amp;#125;&lt;/span&gt;&amp;quot; bid=&amp;quot;&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-subst&#34;&gt;&lt;span class=&#34;hljs-string&#34;&gt;      block.bid&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-subst&#34;&gt;&lt;span class=&#34;hljs-string&#34;&gt;    &amp;#125;&lt;/span&gt;&amp;quot; %&amp;#125;&amp;#123;% endrender_bookmark %&amp;#125;\n`&lt;/span&gt;;&lt;br&gt;  &amp;#125;&lt;br&gt;&amp;#125;&lt;br&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;
&lt;p&gt;这里需要注意（我不太懂 ruby）， Liquid 模板的标签之间，必须有文本内容（你可以不用），否则，ruby 插件无法生成 HTML。即：&lt;/p&gt;


&lt;figure class=&#34;highlight javascript&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;code class=&#34;hljs javascript&#34;&gt;&amp;#123;% render_video  %&amp;#125;这里必须有任意内容！&amp;#123;% endrender_video %&amp;#125;&lt;br&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;


&lt;p&gt;这样在 ruby 插件中，&lt;code&gt;super&lt;/code&gt; 变量拿到的就是「这里必须有任意内容！」这句话（你可以不使用该变量）。如果没有这段内容，则插件压根不会返回任何内容。&lt;/p&gt;
</description>
            <pubDate>Sun, 31 Mar 2024 00:00:00 +0000</pubDate>
            <link>https://www.xheldon.com/tech/how-i-use-notion-flow.html</link>
            <guid isPermaLink="true">https://www.xheldon.com/tech/how-i-use-notion-flow.html</guid>
            
                <category>教程</category>
            
                <category>技巧</category>
            
                <category>工作流</category>
            
                <category>技术</category>
            
                <category>Jekyll</category>
            
                <category>Notion</category>
            
            
                <category>tech</category>
            
        </item>
        
        <item>
            <title>【视频】使用 Notion Flow 简化你的博客发布流程</title>
            <description>&lt;p&gt;本文分享使用 Notion Flow 来简化你的博客发布流程的视频，具体官网见:&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://notion-flow.xheldon.com&#34; target=&#34;_blank&#34;&gt; Notion Flow | Notion Flow&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Youtube：&lt;/p&gt;
&lt;p class=&#39;embed-responsive embed-responsive-16by9&#39;&gt;&lt;iframe src=&#39;https://www.youtube.com/embed/aPitTcsruhM?rel=0&#39; title=&#39;YouTube video player&#39; frameborder=&#39;0&#39; allow=&#39;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture&#39; allowfullscreen&gt;&lt;/iframe&gt;&lt;/p&gt;
&lt;p&gt;Bilibili：&lt;/p&gt;
&lt;p class=&#39;embed-responsive embed-responsive-16by9&#39; style=&#39;border-bottom: 1px solid #ddd;&#39;&gt;&lt;iframe src=&#39;//player.bilibili.com/player.html?bvid=BV1Ar421h7tM&amp;high_quality=1&amp;as_wide=1&#39; scrolling=&#39;no&#39; border=&#39;0&#39; frameborder=&#39;no&#39; framespacing=&#39;0&#39; allowfullscreen&gt;&lt;/iframe&gt;&lt;/p&gt;
</description>
            <pubDate>Thu, 21 Mar 2024 00:00:00 +0000</pubDate>
            <link>https://www.xheldon.com/tech/use-notion-flow.html</link>
            <guid isPermaLink="true">https://www.xheldon.com/tech/use-notion-flow.html</guid>
            
                <category>折腾</category>
            
                <category>教程</category>
            
                <category>工作流</category>
            
                <category>技术</category>
            
                <category>插件</category>
            
                <category>视频</category>
            
                <category>Notion</category>
            
            
                <category>tech</category>
            
        </item>
        
        <item>
            <title>让 VSCode 更好用的设置——前端开发角度</title>
            <description>&lt;p class=&#39;content-callout&#39; style=&#39;background: rgb(241, 241, 239); color: ;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;☝🏻&lt;/span&gt;&lt;span&gt;后面计划出一期视频说明，因为有些设置的效果需要演示才能看出差异，而我又懒得制作动图在博客中了。&lt;/span&gt;&lt;/p&gt;
&lt;h2 id=&#34;前言&#34;&gt;前言&lt;/h2&gt;
&lt;p&gt;刚开始学习前端的时候，还没有 VSCode，那时我用的是 WebStorm（当时是学生，所以用的盗版）。开箱即用的体验让人爱不释手。后来由于办公电脑配置的下沉，以及它对 4K 及多显示器卡顿问题的长久不解决，再加上周围同事的影响， 最终一击是「配置同步」让我最终切换到 VSCode 。&lt;/p&gt;
&lt;p&gt;在适应了没有单独的悬浮搜索框这一史诗级割裂之后，很快就摸索出了我个人认为好用的配置，下面就详细得说一说。如果有人觉得自己的设置比我的更好的，欢迎在下方留言然后附上原因和效果截图。&lt;/p&gt;
&lt;p class=&#39;content-callout&#39; style=&#39;background: rgb(241, 241, 239); color: ;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;📖&lt;/span&gt;&lt;span&gt;默认的设置我基本不说了（除非非常好用），我就说我对于默认配置的修改部分。VSCode 中大部分配置都能修改，比如「是否在右侧小地图位置显示光标行」这种的都能，非常好。&lt;/span&gt;&lt;/p&gt;
&lt;h2 id=&#34;样式&#34;&gt;样式&lt;/h2&gt;
&lt;h3 id=&#34;主题-字体&#34;&gt;主题/字体&lt;/h3&gt;
&lt;p&gt;主题是 One Dark Pro：&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme&#34; target=&#34;_blank&#34;&gt; marketplace.visualstudio.com&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;字体是 Fira Code：&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://github.com/tonsky/FiraCode?tab=readme-ov-file#download--install&#34; target=&#34;_blank&#34;&gt; GitHub - tonsky/FiraCode: Free monospaced font with programming ligatures&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Fira Code 是官方推荐字体，&lt;a href=&#34;https://code.visualstudio.com/docs/getstarted/tips-and-tricks#:~:text=zoomLevel%22%3A%205-,Font%20ligatures,-%22editor.fontFamily%22&#34;&gt;内部也在使用&lt;/a&gt;。&lt;/p&gt;
&lt;p&gt;Fira Code 对一些符号的变体支持非常好看，如 &lt;code&gt;===&lt;/code&gt; 和 &lt;code&gt;&amp;lt;=&lt;/code&gt; 等（有些需要手动启用字符集和变体）：&lt;/p&gt;
&lt;p caption=&#39;Fira Code 字体&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/3371f847-fdd8-410c-82e1-b1d63cd91035.webp&#39; alt=&#39;Fira Code 字体&#39; title=&#39;Fira Code 字体&#39;&gt;&lt;/p&gt;
&lt;p&gt;很多人不习惯 Fira Code 默认的 &lt;code&gt;&amp;amp;&lt;/code&gt; 符号，这可以通过配置来禁用它的变体，具体可以参看其 Github 的介绍，我的设置是：&lt;/p&gt;
&lt;figure class=&#34;highlight json&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;code class=&#34;hljs json&#34;&gt;&lt;span class=&#34;hljs-punctuation&#34;&gt;&amp;#123;&lt;/span&gt;&lt;br&gt;  &lt;span class=&#34;hljs-attr&#34;&gt;&amp;quot;workbench.colorTheme&amp;quot;&lt;/span&gt;&lt;span class=&#34;hljs-punctuation&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;&amp;quot;One Dark Pro&amp;quot;&lt;/span&gt;&lt;span class=&#34;hljs-punctuation&#34;&gt;,&lt;/span&gt;&lt;br&gt;  &lt;span class=&#34;hljs-attr&#34;&gt;&amp;quot;editor.fontFamily&amp;quot;&lt;/span&gt;&lt;span class=&#34;hljs-punctuation&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;&amp;quot;&amp;#x27;Fira Code&amp;#x27;, Monaco, &amp;#x27;Courier New&amp;#x27;, monospace&amp;quot;&lt;/span&gt;&lt;span class=&#34;hljs-punctuation&#34;&gt;,&lt;/span&gt;&lt;br&gt;  &lt;span class=&#34;hljs-attr&#34;&gt;&amp;quot;editor.fontLigatures&amp;quot;&lt;/span&gt;&lt;span class=&#34;hljs-punctuation&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;&amp;quot;&amp;#x27;ss01&amp;#x27;, &amp;#x27;ss02&amp;#x27; off, &amp;#x27;ss03&amp;#x27;, &amp;#x27;ss04&amp;#x27;, &amp;#x27;ss05&amp;#x27;, &amp;#x27;ss07&amp;#x27;, &amp;#x27;cv29&amp;#x27;, &amp;#x27;cv28&amp;#x27;, &amp;#x27;cv13&amp;#x27;&amp;quot;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-punctuation&#34;&gt;&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;
&lt;p&gt;另外，行高是 1.4，字号是 13。&lt;/p&gt;
&lt;h2 id=&#34;编辑器&#34;&gt;编辑器&lt;/h2&gt;
&lt;p&gt;最主要的就是编辑器设置了，好的编辑器当然是为了提高编码效率，下面逐个说说。&lt;/p&gt;
&lt;h3 id=&#34;渲染空白字符&#34;&gt;渲染空白字符&lt;/h3&gt;
&lt;p caption=&#39;Editor: Render Whitespace&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/9175365e-0357-4b2f-abf7-cdf20062b2ca.webp&#39; alt=&#39;Editor: Render Whitespace&#39; title=&#39;Editor: Render Whitespace&#39;&gt;&lt;/p&gt;
&lt;p&gt;这个我是使用默认的 selection，即只在划选的时候，如果内容有空白符（空格）才会显示出来，否则不显示，不然影响美观。 &lt;code&gt;boundary&lt;/code&gt; 的设置是总是显示，不好看：&lt;/p&gt;
&lt;p caption=&#39;选区渲染空白符号&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/12c4e471-e6fc-4b6d-aed7-61d4db16cd18.webp&#39; alt=&#39;选区渲染空白符号&#39; title=&#39;选区渲染空白符号&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;自动添加-删除配对括号&#34;&gt;自动添加/删除配对括号&lt;/h3&gt;
&lt;p caption=&#39;Auto Closing 设置&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/49d09c46-5456-441a-9f72-fccc3a5d761e.webp&#39; alt=&#39;Auto Closing 设置&#39; title=&#39;Auto Closing 设置&#39;&gt;&lt;/p&gt;
&lt;p&gt;这个几个设置使用场景是，如果你输入一个起始括号，如 &lt;code&gt;(&amp;#123;[&lt;/code&gt; 会自动在后面给你生成一个 &lt;code&gt;)&amp;#125;]&lt;/code&gt; ，删除的设置也是同理。默认是插入的时候配对，删除的时候也同步配对删除。&lt;/p&gt;
&lt;h3 id=&#34;括号着色（池）&#34;&gt;括号着色（池）&lt;/h3&gt;
&lt;p caption=&#39;Bracket Pair Colorization&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/899eeaba-8737-4f07-8e22-9480f915fcbc.webp&#39; alt=&#39;Bracket Pair Colorization&#39; title=&#39;Bracket Pair Colorization&#39;&gt;&lt;/p&gt;
&lt;p&gt;第一个打开后，你的各个括号就会有颜色（而不是白色）。第二个打开后，每种类型的括号，拥有自己独立的一套颜色配置（其实也会不同的括号颜色重复，但不再是按不同括号的显示顺序，而是同种括号的显示顺序来着色了——我的理解和测试）。&lt;/p&gt;
&lt;h3 id=&#34;矩形选区&#34;&gt;矩形选区&lt;/h3&gt;
&lt;p caption=&#39;Column Selection&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/c64604e0-b420-4845-86e2-bac8d40aaa3d.webp&#39; alt=&#39;Column Selection&#39; title=&#39;Column Selection&#39;&gt;&lt;/p&gt;
&lt;p&gt;默认情况从上往下选择，如果经过某行的行首和行尾，是选中整行的：&lt;/p&gt;
&lt;p caption=&#39;默认选中效果&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/d97e73d0-91ae-4e0a-befb-c708ceae1bc0.webp&#39; alt=&#39;默认选中效果&#39; title=&#39;默认选中效果&#39;&gt;&lt;/p&gt;
&lt;p&gt;如果这个开关打开后，就变成了鼠标划选是一个矩形选区（根据鼠标位置，而不是代码位置进行选择），常用场景是同时编辑多行类似缩进的内容，如 JSON 的键等：&lt;/p&gt;
&lt;p caption=&#39;列选择&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/99dcc5e1-65bd-4048-bf8a-b06443bc7745.webp&#39; alt=&#39;列选择&#39; title=&#39;列选择&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;列选择的一个应用场景&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/85a0ac88-34a6-4843-adfd-ea95f01c1806.gif&#39; alt=&#39;列选择的一个应用场景&#39; title=&#39;列选择的一个应用场景&#39;&gt;&lt;/p&gt;
&lt;p&gt;多说一句，在终端中选中的时候按下 Opt 键，也是这个效果。&lt;/p&gt;
&lt;h3 id=&#34;复制内容的时候带语法高亮&#34;&gt;复制内容的时候带语法高亮&lt;/h3&gt;
&lt;p caption=&#39;Copy With Syntax Highlighting&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/2e507e99-524a-41c0-978c-42cb1bcbebca.webp&#39; alt=&#39;Copy With Syntax Highlighting&#39; title=&#39;Copy With Syntax Highlighting&#39;&gt;&lt;/p&gt;
&lt;p&gt;有些富文本编辑器，没有特殊处理，因此在直接复制 VSCode 中的代码到富文本编辑器的时候，会将颜色也带上，这通常不是预期。此设置可以让你复制出来的内容不带颜色。&lt;/p&gt;
&lt;h3 id=&#34;拖拽&#34;&gt;拖拽&lt;/h3&gt;
&lt;p caption=&#39;Drag And Drop&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/319dae0d-0369-4469-abd9-ed2e0c36649c.webp&#39; alt=&#39;Drag And Drop&#39; title=&#39;Drag And Drop&#39;&gt;&lt;/p&gt;
&lt;p&gt;我写码这么多年，几乎没有使用「拖拽」来实现移动代码块的操作，因此建议取消。第二个按住 shift 后拖拽文件到 VSCode，如果是媒体文件则松手后只会显示文件名，如果不按住 shift 则会打开媒体文件，多一个功能挺好的，以备不时之需（这个默认是打开的）。&lt;/p&gt;
&lt;h3 id=&#34;空选区复制当前行&#34;&gt;空选区复制当前行&lt;/h3&gt;
&lt;p caption=&#39;Empty Selection Clipboard&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/32f95652-6320-4347-8c9e-b7f03dbecd79.webp&#39; alt=&#39;Empty Selection Clipboard&#39; title=&#39;Empty Selection Clipboard&#39;&gt;&lt;/p&gt;
&lt;p&gt;如果选区只是光标，没有选中任何内容，此时进行复制操作会选中当前行。复制当前行更简单了（默认开启）。&lt;/p&gt;
&lt;h3 id=&#34;自动折叠&#34;&gt;自动折叠&lt;/h3&gt;
&lt;p caption=&#39;Folding&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/96927f79-74ed-4949-b3e0-7cff488269ed.webp&#39; alt=&#39;Folding&#39; title=&#39;Folding&#39;&gt;&lt;/p&gt;
&lt;p&gt;代码折叠肯定是需要的。突出显示折叠范围也是需要的（会跟鼠标在那一行一行的效果，当前行高亮），不然不知道当前行是否折叠了。最后一个是自动折叠 import 部分，我觉得没必要。&lt;/p&gt;
&lt;p&gt;折叠我个人喜欢始终显示，因为这个功能太常用了，我经常需要先 hover 到位置，看哪行是被折叠了，然后再点打开折叠，效率太低。我喜欢一眼看到哪些地方被折叠的，所以需要设置成 always：&lt;/p&gt;
&lt;p caption=&#39;Show Folding Controls&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/0a382e11-522d-490a-a086-703b291ef90e.webp&#39; alt=&#39;Show Folding Controls&#39; title=&#39;Show Folding Controls&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;括号-缩进参考线&#34;&gt;括号/缩进参考线&lt;/h3&gt;
&lt;p caption=&#39;（缩进/括号）参考线&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/b537a5b7-b989-4346-837b-919a4705599c.webp&#39; alt=&#39;（缩进/括号）参考线&#39; title=&#39;（缩进/括号）参考线&#39;&gt;&lt;/p&gt;
&lt;p&gt;如下图，不过我没测试出什么是「缩进参考线」，先打开吧。&lt;/p&gt;
&lt;p caption=&#39;图中高亮的括号&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/f8b0495e-2bd6-4dd5-9eb1-36a33821f1e8.webp&#39; alt=&#39;图中高亮的括号&#39; title=&#39;图中高亮的括号&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;hover-时浮窗出现的位置&#34;&gt;hover 时浮窗出现的位置&lt;/h3&gt;
&lt;p caption=&#39;Hover 位置&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/da26e746-9e8b-4a3a-9b24-2a38abae431d.webp&#39; alt=&#39;Hover 位置&#39; title=&#39;Hover 位置&#39;&gt;&lt;/p&gt;
&lt;p&gt;一般情况我们看代码是从上往下看的，这个设置 hover 代码后浮窗出现在上方，挡住了内容，还得移动一下鼠标让浮窗消失再出现，建议取消。&lt;/p&gt;
&lt;p caption=&#39;始终显示提示在下方更合适&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/6df3c907-16b9-4cba-b7f3-daa4a5fd4532.webp&#39; alt=&#39;始终显示提示在下方更合适&#39; title=&#39;始终显示提示在下方更合适&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;悬浮出提示&#34;&gt;悬浮出提示&lt;/h3&gt;
&lt;p caption=&#39;消失延迟其实不需要&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/6b18c5da-1193-4e89-b49f-b7775dcdb192.webp&#39; alt=&#39;消失延迟其实不需要&#39; title=&#39;消失延迟其实不需要&#39;&gt;&lt;/p&gt;
&lt;p&gt;鼠标移出一般就是不想让它显示，直接设置为 0。&lt;/p&gt;
&lt;h3 id=&#34;鼠标缩放字体&#34;&gt;鼠标缩放字体&lt;/h3&gt;
&lt;p caption=&#39;完全没用的功能…&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/2e05860a-01cb-45ff-9d3b-230d8871ebd6.webp&#39; alt=&#39;完全没用的功能…&#39; title=&#39;完全没用的功能…&#39;&gt;&lt;/p&gt;
&lt;p&gt;经常误触，关了。&lt;/p&gt;
&lt;h3 id=&#34;编辑器区域顶部-padding&#34;&gt;编辑器区域顶部 padding&lt;/h3&gt;
&lt;p caption=&#39;统一视觉间隔&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/07183c4a-3dcc-412d-a7bb-f5167443874d.webp&#39; alt=&#39;统一视觉间隔&#39; title=&#39;统一视觉间隔&#39;&gt;&lt;/p&gt;
&lt;p&gt;我设置为 2。底部 padding 就没必要了。&lt;/p&gt;
&lt;p caption=&#39;优雅，永不过时&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/9f1cd71d-f579-44c6-8b23-58f558dfeeaf.webp&#39; alt=&#39;优雅，永不过时&#39; title=&#39;优雅，永不过时&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;滚动条&#34;&gt;滚动条&lt;/h3&gt;
&lt;p&gt;水平滚动条为 6 宽度，竖直为 25（默认水平 12，竖直 14）：&lt;/p&gt;
&lt;p caption=&#39;Scrollbar&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/2b7e8382-836f-4fe4-a7b5-c88e24332838.webp&#39; alt=&#39;Scrollbar&#39; title=&#39;Scrollbar&#39;&gt;&lt;/p&gt;
&lt;p&gt;我个人是不喜欢滚动到范围外，会导致明明一屏显示完全的内容，出现滚动条，所以最后一个 Scroll Beyond Last Line 关了。&lt;/p&gt;
&lt;p caption=&#39;滚动条显示信息&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/361fa784-0d98-4055-a56e-58678f0c3a31.webp&#39; alt=&#39;滚动条显示信息&#39; title=&#39;滚动条显示信息&#39;&gt;&lt;/p&gt;
&lt;p&gt;这里要说下为什么竖直滚动条调大为 20，因为在那个区域其实不只是滚动条，还含有三个信息：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;滚动条右侧亮黄色的是编辑器警告信息。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;滚动条中间暗黄色块是匹配的搜索项（含全局搜索和当前编辑器搜索）。其中，暗黄色块也可能是灰色（表示光标选中的部分和类似内容），也可能是淡粉色，表示光标选中的的内容的声明处。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;占滚动条整行的蓝色线是光标所在的行。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;滚动条左侧的绿色部分是代码变动的部分。其中，也可能是淡黄色，表示修改部分（如果启用了 git 的话）。&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;可以看到这部分的信息显示很丰富，所以调宽一点。&lt;/p&gt;
&lt;h3 id=&#34;平滑滚动&#34;&gt;平滑滚动&lt;/h3&gt;
&lt;p caption=&#39;动画，优雅&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/190452c5-f985-47b4-b238-000edce28c4b.webp&#39; alt=&#39;动画，优雅&#39; title=&#39;动画，优雅&#39;&gt;&lt;/p&gt;
&lt;p&gt;强烈建议开启，这样在滚动的时候就可以知道你大概滚动了多少行，而不是突然跳过去，「不知道滚动到哪里去了」。&lt;/p&gt;
&lt;h3 id=&#34;滚动吸顶&#34;&gt;滚动吸顶&lt;/h3&gt;
&lt;p caption=&#39;吸顶，好用&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/37741a88-7ba7-481a-9fe5-06ed276af9d3.webp&#39; alt=&#39;吸顶，好用&#39; title=&#39;吸顶，好用&#39;&gt;&lt;/p&gt;
&lt;p&gt;滚动的时候可能需要查看超出当前屏幕的作用域，打开该选项即可。另外，水平滚动的时候会把该 sticky 的函数滚走，我倾向于不滚动它，所以把最后一个选项取消。&lt;/p&gt;
&lt;p caption=&#39;左右滚动不跟随&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/b7b7e17c-ac89-4d69-b1c2-648f0e582a40.webp&#39; alt=&#39;左右滚动不跟随&#39; title=&#39;左右滚动不跟随&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;光标&#34;&gt;光标&lt;/h3&gt;
&lt;p caption=&#39;Cursor Blinking&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/5736c4cc-e07c-40f1-ae31-e1c16e458a00.webp&#39; alt=&#39;Cursor Blinking&#39; title=&#39;Cursor Blinking&#39;&gt;&lt;/p&gt;
&lt;p&gt;第一个是光标闪烁的淡入淡出，第二个是你在点击不同位置的时候，光标是从上一个位置动画移动到点击位置的，可以让你知道本次点击光标位置相对上一个编辑位置是哪里，信息更丰富了。&lt;/p&gt;
&lt;h3 id=&#34;查找&#34;&gt;查找&lt;/h3&gt;
&lt;p caption=&#39;编辑器右上角查找小部件&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/eb174538-47bb-44b8-ba84-54df4a37555e.webp&#39; alt=&#39;编辑器右上角查找小部件&#39; title=&#39;编辑器右上角查找小部件&#39;&gt;&lt;/p&gt;
&lt;p&gt;这个建议关掉，搜索的时候，如果不关，会在文件顶部凭空产生一些距离导关闭搜索框的时候编辑器跳动一下，难受。&lt;/p&gt;
&lt;p caption=&#39;空白，不优雅&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/83dcf800-6ec9-4a8a-8b49-2e69e419bd72.webp&#39; alt=&#39;空白，不优雅&#39; title=&#39;空白，不优雅&#39;&gt;&lt;/p&gt;
&lt;p&gt;不过该选项打开后可能会遮挡住编辑器内容，自己取舍（一般顶部都是 import 后的换行内容，挡住也无所谓）。&lt;/p&gt;
&lt;p caption=&#39;没空白，优雅&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/6878a013-d547-4ccb-9792-32e03a97e9d4.webp&#39; alt=&#39;没空白，优雅&#39; title=&#39;没空白，优雅&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;自动带入搜索小组件&#34;&gt;自动带入搜索小组件&lt;/h3&gt;
&lt;p caption=&#39;自动带入，优雅&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/f671a305-d7c8-4ae0-b91c-5aa094bbd3a6.webp&#39; alt=&#39;自动带入，优雅&#39; title=&#39;自动带入，优雅&#39;&gt;&lt;/p&gt;
&lt;p&gt;这个建议关掉。我经常会使用搜索，然后搜索后选中某个内容后再搜索（非选中内容），此时编辑器自作聪明的把我选中的内容给带到搜索框中，导致我之前搜索的内容没了，很烦。&lt;/p&gt;
&lt;h3 id=&#34;缩略图&#34;&gt;缩略图&lt;/h3&gt;
&lt;p caption=&#39;右侧小地图&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/b8986040-1b86-4bbd-a99b-1b7d551c8b28.webp&#39; alt=&#39;右侧小地图&#39; title=&#39;右侧小地图&#39;&gt;&lt;/p&gt;
&lt;p&gt;编辑器右侧的缩略图我始终显示出来，它的作用一般是让我知道我当前处于编辑的哪个位置，以及相对于某个函数、组件，我所处的位置，因此我需要缩略图不滚动，同时仅渲染色块即可，不用将每行都渲染出来。&lt;/p&gt;
&lt;h3 id=&#34;建议&#34;&gt;建议&lt;/h3&gt;
&lt;p caption=&#39;建议预览&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/1cbc255e-2784-461d-a723-ce5f325130a2.webp&#39; alt=&#39;建议预览&#39; title=&#39;建议预览&#39;&gt;&lt;/p&gt;
&lt;p&gt;这个开关建议关闭（默认），因为可能跟 copilot 建议弄混淆，如图是 copilot 的建议：&lt;/p&gt;
&lt;p caption=&#39;copilot 建议&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/89587ee7-0329-43e7-9a68-814e55bd8e07.webp&#39; alt=&#39;copilot 建议&#39; title=&#39;copilot 建议&#39;&gt;&lt;/p&gt;
&lt;p&gt;而这个是预览的建议：&lt;/p&gt;
&lt;p caption=&#39;整个一没必要咱就是说&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/26edace2-f059-4f51-a873-47a743946229.webp&#39; alt=&#39;整个一没必要咱就是说&#39; title=&#39;整个一没必要咱就是说&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;最近建议&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/203628d4-4e0c-4f9a-8289-31ab679750dc.webp&#39; alt=&#39;最近建议&#39; title=&#39;最近建议&#39;&gt;&lt;/p&gt;
&lt;p&gt;这个选项默认是 first，即始终使用默认选择第一个建议，但是我经常遇到的问题是，在 CSS 中，我输入 &lt;code&gt;wid&lt;/code&gt; 当然预期是 &lt;code&gt;width&lt;/code&gt;，但是它会给我建议是 &lt;code&gt;widow&lt;/code&gt; 我当然不用这个属性，但每次都是排在第一个，我就每次需要通过箭头来切换，所以此处建议修改成「最近使用」，类似与输入法的「动态调频」:&lt;/p&gt;
&lt;p caption=&#39;css 最近建议&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/a1edc147-031b-4347-be78-8c6ec3c71bd7.webp&#39; alt=&#39;css 最近建议&#39; title=&#39;css 最近建议&#39;&gt;&lt;/p&gt;
&lt;h2 id=&#34;工作台&#34;&gt;工作台&lt;/h2&gt;
&lt;h3 id=&#34;命令提示框&#34;&gt;命令提示框&lt;/h3&gt;
&lt;p caption=&#39;命令建议&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/a62c1989-314d-4675-abbb-cb9f09534480.webp&#39; alt=&#39;命令建议&#39; title=&#39;命令建议&#39;&gt;&lt;/p&gt;
&lt;p&gt;有时候会经常反复输入一个命令，所以打开这个历史命令列表很有用。除此之外，保留输入内容也很有用，比如以 toggle 开头的命令（如 Toggle Screen Capture Mode）。&lt;/p&gt;
&lt;p&gt;注意，如果输入内容后按了 esc 导致输入框消失，下次再次唤起不会保留输入内容，只有选择了一个命令执行后，再次唤起，才会保留上次输入的内容。&lt;/p&gt;
&lt;h3 id=&#34;目录树&#34;&gt;目录树&lt;/h3&gt;
&lt;p caption=&#39;目录树滚动&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/ff187f9a-5588-40fb-927d-89e701495d94.webp&#39; alt=&#39;目录树滚动&#39; title=&#39;目录树滚动&#39;&gt;&lt;/p&gt;
&lt;p&gt;一般动画我都会打开因为「优雅永不过时」。这个设置也影响「设置」界面的滚动（之前对编辑器设置平滑滚动不会影响「设置」界面和目录树界面的滚动效果 ）。&lt;/p&gt;
&lt;h3 id=&#34;快速打开记录历史&#34;&gt;快速打开记录历史&lt;/h3&gt;
&lt;p caption=&#39;快速打开带入上次记录&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/b4633d53-e671-437c-a4e9-241fe722c953.webp&#39; alt=&#39;快速打开带入上次记录&#39; title=&#39;快速打开带入上次记录&#39;&gt;&lt;/p&gt;
&lt;p&gt;按下 cmd + p 会出现 quick open 输入框，记住历史挺好的。另外还有个选项是失焦是否自动消失，大部分场景下需要自动消失，偶尔不需要，先保持默认自动消失了。&lt;/p&gt;
&lt;h3 id=&#34;工作台减少动画效果&#34;&gt;工作台减少动画效果&lt;/h3&gt;
&lt;p caption=&#39;绝不减少动画&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/24d1bc51-76bf-415b-9c79-561bc6eb7caf.webp&#39; alt=&#39;绝不减少动画&#39; title=&#39;绝不减少动画&#39;&gt;&lt;/p&gt;
&lt;p&gt;我的 64G 内存 M1 Max，不需要减少动画（默认是 auto，根据系统配置自动适应，适用于多台电脑间配置同步的问题）。&lt;/p&gt;
&lt;h3 id=&#34;字体平滑&#34;&gt;字体平滑&lt;/h3&gt;
&lt;p caption=&#39;字体平滑&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/093ce91b-5349-48a0-b563-2a44726f3bf2.webp&#39; alt=&#39;字体平滑&#39; title=&#39;字体平滑&#39;&gt;&lt;/p&gt;
&lt;p&gt;类似于 css 中的 &lt;code&gt;-webkit-font-smoothing: antialiased;&lt;/code&gt; ，default 用于在大多数非 retina 屏上显示最清晰的字体（次像素级），antialiased 是像素级平滑，可能会导致字体更细，见图：&lt;/p&gt;
&lt;p caption=&#39;default 设置&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/81378425-4fd6-4954-8d27-5317c822b237.webp&#39; alt=&#39;default 设置&#39; title=&#39;default 设置&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;antialiased 设置&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/e24ea63a-7536-48bd-8dec-302b335224a9.webp&#39; alt=&#39;antialiased 设置&#39; title=&#39;antialiased 设置&#39;&gt;&lt;/p&gt;
&lt;p&gt;这个设置虽然是在「工作台」块，但是也影响编辑器区域。可以看到开启了 antialiased 的时候，无论是编辑器区域还是工作台区域，字体都更暗（对比度更弱）、更细了。我喜欢后者，所以开启了。&lt;/p&gt;
&lt;p&gt;注意，这个「次像素级」，并不是说比像素还小的级别，而是指「还没到像素」的级别，意思是更低级，而不是更高级。&lt;/p&gt;
&lt;h3 id=&#34;目录树-sticky&#34;&gt;目录树 sticky&lt;/h3&gt;
&lt;p caption=&#39;目录树滚动吸顶&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/ed8074f7-0e31-4a1f-80f8-1618d2264e73.webp&#39; alt=&#39;目录树滚动吸顶&#39; title=&#39;目录树滚动吸顶&#39;&gt;&lt;/p&gt;
&lt;p&gt;非常好用，滚动的时候可以知道当前的滚动路径，唯一美中不足的是如果能加个 box-shadow 阴影就好了，不然不太好区分的：&lt;/p&gt;
&lt;p caption=&#39;目录树吸顶效果&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/5a7c2102-2730-47a0-b225-738a42d86342.webp&#39; alt=&#39;目录树吸顶效果&#39; title=&#39;目录树吸顶效果&#39;&gt;&lt;/p&gt;
&lt;p&gt;sticky 的最大级数也可以修改，默认是 7，足够了（编辑器 sticky 默认是 5 级）。&lt;/p&gt;
&lt;p&gt;注意，此设置也同样适用于「设置」界面（原来设置界面属于工作台，而不是编辑器）：&lt;/p&gt;
&lt;p caption=&#39;设置项界面也归它管&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/031c3170-cd43-4775-8401-a95e6c474a75.webp&#39; alt=&#39;设置项界面也归它管&#39; title=&#39;设置项界面也归它管&#39;&gt;&lt;/p&gt;
&lt;p&gt;目录树的缩进我改成 14 了，参考线我喜欢始终显示，不然同级文件太多，不好找：&lt;/p&gt;
&lt;p caption=&#39;目录树缩进&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/7a67020e-c5a4-4114-9ac0-ff3afcb5cb61.webp&#39; alt=&#39;目录树缩进&#39; title=&#39;目录树缩进&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;目录导航&#34;&gt;目录导航&lt;/h3&gt;
&lt;p caption=&#39;目录导航显示 icon&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/eae4d00a-68d6-4c64-bab8-34df8fc7f458.webp&#39; alt=&#39;目录导航显示 icon&#39; title=&#39;目录导航显示 icon&#39;&gt;&lt;/p&gt;
&lt;p&gt;目录导航还是需要的，但是不需要文件/文件夹 icon，这样可以显著的和文件内的数组、类进行区分，非常好用：&lt;/p&gt;
&lt;p caption=&#39;面包屑显示效果&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/57e4fefd-4c76-42cd-b79c-d3d49eb2d1df.webp&#39; alt=&#39;面包屑显示效果&#39; title=&#39;面包屑显示效果&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;修改过的-tab&#34;&gt;修改过的 tab&lt;/h3&gt;
&lt;p&gt;与此相关的有多个，如在修改后未保存的文件上方显示高亮线：&lt;/p&gt;
&lt;p caption=&#39;高亮修改的 tab&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/e4a60c98-ec6f-452d-84ea-e0835ed963bf.webp&#39; alt=&#39;高亮修改的 tab&#39; title=&#39;高亮修改的 tab&#39;&gt;&lt;/p&gt;
&lt;p&gt;默认显示的是点，此选项打开后，会点和线同时显示，重启编辑器会只显示上方蓝色线（可能是 bug，其实应该不用重启编辑器也能生效）。&lt;/p&gt;
&lt;p&gt;效果：&lt;/p&gt;
&lt;p caption=&#39;修改过的 tab 效果&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/aea54cb4-158e-4662-a6b5-285fc56fd836.webp&#39; alt=&#39;修改过的 tab 效果&#39; title=&#39;修改过的 tab 效果&#39;&gt;&lt;/p&gt;
&lt;p&gt;因为「点」也占用一部分的 tab 空间，会导致无法显示更多 tab 内容信息，所以建议打开该选项。&lt;/p&gt;
&lt;h3 id=&#34;鼠标导航&#34;&gt;鼠标导航&lt;/h3&gt;
&lt;p caption=&#39;鼠标前进后退&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/254a8290-8b0a-4ebc-ac36-d453a855719d.webp&#39; alt=&#39;鼠标前进后退&#39; title=&#39;鼠标前进后退&#39;&gt;&lt;/p&gt;
&lt;p&gt;这是个默认选项，但是我也说一下，对于有左侧按键（右手），也即 4、5 按键的鼠标而言，的鼠标直接就可以用来导航，非常好用。&lt;/p&gt;
&lt;h3 id=&#34;tab-固定&#34;&gt;tab 固定&lt;/h3&gt;
&lt;p caption=&#39;允许 tab 固定，好用&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/b8c68b52-f2ec-4fb4-ac39-1fd1af2c9ebd.webp&#39; alt=&#39;允许 tab 固定，好用&#39; title=&#39;允许 tab 固定，好用&#39;&gt;&lt;/p&gt;
&lt;p&gt;固定后的 tab 默认出现在编辑器组的左侧，但是如果将其单独排成一行会更直观，与非固定的 tab 区分开，效果如下：&lt;/p&gt;
&lt;p caption=&#39;tab 固定效果&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/b6868fe5-65b6-4c6b-bd81-3bd15fada494.webp&#39; alt=&#39;tab 固定效果&#39; title=&#39;tab 固定效果&#39;&gt;&lt;/p&gt;
&lt;p&gt;注意，默认情况下，固定的 tab 是无法通过鼠标中键或者 cmd + w 关闭的（按下会打开非固定 tab 而不是关闭固定 tab），此行为可以修改：&lt;/p&gt;
&lt;p caption=&#39;cmd + w 效果&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/0259919c-dd23-44f5-89e6-026c2140a424.webp&#39; alt=&#39;cmd + w 效果&#39; title=&#39;cmd + w 效果&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;tab-关闭按钮&#34;&gt;tab 关闭按钮&lt;/h3&gt;
&lt;p caption=&#39;隐藏关闭按钮&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/c1e66c49-5cab-4d42-9c04-713a6530bb50.webp&#39; alt=&#39;隐藏关闭按钮&#39; title=&#39;隐藏关闭按钮&#39;&gt;&lt;/p&gt;
&lt;p&gt;一直使用左手 cmd + w 关闭 tab，所以此选项可以取消。另外，我其实更习惯双击 tab 关闭，但是官方回复不会做，见：&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://github.com/Microsoft/vscode/issues/52628#issuecomment-420887497&#34; target=&#34;_blank&#34;&gt; Allow to double click on a tab to close it · Issue #52628 · microsoft/vscode&lt;/a&gt;&lt;/p&gt;
&lt;h3 id=&#34;tab-wrap&#34;&gt;tab wrap&lt;/h3&gt;
&lt;p caption=&#39;tab wrap&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/b72dfdff-c447-457d-89de-8ca3a682281d.webp&#39; alt=&#39;tab wrap&#39; title=&#39;tab wrap&#39;&gt;&lt;/p&gt;
&lt;p&gt;如果打开 tab 较多，滚动 tab 的时候就会比较费劲，无法掌控全局，所以我喜欢 wrap tab，效果如下：&lt;/p&gt;
&lt;p caption=&#39;wrap 效果&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/3738c007-8e6d-4397-a3fb-0a5210402ed2.webp&#39; alt=&#39;wrap 效果&#39; title=&#39;wrap 效果&#39;&gt;&lt;/p&gt;
&lt;p&gt;比较尴尬的一点是，wrap 效果产生的多行 tab，可能跟上面提到的「修改 tab 上方蓝色高亮」搞的比较混乱（蓝色的线不知道是上面 tab 的还是下面 tab 的，得反应一下不直观）。是在 tab 显示更多内容，还是更直观，自己取舍：&lt;/p&gt;
&lt;p caption=&#39;高亮修改 + tab 高亮效果&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/bba12f32-b355-4550-aba5-c59950ed66fc.webp&#39; alt=&#39;高亮修改 + tab 高亮效果&#39; title=&#39;高亮修改 + tab 高亮效果&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;tab-高度&#34;&gt;tab 高度&lt;/h3&gt;
&lt;p caption=&#39;紧凑 tab 布局&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/3224c016-4adb-41d2-82f8-83391960259d.webp&#39; alt=&#39;紧凑 tab 布局&#39; title=&#39;紧凑 tab 布局&#39;&gt;&lt;/p&gt;
&lt;p&gt;紧凑布局有利于掌控全局+不占地方。&lt;/p&gt;
&lt;h3 id=&#34;双击-tab-关闭（？）&#34;&gt;&lt;s&gt;双击 tab 关闭（？）&lt;/s&gt;&lt;/h3&gt;
&lt;p caption=&#39;没懂这个设置&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/3385a990-b192-4aec-963a-ee5996faf19d.webp&#39; alt=&#39;没懂这个设置&#39; title=&#39;没懂这个设置&#39;&gt;&lt;/p&gt;
&lt;p&gt;看字面意思这个选项是官方号称不会做的「双击 tab 关闭」（如上面所言），但即使我关闭了可能会冲突的「双击 tab 自动扩展编辑器组」，该设置依然不生效，不知是不是我理解有误还是 bug。&lt;/p&gt;
&lt;h3 id=&#34;原生-tab&#34;&gt;原生 tab&lt;/h3&gt;
&lt;p&gt;与此相关的有两个：&lt;/p&gt;
&lt;p caption=&#39;原生 tab&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/09ad718f-b4c3-40a3-8c92-8e399613540a.webp&#39; alt=&#39;原生 tab&#39; title=&#39;原生 tab&#39;&gt;&lt;/p&gt;
&lt;p&gt;第一个设置，启用后，可以将多个项目窗口，合并到一个窗口。「窗口」选项中会出现「合并所有窗口」的选项，这样可以在一个窗口中来回切换多个项目，非常好用：&lt;/p&gt;
&lt;p caption=&#39;合并所有窗口&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/8d13f532-cc6a-49a6-9d2c-88aabf5904e3.webp&#39; alt=&#39;合并所有窗口&#39; title=&#39;合并所有窗口&#39;&gt;&lt;/p&gt;
&lt;p&gt;但是，这样的话就无法使用自定义的标题（其实我觉得也么啥用），自定义标题是这样的：&lt;/p&gt;
&lt;p caption=&#39;自定义标题栏效果&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/1d16fa15-9ee4-4647-8458-1103a659a165.webp&#39; alt=&#39;自定义标题栏效果&#39; title=&#39;自定义标题栏效果&#39;&gt;&lt;/p&gt;
&lt;p&gt;第一个设置如果打开了，那第二个就无效了，无论设置为 native 和 custom。如果第一个设置不打开，第二个设置设置为 native，那就没有「合并所有窗口」，也没有「自定义标题栏」（不知道这个设置意义何在）。&lt;/p&gt;
&lt;h3 id=&#34;目录树拖放&#34;&gt;目录树拖放&lt;/h3&gt;
&lt;p caption=&#39;最好禁用拖拽文件&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/f4f866b8-c0be-456f-8336-2a229c532f61.webp&#39; alt=&#39;最好禁用拖拽文件&#39; title=&#39;最好禁用拖拽文件&#39;&gt;&lt;/p&gt;
&lt;p&gt;我经常误触，然后导致上百个修改…所以关了。&lt;/p&gt;
&lt;h3 id=&#34;搜索结果自动折叠&#34;&gt;搜索结果自动折叠&lt;/h3&gt;
&lt;p caption=&#39;少于 10 个的文件夹展开&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/5aab9aef-806d-42a0-ab7c-7d58ae4b4849.webp&#39; alt=&#39;少于 10 个的文件夹展开&#39; title=&#39;少于 10 个的文件夹展开&#39;&gt;&lt;/p&gt;
&lt;p&gt;默认总是展开，但是如果搜索结果过多（通常是因为你还没有输入完成），此时展开是没有必要的，而且会耽误你掌控全局。&lt;/p&gt;
&lt;p&gt;另外，如果你没有在搜索栏中加入「排除的文件」，那么也可能出现海量搜索结果，如 NextJS 项目的 .next 目录等，因此此设置也是必要的。&lt;/p&gt;
&lt;p&gt;需要注意的是，这个「展开」、「折叠」的 10 个文件限制，指的是搜索结果中，出现在某个文件夹下的文件数量，而不是整个搜索结果的文件夹数量：&lt;/p&gt;
&lt;p caption=&#39;多余 10 个的文件夹折叠&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/67c50309-319c-474a-addf-bbd33925d827.webp&#39; alt=&#39;多余 10 个的文件夹折叠&#39; title=&#39;多余 10 个的文件夹折叠&#39;&gt;&lt;/p&gt;
&lt;p&gt;因此，如果某个文件夹下，出现符合搜索结果的文件过多（文件夹被折叠），通常你就需要检查是否需要提供更多搜索信息了。&lt;/p&gt;
&lt;h3 id=&#34;搜索框自动填入选择内容&#34;&gt;搜索框自动填入选择内容&lt;/h3&gt;
&lt;p caption=&#39;全局搜索自动带入选择内容&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/42995472-6453-4e61-881e-d7e0ae5da443.webp&#39; alt=&#39;全局搜索自动带入选择内容&#39; title=&#39;全局搜索自动带入选择内容&#39;&gt;&lt;/p&gt;
&lt;p&gt;通常你选中一个内容后想搜索它，因此「Seed On Focus」此选项让你可以节省一个 cmd + v 的操作。&lt;/p&gt;
&lt;p&gt;注意，这有区别于「搜索小组件」中的 选中后聚焦到搜索时自动带入。因为在编辑器中你去选中内容，然后聚焦到搜索小组件，不一定是为了搜索，还可能只是为了简单在当前编辑器高亮选中的相同内容以便于查看，但是此时选中后聚焦到搜索小组件，就自动替换成选中内容了，很多时候不符合预期。&lt;/p&gt;
&lt;p&gt;而如果你在选中内容后，聚焦到搜索视图（右侧），那大概率是为了搜索内容。&lt;/p&gt;
&lt;p&gt;另外搜索结果我会想知道它所处的行号，以确定它在其文档中的位置，所以显示行号也是很有必要的。&lt;/p&gt;
&lt;p&gt;最后的 Smart Case 算是一个小技巧，如果都用小写，就表示自己记不太清搜索名字了，如果很确定搜索内容（如驼峰的函数名）的某个字母是大写，那么就区分大小写进行搜索，非常好用。&lt;/p&gt;
&lt;p&gt;除此之外，如果能记住上次输入的内容，其实记住也是选中状态，如果不符合自己的输入预期，直接输入内容即可，对自己即将想要搜索的内容没有影响，而如果之前搜索的内容还有用，那岂不是更好？↓&lt;/p&gt;
&lt;p caption=&#39;注意与搜索小组件的差别&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/b84b5d58-94cb-448f-bd1a-cc129aac13bd.webp&#39; alt=&#39;注意与搜索小组件的差别&#39; title=&#39;注意与搜索小组件的差别&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;搜索忽略全局的-ignore&#34;&gt;搜索忽略全局的 ignore&lt;/h3&gt;
&lt;p caption=&#39;全局忽略设置&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/21a936ed-29c9-4613-b6d4-5ad910fc04f0.webp&#39; alt=&#39;全局忽略设置&#39; title=&#39;全局忽略设置&#39;&gt;&lt;/p&gt;
&lt;p&gt;git 有个全局默认的 ignore，打开该选项可以在搜索的时候将其中列出的文件、文件夹忽略掉，通常是有必要的。&lt;/p&gt;
&lt;p&gt;另外还有个在父级目录中启用 ignore，没明白什么意思，可能是多级 git 管理吧，我也勾选上了，既然都 ignore 了嘛：&lt;/p&gt;
&lt;p caption=&#39;统统勾上&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/fa5ad841-87ee-460f-ad01-d1c7a34f2553.webp&#39; alt=&#39;统统勾上&#39; title=&#39;统统勾上&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;调试和测试&#34;&gt;调试和测试&lt;/h3&gt;
&lt;p&gt;恕本人技术水平有限，VSCode 的调试和测试功能用的较少，只用来调试过诸如 NextJS 这类的 NodeJS 应用，使用起来跟 Chrome 差不多。因为用的少，所以没发现有什么痛点，所以没有什么配置可以优化的，这里就不说了。&lt;/p&gt;
&lt;h3 id=&#34;文件修改效果&#34;&gt;文件修改效果&lt;/h3&gt;
&lt;p caption=&#39;实线比「装订线」好看&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/ef52ba2e-5ff7-4f8f-963d-32da4f899fe6.webp&#39; alt=&#39;实线比「装订线」好看&#39; title=&#39;实线比「装订线」好看&#39;&gt;&lt;/p&gt;
&lt;p&gt;在显示行号那一列，可以设置是实线还是「装订线」来显示差异，如：&lt;/p&gt;
&lt;p caption=&#39;实在不知道装订线存在的意义&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/4c009676-4e9a-4c90-8eab-5ceffae9593d.webp&#39; alt=&#39;实在不知道装订线存在的意义&#39; title=&#39;实在不知道装订线存在的意义&#39;&gt;&lt;/p&gt;
&lt;p&gt;我更喜欢实线，所以这两个选项都取消了。&lt;/p&gt;
&lt;h3 id=&#34;取消-git-提交按钮&#34;&gt;取消 git 提交按钮&lt;/h3&gt;
&lt;p caption=&#39;移除多余的 UI 按钮&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/6343ab7e-7fc4-4cdc-8b0d-b65eae20b0b7.webp&#39; alt=&#39;移除多余的 UI 按钮&#39; title=&#39;移除多余的 UI 按钮&#39;&gt;&lt;/p&gt;
&lt;p&gt;说实话，左侧的这个提交按钮我从来没用过，都是使用命令行操作的 git，所以这个选项我取消了。&lt;/p&gt;
&lt;p&gt;同理，这个按钮（看起来是 github copilot 的按钮，自动生成提交注释），我也取消了，尤其是对于公司项目，强制要求输入内容带上需求/bug 卡片编号的时候，这个智能写提效信息就更没用了：&lt;/p&gt;
&lt;p caption=&#39;移除自动写提交信息&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/111f48be-42e0-4f6a-b490-7dc832b15045.webp&#39; alt=&#39;移除自动写提交信息&#39; title=&#39;移除自动写提交信息&#39;&gt;&lt;/p&gt;
&lt;h2 id=&#34;扩展&#34;&gt;扩展&lt;/h2&gt;
&lt;h3 id=&#34;取消通知&#34;&gt;取消通知&lt;/h3&gt;
&lt;p caption=&#39;取消全部扩展通知&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/caa23ff0-089b-4035-90e1-c914e44c61ac.webp&#39; alt=&#39;取消全部扩展通知&#39; title=&#39;取消全部扩展通知&#39;&gt;&lt;/p&gt;
&lt;p&gt;我不需要任何扩展告诉我应该怎么做，如果有需要，我会主动找它。&lt;/p&gt;
&lt;h2 id=&#34;终端&#34;&gt;终端&lt;/h2&gt;
&lt;h3 id=&#34;右键行为&#34;&gt;右键行为&lt;/h3&gt;
&lt;p caption=&#39;终端邮件默认居然是选中+菜单&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/8c75e65f-ae00-49f1-982f-82c682b4a2f9.webp&#39; alt=&#39;终端邮件默认居然是选中+菜单&#39; title=&#39;终端邮件默认居然是选中+菜单&#39;&gt;&lt;/p&gt;
&lt;p&gt;一般是鼠标左键选中后，右键出上下文操作。但 VSCode 默认行为居然是选中内容（单词）后出右键，可以，但没必要。&lt;/p&gt;
&lt;h3 id=&#34;终端最大行数&#34;&gt;终端最大行数&lt;/h3&gt;
&lt;p caption=&#39;最大记录行&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/67d6cb52-ce20-40d2-ab50-548b7a4aab41.webp&#39; alt=&#39;最大记录行&#39; title=&#39;最大记录行&#39;&gt;&lt;/p&gt;
&lt;p&gt;这个其实改不改都行，我偶然情况下需要看很久之前的 log 信息，加上我的 64G 内存，调大点无所谓。&lt;/p&gt;
&lt;h3 id=&#34;终端滚动动画&#34;&gt;终端滚动动画&lt;/h3&gt;
&lt;p caption=&#39;奇怪的动画，关了&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/7bd7b784-c3e5-456a-9aea-f0374dfa62b0.webp&#39; alt=&#39;奇怪的动画，关了&#39; title=&#39;奇怪的动画，关了&#39;&gt;&lt;/p&gt;
&lt;p&gt;虽然我喜欢动画（优雅），但是很奇怪，在终端的动画滚动似乎有点惯性，很难掌控滚动量，跟编辑器或者工作台内的滚动效果有很大差异，所以我关了。&lt;/p&gt;
&lt;h2 id=&#34;css-less-sass&#34;&gt;CSS/Less/Sass&lt;/h2&gt;
&lt;h3 id=&#34;lint-重复属性警告&#34;&gt;lint 重复属性警告&lt;/h3&gt;
&lt;p caption=&#39;需要设置三次&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/067e3056-d82f-4910-9e47-519259d54577.webp&#39; alt=&#39;需要设置三次&#39; title=&#39;需要设置三次&#39;&gt;&lt;/p&gt;
&lt;p&gt;这个很有必要，有时候你是从外面复制多个属性值粘贴（常见的是从浏览器检查元素的 style 上复制），然后去除重复的属性。&lt;/p&gt;
&lt;h2 id=&#34;git&#34;&gt;Git&lt;/h2&gt;
&lt;h3 id=&#34;自动-stash&#34;&gt;自动 Stash&lt;/h3&gt;
&lt;p caption=&#39;少操作一次&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/4fee6e57-9088-4a39-bbfe-c86ea5c9beb2.webp&#39; alt=&#39;少操作一次&#39; title=&#39;少操作一次&#39;&gt;&lt;/p&gt;
&lt;p&gt;如图，描述的很清楚了，建议开启，少一步操作。&lt;/p&gt;
&lt;h2 id=&#34;第三方扩展&#34;&gt;第三方扩展&lt;/h2&gt;
&lt;p&gt;其实没什么好说的，毕竟都装扩展了，肯定是有自己的需求才会装的，所以按照自己的需求配置即可。&lt;/p&gt;
&lt;h3 id=&#34;gitlens&#34;&gt;GitLens&lt;/h3&gt;
&lt;p&gt;不过有些插件，是可以关闭付费推荐的，对，说的就是 &lt;code&gt;GitLens&lt;/code&gt; ，在我（意外）查看 git 分支合入情况的时候，会触发到付费功能的提示，这个可以关闭（感谢插件开发者的大度）：&lt;/p&gt;
&lt;p caption=&#39;关掉 GitLens 付费功能提醒&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/28974458-b244-4ed9-919e-affe90c409fe.webp&#39; alt=&#39;关掉 GitLens 付费功能提醒&#39; title=&#39;关掉 GitLens 付费功能提醒&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;one-dark-pro&#34;&gt;One Dark Pro&lt;/h3&gt;
&lt;p caption=&#39;高亮部分代码&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/a1ac82b3-7b1c-4fc4-9327-2cd04796bbee.webp&#39; alt=&#39;高亮部分代码&#39; title=&#39;高亮部分代码&#39;&gt;&lt;/p&gt;
&lt;p&gt;这个我喜欢，更显著的看到方法、函数名：&lt;/p&gt;
&lt;p caption=&#39;效果&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/make-vscode-great-forever/d6235ab1-a532-4188-be52-2f29908b31e5.webp&#39; alt=&#39;效果&#39; title=&#39;效果&#39;&gt;&lt;/p&gt;
&lt;h2 id=&#34;后记&#34;&gt;后记&lt;/h2&gt;
&lt;p&gt;说了这么多设置，适合自己的才是最重要的，祝大家高效工作，早点下班！&lt;/p&gt;
</description>
            <pubDate>Thu, 21 Dec 2023 00:00:00 +0000</pubDate>
            <link>https://www.xheldon.com/life/make-vscode-great-forever.html</link>
            <guid isPermaLink="true">https://www.xheldon.com/life/make-vscode-great-forever.html</guid>
            
                <category>生活</category>
            
                <category>折腾</category>
            
                <category>教程</category>
            
                <category>技巧</category>
            
                <category>JavaScript</category>
            
                <category>工作流</category>
            
                <category>VSCode</category>
            
                <category>设置</category>
            
            
                <category>life</category>
            
        </item>
        
        <item>
            <title>使用 Apple TV 收看北京联通 IPTV</title>
            <description>&lt;h2 id=&#34;前言&#34;&gt;前言&lt;/h2&gt;
&lt;p&gt;之前在 &lt;a href=&#34;/life/the-way-to-watching-tv.html&#34;&gt;这篇博客&lt;/a&gt; 讲了现在家庭观影的方案，其中提到的一个点是使用网络上别人抓取到的 IPTV 的节目地址（m3u 后缀），放入 iPlayTV 中，可以直接播。但是这个节目地址过一段时间就失效了，这是因为联通 IPTV 服务器会时不时的会更新一下节目的播放地址，而 Apple TV 上填写的地址是固定的，无法及时更新，因此本文就来解决这个问题。&lt;/p&gt;
&lt;p class=&#39;content-callout&#39; style=&#39;background: rgb(253, 235, 236); color: ;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;🚧&lt;/span&gt;&lt;span&gt;**使用前必读：**本人为北京联通宽带，**光猫使用桥接方式，路由器拨号，软路由 R4S 以旁路由**的方式进行连接。本教程针对该拓扑方案进行介绍，其他网络拓扑如「光猫桥接 + R4S 当主路由进行拨号，或者光猫拨号 + R4S 旁路由」等，也可以实现，但是其中关键的 R4S 设置也许跟本教程有些许的差异，建议多搜索一下，领会其中的精神，不用完全跟我的一样。&lt;/span&gt;&lt;/p&gt;
&lt;p class=&#39;content-callout&#39; style=&#39;background: rgb(251, 243, 219); color: ;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;🚧&lt;/span&gt;&lt;span&gt;同上，如果你是使用光猫直接拨号，你可以直接从光猫接根线出来到旁/主路由上进行组播变单播；也可以直接在支持的设备上使用组播地址进行播放，就不用像我这么麻烦了。具体还要看你家的网络拓扑结构而定。&lt;/span&gt;&lt;/p&gt;
&lt;p class=&#39;content-callout&#39; style=&#39;background: rgb(251, 236, 221); color: ;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;🚧&lt;/span&gt;&lt;span&gt;本教程仅针对北京联通 IPTV 测试成功，其他地区可能有所差异，如果发现文本中有跟地域强相关的内容，请根据你所在的地区替换对应内容。&lt;/span&gt;&lt;/p&gt;
&lt;p class=&#39;content-callout&#39; style=&#39;background: rgb(244, 238, 238); color: ;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;🚧&lt;/span&gt;&lt;span&gt;在修改设置前，请提前先备份所有路由器、设备的设置，以防万一。&lt;/span&gt;&lt;/p&gt;
&lt;p class=&#39;content-callout&#39; style=&#39;background: rgb(251, 243, 219); color: ;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;🚧&lt;/span&gt;&lt;span&gt;我使用的软路由是 R4S，有两个网口。如果你是跟我一样的网络拓扑，请保证你的软路由至少有两个或以上网口，因为一个需要连主路由，另一个需要连光猫。&lt;/span&gt;&lt;/p&gt;
&lt;p class=&#39;content-callout&#39; style=&#39;background: rgba(244, 240, 247, 0.8); color: ;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;🚧&lt;/span&gt;&lt;span&gt;我家的光猫网段是：192.168.1.x，主路由网段是 192.168.5.x；光猫地址是 192.168.1.1，R4S 的地址是 192.168.5.2，主路由 Lan 口地址是 192.168.5.1，路由器 Wan 口地址是 192.168.1.2。&lt;/span&gt;&lt;/p&gt;
&lt;h2 id=&#34;确定是否支持白嫖&#34;&gt;确定是否支持白嫖&lt;/h2&gt;
&lt;p class=&#39;content-callout&#39; style=&#39;background: rgb(231, 243, 248); color: ;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;🚧&lt;/span&gt;&lt;span&gt;目前北京地区的 IPTV 没有增加鉴权，但是从我看到的信息来看其他地区的一些运营商有对 IPTV 进行加密鉴权，即必须用运营商给的 IPTV 盒子的 Mac 地址连接（盒子起到解密的作用），才能实现脱离盒子使用软路由进行局域网任意设备的播放。具体如何实现比较复杂，本教程不介绍这个场景。&lt;/span&gt;&lt;/p&gt;
&lt;h3 id=&#34;提前下载-vlc&#34;&gt;提前下载 VLC&lt;/h3&gt;
&lt;p&gt;光猫桥接，路由器拨号的方式上网后，连接光猫后是无法上网的，因此请先提前在电脑上下载好 VLC 播放软件，以供一会儿进行测试，VLC 播放器地址在这里下载：&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://www.videolan.org/vlc/&#34; target=&#34;_blank&#34;&gt; Official download of VLC media player, the best Open Source player - VideoLAN&lt;/a&gt;&lt;/p&gt;
&lt;h3 id=&#34;连接光猫&#34;&gt;连接光猫&lt;/h3&gt;
&lt;p&gt;将&lt;strong&gt;电脑使用有线的方式连接光猫&lt;/strong&gt;的 IPTV 口（如果光猫上没有发现 IPTV 口，则表示光猫支持混插，即接口不区分宽带和 IPTV 口，插任意一个口都行），然后在 VLC 软件中：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;打开 File-Open Network。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;点击下面的 Open RTP/UDP Stream。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Protocol 选 RTP，Mode 选 Multicast，IP Address 填：&lt;code&gt;239.3.1.241&lt;/code&gt; （或者 &lt;code&gt;rtp://239.3.1.241&lt;/code&gt; ，具体哪个忘了）端口填 &lt;code&gt;8000&lt;/code&gt; 。&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;点 Open 之后，如果可以看到北京卫视，说明你可以免费白嫖。&lt;/p&gt;
&lt;p caption=&#39;VLC RTP 播放&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/iptv-for-apple-tv-in-beijing/ea9168ee-6086-42df-b6b4-269900eb5592.webp&#39; alt=&#39;VLC RTP 播放&#39; title=&#39;VLC RTP 播放&#39;&gt;&lt;/p&gt;
&lt;p class=&#39;content-callout&#39; style=&#39;background: rgb(251, 243, 219); color: ;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;💡&lt;/span&gt;&lt;span&gt;这里的 `rtp://239.3.1.241:8000` 就是北京卫视的组播地址，将来该地址可能有变化，具体准确的地址，可以到 `https://raw.githubusercontent.com/qwerttvv/Beijing-IPTV/master/IPTV-Unicom.m3u` 这里，找到任意一个 rtp 路径后面的 ip 地址进行测试。&lt;/span&gt;&lt;/p&gt;
&lt;h2 id=&#34;基本概念解释&#34;&gt;基本概念解释&lt;/h2&gt;
&lt;p&gt;不想了解的直接跳到下一节。&lt;/p&gt;
&lt;h3 id=&#34;iptv&#34;&gt;IPTV&lt;/h3&gt;
&lt;p&gt;根据维基百科对 IPTV 的解释：&lt;/p&gt;
&lt;p class=&#39;content-callout&#39; style=&#39;background: rgb(241, 241, 239); color: ;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;📖&lt;/span&gt;&lt;span&gt;网路协定电视（英语：Internet Protocol Television，缩写：IPTV）是宽频电视的一种。IPTV 是用宽频网络作为介质传送电视信息的一种系统，将广播节目透过宽频上的网际协议（Internet Protocol, IP）向订户传递数码电视服务。由于需要使用网路，IPTV 服务供应商经常会一并提供连接互联网及 IP 电话等相关服务，也可称为“三重服务”或“三合一服务”（Triple Play）。IPTV 是数位电视的一种，因此普通电视机需要配合相应的机顶盒接收频道，也因此供应商通常会向客户同时提供随选视讯服务。虽透过宽频网路及网际协议，但 IPTV 不一定透过网际网路，为传输品质会通过局域网传输。&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;有此可知，一般情况下 IPTV 都是宽带提供商提供的服务，通过它可以看电视。&lt;/p&gt;
&lt;h3 id=&#34;组播&#34;&gt;组播&lt;/h3&gt;
&lt;p&gt;一种 IPTV 实现播放的技术手段，英文名叫「multicast」，也译为多播。具体概念不用弄太清楚，了解到它相比于单播：&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;优势在于：&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;不占用互联网带宽。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;IPTV 盒子起到认证的作用，IPTV 运营商由于是对一个组进行广播，因此对自己的服务器压力较小。&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;劣势&lt;strong&gt;在于：&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;必须有线连接光猫 IPTV 口（有些光猫支持混插，即不区分 IPTV 口还是宽带口）才能用，因此只能连接 IPTV 盒子的设备使用，不能使用 WiFi 让家里任意设备观看网络电视。&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;单播&#34;&gt;单播&lt;/h3&gt;
&lt;p&gt;另一种较老的 IPTV 实现播放的技术手段，早期 IPTV 用户不多的时候使用该方案，相比于组播来说，彼之缺点就是其之优点，反之亦然，即：&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;优势在于：&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;接入后，局域网支持 WiFi ，以供任意设备播放。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;劣势在于：&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;跟服务器 1 对 1 连接，服务器压力较大，用户多的时候播放会比较卡顿。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;占用宽带的带宽，直接使用互联网连接进行的播放（就跟现在看直播一样）。&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;udpxy&#34;&gt;udpxy&lt;/h3&gt;
&lt;blockquote style=&#39;border-color: ;color: &#39;&gt;&lt;p&gt; udpxy 服务器是**一款 UDP 流转 HTTP 流的代理服务器**，可以将 IP 直播流转化为 HTTP 流，方便在各种终端上播放。&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;当无法直接获取到组播地址的时候，用来将组播地址转为单播地址，如组播地址是：a:b， d:e（a、d 为 ip 地址，b、e 为端口）；转换成单播地址后就是统一的地址如 z/a/b，z/d/e。播放器监听这个地址 z 即可。&lt;/p&gt;
&lt;h3 id=&#34;m3u&#34;&gt;m3u&lt;/h3&gt;
&lt;blockquote style=&#39;border-color: ;color: &#39;&gt;&lt;p&gt; **M3U**（MP3 URL 的缩写）是一种播放多媒体列表的文件格式，它的设计初衷是为了播放音频文件，比如 MP3，但是越来越多的软件现在用做播放视频文件列表的格式。&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;m3u 文件就是一个里面含有全部播放组播地址的文本文件，在 Apple TV 或者电脑上读取这个文件地址，就可以播放其中的视频地址。&lt;/p&gt;
&lt;h3 id=&#34;epg&#34;&gt;EPG&lt;/h3&gt;
&lt;p&gt;包含节目单信息，上一步知道 m3u 地址后，里面都是一个个的 ip 地址，那如何知道每个 ip 地址是哪个频道呢？这个时候就需要一个 EPG 进行配对了，EPG 含有每个地址的节目信息，甚至是频道的简单介绍，EPG 通常会随着视频信号一起广播。&lt;/p&gt;
&lt;h2 id=&#34;网络拓扑&#34;&gt;网络拓扑&lt;/h2&gt;
&lt;p caption=&#39;网络拓扑-主路由拨号&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/iptv-for-apple-tv-in-beijing/0349a1d5-caeb-4233-b36b-8bc1c7db7565.webp&#39; alt=&#39;网络拓扑-主路由拨号&#39; title=&#39;网络拓扑-主路由拨号&#39;&gt;&lt;/p&gt;
&lt;h2 id=&#34;上手实操&#34;&gt;上手实操&lt;/h2&gt;
&lt;p class=&#39;content-callout&#39; style=&#39;background: rgb(251, 243, 219); color: ;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;🚧&lt;/span&gt;&lt;span&gt;动手之前先按照开头所述检查是否支持白嫖。&lt;/span&gt;&lt;/p&gt;
&lt;h3 id=&#34;设置软路由&#34;&gt;设置软路由&lt;/h3&gt;
&lt;p&gt;&lt;strong&gt;安装 udpxy 和 luci-udpxy&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;这一步就是常规的操作了，UI 安装最方便，如图（安装完成后先别启用，最后一步再启用）：&lt;/p&gt;
&lt;p caption=&#39;软件安装界面&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/iptv-for-apple-tv-in-beijing/2be1ca35-90a8-4936-89cd-5458557ac064.webp&#39; alt=&#39;软件安装界面&#39; title=&#39;软件安装界面&#39;&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;新建/配置网络接口&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;这一步为了让软路由识别到来自光猫的数据。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;在 &lt;code&gt;网络-接口&lt;/code&gt; 中新建一个接口，随便起个名字叫 &lt;code&gt;IPTV&lt;/code&gt; ：&lt;/li&gt;
&lt;/ul&gt;
&lt;p caption=&#39;新建 IPTV 接口&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/iptv-for-apple-tv-in-beijing/a938e2a7-9723-40f5-8b86-3ed151ba12c5.webp&#39; alt=&#39;新建 IPTV 接口&#39; title=&#39;新建 IPTV 接口&#39;&gt;&lt;/p&gt;
&lt;p&gt;注意箭头的部分，我已经新建好了所以括号中有 IPTV 字样，刚新建的时候是没有的。其中 eth1 是我的 Lan 口，接的是主路由；eth0 是另一个接口，接的即是光猫（IPTV 口）；这里我曾经修改过，默认情况下，eht0 是 Lan 口，eth1 是 Wan 口，不重要，这一步是将 Wan 口用作 IPTV 口。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;配置「IPTV」接口的网关跃点与防火墙设置：&lt;/li&gt;
&lt;/ul&gt;
&lt;p caption=&#39;配置网关跃点&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/iptv-for-apple-tv-in-beijing/d1df1f84-7240-4eb9-872b-6871f9c895a6.webp&#39; alt=&#39;配置网关跃点&#39; title=&#39;配置网关跃点&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;防火墙配置到 wan 上&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/iptv-for-apple-tv-in-beijing/c0e4032b-f066-4fcf-b906-dae85a37d070.webp&#39; alt=&#39;防火墙配置到 wan 上&#39; title=&#39;防火墙配置到 wan 上&#39;&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;配置 Wan 口的网关跃点：&lt;/li&gt;
&lt;/ul&gt;
&lt;p caption=&#39;Wan 口网关跃点&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/iptv-for-apple-tv-in-beijing/21347824-ca57-4715-9fe9-cd7b6be0f282.webp&#39; alt=&#39;Wan 口网关跃点&#39; title=&#39;Wan 口网关跃点&#39;&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;配置 Lan 口 IGMP 嗅探：&lt;/li&gt;
&lt;/ul&gt;
&lt;p caption=&#39;IGMP 嗅探&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/iptv-for-apple-tv-in-beijing/b075aaec-042b-4f9d-9437-27ea4d17211e.webp&#39; alt=&#39;IGMP 嗅探&#39; title=&#39;IGMP 嗅探&#39;&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;配置网络防火墙&lt;/li&gt;
&lt;/ul&gt;
&lt;p caption=&#39;网络防火墙配置&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/iptv-for-apple-tv-in-beijing/577418eb-c3f6-43be-b73b-b1cf3ab5dcea.webp&#39; alt=&#39;网络防火墙配置&#39; title=&#39;网络防火墙配置&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;防火墙配置2&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/iptv-for-apple-tv-in-beijing/b3ce719b-a05d-41ef-ab4a-12eb866178a8.webp&#39; alt=&#39;防火墙配置2&#39; title=&#39;防火墙配置2&#39;&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;配置 udpxy 服务&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;如图配置即可，注意这里的 eth0 是 Wan 口，别搞错了：&lt;/li&gt;
&lt;/ul&gt;
&lt;p caption=&#39;打开 UDPXY&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/iptv-for-apple-tv-in-beijing/bcd40c05-ed7f-43fd-b833-4cee94948150.webp&#39; alt=&#39;打开 UDPXY&#39; title=&#39;打开 UDPXY&#39;&gt;&lt;/p&gt;
&lt;p&gt;最后尝试打开  [&lt;a href=&#34;http://192.168.5.2:4022/status&#34;&gt;http://192.168.5.2:4022/status&lt;/a&gt;]([object Object])  验证 udpxy 服务是否启动成功：&lt;/p&gt;
&lt;p caption=&#39;看到这个就表示成功了&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/iptv-for-apple-tv-in-beijing/189e9cb4-80c9-4b5d-8f57-722660e66145.webp&#39; alt=&#39;看到这个就表示成功了&#39; title=&#39;看到这个就表示成功了&#39;&gt;&lt;/p&gt;
&lt;p&gt;之后，将之前使用 VLC 打开的地址 &lt;code&gt;rtp://239.3.1.241:8000&lt;/code&gt; 改成 &lt;code&gt;http://192.168.2.1:4022/rtp/239.3.1.241:8000&lt;/code&gt; 再尝试打开（不用点下面的 Open RTP/UDP Stream，直接在 URL 中打开）。&lt;/p&gt;
&lt;p caption=&#39;尝试将 RTP 变 HTTP 播放&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/iptv-for-apple-tv-in-beijing/582e015c-4260-4181-a81c-5eafc97a1132.webp&#39; alt=&#39;尝试将 RTP 变 HTTP 播放&#39; title=&#39;尝试将 RTP 变 HTTP 播放&#39;&gt;&lt;/p&gt;
&lt;p&gt;然后双击播放即可：&lt;/p&gt;
&lt;p caption=&#39;成功画面↑&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/iptv-for-apple-tv-in-beijing/215aa895-e673-419a-a4fc-b94603af8baa.webp&#39; alt=&#39;成功画面↑&#39; title=&#39;成功画面↑&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;使用播放软件&#34;&gt;使用播放软件&lt;/h3&gt;
&lt;p&gt;我是在 Apple TV 4K 看电视的，试了几个播放软件，这里简单说说：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;iPlayTV 不能播放，不知道为什么。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Fileball 上下换台没问题，但是一选台就闪退。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;最终选择了 IIVA 同一个开发者的 app：「TV+」，港区售价 38 港币（购买第二天就限免，尴尬）。&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;如何实现自动更新地址&#34;&gt;如何实现自动更新地址&lt;/h2&gt;
&lt;p&gt;联通的 IPTV 节目播放地址，每隔一段时间都会变一次，有时候变的是端口，有时候变的是 ip 地址，这个时候再用这个办法播放就失效了，怎么办呢？&lt;/p&gt;
&lt;p&gt;网上有好心人，经过一系列复杂监听操作，比如这个：&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://blog.friskit.me/2020/05/31/bjunicom-network.html&#34; target=&#34;_blank&#34;&gt; 光纤入户光猫改桥接+内网转发IPTV=任意设备看电视直播 - Botian&#39;s Blog&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;获取到了 IPTV 电视盒子与联通服务器通信的数据，拿到了它的地址，因此我们直接使用即可，如：&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://github.com/qwerttvv/Beijing-IPTV/blob/master/README.md&#34; target=&#34;_blank&#34;&gt; github.com&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;但是这里有个点是，你家里的软路由地址需要跟这位好心人的地址是一样的（192.168.123.1），然后将 udpxy 端口改为 23234，这样你就可以直接将这个地址放到 TV+ 里面即可：&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://raw.githubusercontent.com/qwerttvv/Beijing-IPTV/master/IPTV-Unicom.m3u&#34; target=&#34;_blank&#34;&gt; raw.githubusercontent.com&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;否则，你就只能主动监听这个文件的变动，然后更新。&lt;/p&gt;
&lt;p&gt;这里我花十分钟在 Vercel 部署了一个 API 服务，同时启用了 Vercel 的 Corn Jobs 服务，可以定时执行函数，来检测变动，代码如下，你也可以自己部署一套：&lt;/p&gt;
&lt;figure class=&#34;highlight javascript&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;8&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;9&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;10&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;11&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;12&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;13&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;14&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;15&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;16&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;17&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;18&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;19&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;20&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;21&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;22&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;23&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;24&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;25&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;26&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;27&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;28&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;29&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;30&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;31&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;32&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;33&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;34&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;35&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;36&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;37&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;38&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;39&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;40&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;41&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;42&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;43&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;44&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;45&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;46&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;47&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;48&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;49&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;50&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;51&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;52&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;53&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;54&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;55&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;56&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;57&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;58&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;59&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;60&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;61&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;62&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;63&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;64&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;65&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;66&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;67&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;68&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;69&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;70&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;71&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;72&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;73&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;74&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;75&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;76&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;77&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;78&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;79&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;80&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;81&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;82&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;83&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;84&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;85&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;86&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;87&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;88&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;89&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;90&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;91&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;92&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;93&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;94&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;95&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;96&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;97&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;98&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;99&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;100&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;101&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;102&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;103&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;104&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;105&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;106&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;107&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;108&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;code class=&#34;hljs javascript&#34;&gt;&lt;span class=&#34;hljs-keyword&#34;&gt;import&lt;/span&gt; type &amp;#123; &lt;span class=&#34;hljs-title class_&#34;&gt;NextApiRequest&lt;/span&gt;, &lt;span class=&#34;hljs-title class_&#34;&gt;NextApiResponse&lt;/span&gt; &amp;#125; &lt;span class=&#34;hljs-keyword&#34;&gt;from&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;next&amp;#x27;&lt;/span&gt;;&lt;br&gt;&lt;br&gt;type &lt;span class=&#34;hljs-title class_&#34;&gt;ResponseData&lt;/span&gt; = &amp;#123;&lt;br&gt;  &lt;span class=&#34;hljs-attr&#34;&gt;msg&lt;/span&gt;: string,&lt;br&gt;&amp;#125;;&lt;br&gt;&lt;br&gt;&lt;span class=&#34;hljs-comment&#34;&gt;/**&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-comment&#34;&gt; * 该函数用来将网友通过 IPTV 盒子抓包获取的联通单播地址，转成自己的单播地址&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-comment&#34;&gt; * 该函数每天 3 点触发一次，定时检测网友的单播地址是否有更新，使用 vercel corn 任务进行&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-comment&#34;&gt; * &lt;span class=&#34;hljs-doctag&#34;&gt;TODO:&lt;/span&gt; 该函数未做鉴权，任何人都可以手动触发检测，为了防止滥用可以加上鉴权，但是 corn 似乎没这个功能&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-comment&#34;&gt; */&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-keyword&#34;&gt;export&lt;/span&gt; &lt;span class=&#34;hljs-keyword&#34;&gt;default&lt;/span&gt; &lt;span class=&#34;hljs-keyword&#34;&gt;function&lt;/span&gt; &lt;span class=&#34;hljs-title function_&#34;&gt;handler&lt;/span&gt;(&lt;span class=&#34;hljs-params&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-params&#34;&gt;  request: NextApiRequest,&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-params&#34;&gt;  response: NextApiResponse&amp;lt;ResponseData&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-params&#34;&gt;&lt;/span&gt;) &amp;#123;&lt;br&gt;  &lt;span class=&#34;hljs-comment&#34;&gt;// Note: 步骤&lt;/span&gt;&lt;br&gt;  &lt;span class=&#34;hljs-comment&#34;&gt;// 1. 获取网友通过监听盒子数据包抓取的（自己搞比较费劲，直接用现成的了）联通 IPTV 永久地址（rtp 协议的组播地址，多用户通用），获取其内容&lt;/span&gt;&lt;br&gt;  &lt;span class=&#34;hljs-comment&#34;&gt;// 2. 添加本地 udpxy 转发地址&lt;/span&gt;&lt;br&gt;  &lt;span class=&#34;hljs-comment&#34;&gt;// 3. 获取之前的 github gist 内容以对比二者&lt;/span&gt;&lt;br&gt;  &lt;span class=&#34;hljs-comment&#34;&gt;// 4. 有差异，则更新 github gist 内容&lt;/span&gt;&lt;br&gt;  &lt;span class=&#34;hljs-comment&#34;&gt;// 5. 没有，则不做操作&lt;/span&gt;&lt;br&gt;  &lt;span class=&#34;hljs-comment&#34;&gt;// Note: 环境变量，自己在 Vercel 中设置好&lt;/span&gt;&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; token = process.&lt;span class=&#34;hljs-property&#34;&gt;env&lt;/span&gt;.&lt;span class=&#34;hljs-property&#34;&gt;GITHUB_TOKEN&lt;/span&gt;;&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; gist = process.&lt;span class=&#34;hljs-property&#34;&gt;env&lt;/span&gt;.&lt;span class=&#34;hljs-property&#34;&gt;GIST_URL&lt;/span&gt;;&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; id = process.&lt;span class=&#34;hljs-property&#34;&gt;env&lt;/span&gt;.&lt;span class=&#34;hljs-property&#34;&gt;GIST_ID&lt;/span&gt;;&lt;br&gt;  &lt;span class=&#34;hljs-keyword&#34;&gt;return&lt;/span&gt; &lt;span class=&#34;hljs-title function_&#34;&gt;fetch&lt;/span&gt;(&lt;br&gt;    &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;https://raw.githubusercontent.com/qwerttvv/Beijing-IPTV/master/IPTV-Unicom.m3u&amp;#x27;&lt;/span&gt;&lt;br&gt;  )&lt;br&gt;    .&lt;span class=&#34;hljs-title function_&#34;&gt;then&lt;/span&gt;(&lt;span class=&#34;hljs-keyword&#34;&gt;async&lt;/span&gt; (res) =&amp;gt; &amp;#123;&lt;br&gt;      &lt;span class=&#34;hljs-keyword&#34;&gt;if&lt;/span&gt; (!res.&lt;span class=&#34;hljs-property&#34;&gt;ok&lt;/span&gt;) &amp;#123;&lt;br&gt;        &lt;span class=&#34;hljs-variable language_&#34;&gt;console&lt;/span&gt;.&lt;span class=&#34;hljs-title function_&#34;&gt;log&lt;/span&gt;(&lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;获取源地址异常&amp;#x27;&lt;/span&gt;);&lt;br&gt;        &lt;span class=&#34;hljs-keyword&#34;&gt;return&lt;/span&gt; response.&lt;span class=&#34;hljs-title function_&#34;&gt;status&lt;/span&gt;(&lt;span class=&#34;hljs-number&#34;&gt;200&lt;/span&gt;).&lt;span class=&#34;hljs-title function_&#34;&gt;json&lt;/span&gt;(&amp;#123;&lt;br&gt;          &lt;span class=&#34;hljs-attr&#34;&gt;msg&lt;/span&gt;: &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;获取源地址异常&amp;#x27;&lt;/span&gt;,&lt;br&gt;        &amp;#125;);&lt;br&gt;      &amp;#125;&lt;br&gt;      &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; src = &lt;span class=&#34;hljs-keyword&#34;&gt;await&lt;/span&gt; res.&lt;span class=&#34;hljs-title function_&#34;&gt;text&lt;/span&gt;();&lt;br&gt;      &lt;span class=&#34;hljs-comment&#34;&gt;// Note: 替换网友的本地单播地址为我的，其实你也可以将自己家的路由器网段设置成跟网友的一样（192.168.123.x），udpxy 端口转发设置成跟网友一样（23234），你就可以直接使用该地址了&lt;/span&gt;&lt;br&gt;      &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; newGist = src.&lt;span class=&#34;hljs-title function_&#34;&gt;replace&lt;/span&gt;(&lt;br&gt;        &lt;span class=&#34;hljs-regexp&#34;&gt;/http\:\/\/192\.168\.123\.1\:23234/g&lt;/span&gt;,&lt;br&gt;        &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;http://192.168.5.2:4022&amp;#x27;&lt;/span&gt;&lt;br&gt;      );&lt;br&gt;      response.&lt;span class=&#34;hljs-title function_&#34;&gt;setHeader&lt;/span&gt;(&lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;Content-Type&amp;#x27;&lt;/span&gt;, &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;text/html; charset=utf-8&amp;#x27;&lt;/span&gt;);&lt;br&gt;      &lt;span class=&#34;hljs-comment&#34;&gt;// Note: 获取 gist 的 raw 内容，需要加个 cache-bust 否则每次请求会被缓存&lt;/span&gt;&lt;br&gt;      &lt;span class=&#34;hljs-keyword&#34;&gt;return&lt;/span&gt; &lt;span class=&#34;hljs-title function_&#34;&gt;fetch&lt;/span&gt;(&lt;span class=&#34;hljs-string&#34;&gt;`&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;gist&amp;#125;&lt;/span&gt;?cache-bust=&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;&lt;span class=&#34;hljs-built_in&#34;&gt;Math&lt;/span&gt;.floor(&lt;span class=&#34;hljs-built_in&#34;&gt;Math&lt;/span&gt;.random() * &lt;span class=&#34;hljs-number&#34;&gt;100000&lt;/span&gt;)&amp;#125;&lt;/span&gt;`&lt;/span&gt;, &amp;#123;&lt;br&gt;        &lt;span class=&#34;hljs-attr&#34;&gt;headers&lt;/span&gt;: &amp;#123;&lt;br&gt;          &lt;span class=&#34;hljs-title class_&#34;&gt;Authorization&lt;/span&gt;: &lt;span class=&#34;hljs-string&#34;&gt;`Bearer &lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;token&amp;#125;&lt;/span&gt;`&lt;/span&gt;,&lt;br&gt;        &amp;#125;,&lt;br&gt;      &amp;#125;)&lt;br&gt;        .&lt;span class=&#34;hljs-title function_&#34;&gt;then&lt;/span&gt;(&lt;span class=&#34;hljs-keyword&#34;&gt;async&lt;/span&gt; (pre) =&amp;gt; &amp;#123;&lt;br&gt;          &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; preGist = &lt;span class=&#34;hljs-keyword&#34;&gt;await&lt;/span&gt; pre.&lt;span class=&#34;hljs-title function_&#34;&gt;text&lt;/span&gt;();&lt;br&gt;          &lt;span class=&#34;hljs-comment&#34;&gt;// console.log(&amp;#x27;preGist:&amp;#x27;, preGist);&lt;/span&gt;&lt;br&gt;          &lt;span class=&#34;hljs-keyword&#34;&gt;if&lt;/span&gt; (&lt;span class=&#34;hljs-title class_&#34;&gt;JSON&lt;/span&gt;.&lt;span class=&#34;hljs-title function_&#34;&gt;stringify&lt;/span&gt;(newGist) !== &lt;span class=&#34;hljs-title class_&#34;&gt;JSON&lt;/span&gt;.&lt;span class=&#34;hljs-title function_&#34;&gt;stringify&lt;/span&gt;(preGist)) &amp;#123;&lt;br&gt;            &lt;span class=&#34;hljs-comment&#34;&gt;// Note: 更新 Gist&lt;/span&gt;&lt;br&gt;            &lt;span class=&#34;hljs-keyword&#34;&gt;const&lt;/span&gt; files = &amp;#123;&lt;br&gt;              &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;IPTV.m3u&amp;#x27;&lt;/span&gt;: &amp;#123;&lt;br&gt;                &lt;span class=&#34;hljs-attr&#34;&gt;content&lt;/span&gt;: newGist,&lt;br&gt;              &amp;#125;,&lt;br&gt;            &amp;#125;;&lt;br&gt;            &lt;span class=&#34;hljs-keyword&#34;&gt;return&lt;/span&gt; &lt;span class=&#34;hljs-title function_&#34;&gt;fetch&lt;/span&gt;(&lt;span class=&#34;hljs-string&#34;&gt;`https://api.github.com/gists/&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;id&amp;#125;&lt;/span&gt;`&lt;/span&gt;, &amp;#123;&lt;br&gt;              &lt;span class=&#34;hljs-attr&#34;&gt;method&lt;/span&gt;: &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;PATCH&amp;#x27;&lt;/span&gt;,&lt;br&gt;              &lt;span class=&#34;hljs-attr&#34;&gt;headers&lt;/span&gt;: &amp;#123;&lt;br&gt;                &lt;span class=&#34;hljs-title class_&#34;&gt;Authorization&lt;/span&gt;: &lt;span class=&#34;hljs-string&#34;&gt;`Bearer &lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;token&amp;#125;&lt;/span&gt;`&lt;/span&gt;,&lt;br&gt;                &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;Content-Type&amp;#x27;&lt;/span&gt;: &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;text/plain&amp;#x27;&lt;/span&gt;,&lt;br&gt;              &amp;#125;,&lt;br&gt;              &lt;span class=&#34;hljs-attr&#34;&gt;body&lt;/span&gt;: &lt;span class=&#34;hljs-title class_&#34;&gt;JSON&lt;/span&gt;.&lt;span class=&#34;hljs-title function_&#34;&gt;stringify&lt;/span&gt;(&amp;#123; files &amp;#125;),&lt;br&gt;            &amp;#125;)&lt;br&gt;              .&lt;span class=&#34;hljs-title function_&#34;&gt;then&lt;/span&gt;(&lt;span class=&#34;hljs-function&#34;&gt;(&lt;span class=&#34;hljs-params&#34;&gt;s&lt;/span&gt;) =&amp;gt;&lt;/span&gt; &amp;#123;&lt;br&gt;                &lt;span class=&#34;hljs-variable language_&#34;&gt;console&lt;/span&gt;.&lt;span class=&#34;hljs-title function_&#34;&gt;log&lt;/span&gt;(&lt;br&gt;                  &lt;span class=&#34;hljs-string&#34;&gt;`更新成功: &lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;gist&amp;#125;&lt;/span&gt;?cache-bust=&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;&lt;span class=&#34;hljs-built_in&#34;&gt;Math&lt;/span&gt;.floor(&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-subst&#34;&gt;&lt;span class=&#34;hljs-string&#34;&gt;                    &lt;span class=&#34;hljs-built_in&#34;&gt;Math&lt;/span&gt;.random() * &lt;span class=&#34;hljs-number&#34;&gt;1000000&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-subst&#34;&gt;&lt;span class=&#34;hljs-string&#34;&gt;                  )&amp;#125;&lt;/span&gt;`&lt;/span&gt;&lt;br&gt;                );&lt;br&gt;                &lt;span class=&#34;hljs-keyword&#34;&gt;return&lt;/span&gt; response.&lt;span class=&#34;hljs-title function_&#34;&gt;status&lt;/span&gt;(&lt;span class=&#34;hljs-number&#34;&gt;200&lt;/span&gt;).&lt;span class=&#34;hljs-title function_&#34;&gt;json&lt;/span&gt;(&amp;#123;&lt;br&gt;                  &lt;span class=&#34;hljs-attr&#34;&gt;msg&lt;/span&gt;: &lt;span class=&#34;hljs-string&#34;&gt;`更新成功: &lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;gist&amp;#125;&lt;/span&gt;?cache-bust=&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;&lt;span class=&#34;hljs-built_in&#34;&gt;Math&lt;/span&gt;.floor(&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-subst&#34;&gt;&lt;span class=&#34;hljs-string&#34;&gt;                    &lt;span class=&#34;hljs-built_in&#34;&gt;Math&lt;/span&gt;.random() * &lt;span class=&#34;hljs-number&#34;&gt;1000000&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-subst&#34;&gt;&lt;span class=&#34;hljs-string&#34;&gt;                  )&amp;#125;&lt;/span&gt;`&lt;/span&gt;,&lt;br&gt;                &amp;#125;);&lt;br&gt;              &amp;#125;)&lt;br&gt;              .&lt;span class=&#34;hljs-title function_&#34;&gt;catch&lt;/span&gt;(&lt;span class=&#34;hljs-function&#34;&gt;(&lt;span class=&#34;hljs-params&#34;&gt;e&lt;/span&gt;) =&amp;gt;&lt;/span&gt; &amp;#123;&lt;br&gt;                &lt;span class=&#34;hljs-variable language_&#34;&gt;console&lt;/span&gt;.&lt;span class=&#34;hljs-title function_&#34;&gt;log&lt;/span&gt;(&lt;span class=&#34;hljs-string&#34;&gt;`更新失败: &lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;e&amp;#125;&lt;/span&gt;`&lt;/span&gt;);&lt;br&gt;                &lt;span class=&#34;hljs-keyword&#34;&gt;return&lt;/span&gt; response.&lt;span class=&#34;hljs-title function_&#34;&gt;status&lt;/span&gt;(&lt;span class=&#34;hljs-number&#34;&gt;200&lt;/span&gt;).&lt;span class=&#34;hljs-title function_&#34;&gt;json&lt;/span&gt;(&amp;#123;&lt;br&gt;                  &lt;span class=&#34;hljs-attr&#34;&gt;msg&lt;/span&gt;: &lt;span class=&#34;hljs-string&#34;&gt;`更新失败: &lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;e&amp;#125;&lt;/span&gt;`&lt;/span&gt;,&lt;br&gt;                &amp;#125;);&lt;br&gt;              &amp;#125;);&lt;br&gt;          &amp;#125;&lt;br&gt;          &lt;span class=&#34;hljs-variable language_&#34;&gt;console&lt;/span&gt;.&lt;span class=&#34;hljs-title function_&#34;&gt;log&lt;/span&gt;(&lt;br&gt;            &lt;span class=&#34;hljs-string&#34;&gt;`未变化: &lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;gist&amp;#125;&lt;/span&gt;?cache-bust=&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;&lt;span class=&#34;hljs-built_in&#34;&gt;Math&lt;/span&gt;.floor(&lt;span class=&#34;hljs-built_in&#34;&gt;Math&lt;/span&gt;.random() * &lt;span class=&#34;hljs-number&#34;&gt;1000000&lt;/span&gt;)&amp;#125;&lt;/span&gt;`&lt;/span&gt;&lt;br&gt;          );&lt;br&gt;          &lt;span class=&#34;hljs-keyword&#34;&gt;return&lt;/span&gt; response.&lt;span class=&#34;hljs-title function_&#34;&gt;status&lt;/span&gt;(&lt;span class=&#34;hljs-number&#34;&gt;200&lt;/span&gt;).&lt;span class=&#34;hljs-title function_&#34;&gt;json&lt;/span&gt;(&amp;#123;&lt;br&gt;            &lt;span class=&#34;hljs-attr&#34;&gt;msg&lt;/span&gt;: &lt;span class=&#34;hljs-string&#34;&gt;`未变化: &lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;gist&amp;#125;&lt;/span&gt;?cache-bust=&lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;&lt;span class=&#34;hljs-built_in&#34;&gt;Math&lt;/span&gt;.floor(&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-subst&#34;&gt;&lt;span class=&#34;hljs-string&#34;&gt;              &lt;span class=&#34;hljs-built_in&#34;&gt;Math&lt;/span&gt;.random() * &lt;span class=&#34;hljs-number&#34;&gt;1000000&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-subst&#34;&gt;&lt;span class=&#34;hljs-string&#34;&gt;            )&amp;#125;&lt;/span&gt;`&lt;/span&gt;,&lt;br&gt;          &amp;#125;);&lt;br&gt;        &amp;#125;)&lt;br&gt;        .&lt;span class=&#34;hljs-title function_&#34;&gt;catch&lt;/span&gt;(&lt;span class=&#34;hljs-function&#34;&gt;(&lt;span class=&#34;hljs-params&#34;&gt;e&lt;/span&gt;) =&amp;gt;&lt;/span&gt; &amp;#123;&lt;br&gt;          &lt;span class=&#34;hljs-variable language_&#34;&gt;console&lt;/span&gt;.&lt;span class=&#34;hljs-title function_&#34;&gt;log&lt;/span&gt;(&lt;span class=&#34;hljs-string&#34;&gt;`获取自己的 gist 失败: &lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;e&amp;#125;&lt;/span&gt;`&lt;/span&gt;);&lt;br&gt;          &lt;span class=&#34;hljs-keyword&#34;&gt;return&lt;/span&gt; response.&lt;span class=&#34;hljs-title function_&#34;&gt;status&lt;/span&gt;(&lt;span class=&#34;hljs-number&#34;&gt;200&lt;/span&gt;).&lt;span class=&#34;hljs-title function_&#34;&gt;json&lt;/span&gt;(&amp;#123;&lt;br&gt;            &lt;span class=&#34;hljs-attr&#34;&gt;msg&lt;/span&gt;: &lt;span class=&#34;hljs-string&#34;&gt;`获取自己的 gist 失败: &lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;e&amp;#125;&lt;/span&gt;`&lt;/span&gt;,&lt;br&gt;          &amp;#125;);&lt;br&gt;        &amp;#125;);&lt;br&gt;    &amp;#125;)&lt;br&gt;    .&lt;span class=&#34;hljs-title function_&#34;&gt;catch&lt;/span&gt;(&lt;span class=&#34;hljs-function&#34;&gt;(&lt;span class=&#34;hljs-params&#34;&gt;e&lt;/span&gt;) =&amp;gt;&lt;/span&gt; &amp;#123;&lt;br&gt;      &lt;span class=&#34;hljs-variable language_&#34;&gt;console&lt;/span&gt;.&lt;span class=&#34;hljs-title function_&#34;&gt;log&lt;/span&gt;(&lt;span class=&#34;hljs-string&#34;&gt;`获取别人的源失败: &lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;e&amp;#125;&lt;/span&gt;`&lt;/span&gt;);&lt;br&gt;      &lt;span class=&#34;hljs-keyword&#34;&gt;return&lt;/span&gt; response.&lt;span class=&#34;hljs-title function_&#34;&gt;status&lt;/span&gt;(&lt;span class=&#34;hljs-number&#34;&gt;200&lt;/span&gt;).&lt;span class=&#34;hljs-title function_&#34;&gt;json&lt;/span&gt;(&amp;#123;&lt;br&gt;        &lt;span class=&#34;hljs-attr&#34;&gt;msg&lt;/span&gt;: &lt;span class=&#34;hljs-string&#34;&gt;`获取别人的源失败: &lt;span class=&#34;hljs-subst&#34;&gt;$&amp;#123;e&amp;#125;&lt;/span&gt;`&lt;/span&gt;,&lt;br&gt;      &amp;#125;);&lt;br&gt;    &amp;#125;);&lt;br&gt;&amp;#125;&lt;br&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;
&lt;p&gt;Corn Jobs 服务配置：&lt;/p&gt;
&lt;figure class=&#34;highlight json&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;8&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;code class=&#34;hljs json&#34;&gt;&lt;span class=&#34;hljs-punctuation&#34;&gt;&amp;#123;&lt;/span&gt;&lt;br&gt;  &lt;span class=&#34;hljs-attr&#34;&gt;&amp;quot;crons&amp;quot;&lt;/span&gt;&lt;span class=&#34;hljs-punctuation&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;hljs-punctuation&#34;&gt;[&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-punctuation&#34;&gt;&amp;#123;&lt;/span&gt;&lt;br&gt;      &lt;span class=&#34;hljs-attr&#34;&gt;&amp;quot;path&amp;quot;&lt;/span&gt;&lt;span class=&#34;hljs-punctuation&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;&amp;quot;/api/get&amp;quot;&lt;/span&gt;&lt;span class=&#34;hljs-punctuation&#34;&gt;,&lt;/span&gt;&lt;br&gt;      &lt;span class=&#34;hljs-attr&#34;&gt;&amp;quot;schedule&amp;quot;&lt;/span&gt;&lt;span class=&#34;hljs-punctuation&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;&amp;quot;0 15 * * *&amp;quot;&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-punctuation&#34;&gt;&amp;#125;&lt;/span&gt;&lt;br&gt;  &lt;span class=&#34;hljs-punctuation&#34;&gt;]&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-punctuation&#34;&gt;&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;
&lt;p&gt;拉取该文件后若有更新，会自动更新 gist 文件：&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://gist.githubusercontent.com/Xheldon/73bf97cb5ac5db2f5237264556b20951/raw/ea44694028a38baefff04ea46c02795e448d76f0/IPTV.m3u&#34; target=&#34;_blank&#34;&gt; gist.githubusercontent.com&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;这样，我只需要在 TV+ 中写死这个 gist 地址，即可在网友更新这个地址的时候，自动更新了。&lt;/p&gt;
&lt;h2 id=&#34;参考链接&#34;&gt;参考链接&lt;/h2&gt;
&lt;p&gt;&lt;a href=&#34;https://blog.lishun.me/iptvhelper-guide&#34; target=&#34;_blank&#34;&gt; 单线融合IPTV到家庭局域网最简单的方法：路由+桥接混合模式&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://blog.friskit.me/2020/05/31/bjunicom-network.html&#34; target=&#34;_blank&#34;&gt; 光纤入户光猫改桥接+内网转发IPTV=任意设备看电视直播 - Botian&#39;s Blog&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://www.haoyizebo.com/posts/6a0c2301/&#34; target=&#34;_blank&#34;&gt; 北京联通白嫖 IPTV&lt;/a&gt;&lt;/p&gt;
</description>
            <pubDate>Mon, 30 Oct 2023 00:00:00 +0000</pubDate>
            <link>https://www.xheldon.com/life/iptv-for-apple-tv-in-beijing.html</link>
            <guid isPermaLink="true">https://www.xheldon.com/life/iptv-for-apple-tv-in-beijing.html</guid>
            
                <category>生活</category>
            
                <category>经验</category>
            
                <category>Apple</category>
            
                <category>折腾</category>
            
                <category>苹果</category>
            
                <category>网络</category>
            
                <category>路由器</category>
            
                <category>教程</category>
            
            
                <category>life</category>
            
        </item>
        
        <item>
            <title>TeslaMate 使用指南</title>
            <description>&lt;p class=&#39;content-callout&#39; style=&#39;background: rgb(251, 236, 221); color: ;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;💡&lt;/span&gt;&lt;span&gt;本指南需要有一丁点的编程知识，知道什么是终端、什么是命令行。&lt;/span&gt;&lt;/p&gt;
&lt;p class=&#39;content-callout&#39; style=&#39;background: rgba(244, 240, 247, 0.8); color: ;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;💡&lt;/span&gt;&lt;span&gt;本教程使用 Docker 安装 TeslaMate，如果你是在软路由环境，可能需要做一些额外操作如端口映射等，浏览器才能访问。而我的 Mac 电脑常年不关机，因此装在了 Mac 系统下的 Docker 上。&lt;/span&gt;&lt;/p&gt;
&lt;p class=&#39;content-callout&#39; style=&#39;background: rgb(231, 243, 248); color: ;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;💡&lt;/span&gt;&lt;span&gt;有点遗憾的是，TeslaMate 不能获取车辆的历史信息，因此你只能查看安装 TeslaMate 后的车辆行驶数据，且 TeslaMate 的服务不能关闭，否则无法记录到相关行驶数据。&lt;/span&gt;&lt;/p&gt;
&lt;h2 id=&#34;前言&#34;&gt;前言&lt;/h2&gt;
&lt;p&gt;「TeslaMate」，简单翻译过来就是「特斯拉伴侣」，它是一款开源软件，可以获取车辆上报给特斯拉服务器的数据，然后使用 Grafana 这款 Web 数据可视化仪表盘工具显示出来。&lt;/p&gt;
&lt;p&gt;TeslaMate 的仓库：&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://github.com/adriankumpf/teslamate#teslamate&#34; target=&#34;_blank&#34;&gt; GitHub - adriankumpf/teslamate: A self-hosted data logger for your Tesla  🚘&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;TeslaMate 的文档：&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://docs.teslamate.org/docs/installation/docker&#34; target=&#34;_blank&#34;&gt; Docker install | TeslaMate&lt;/a&gt;&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;特斯拉的工程师们会收集这些数据进行车辆的大数据分析、软件优化、电池充电优化等，而我们个人车主获取这些信息则可以更好的了解自己爱车的一些详细数据，如历史行程、每日行驶里程数、耗电情况、充电效率等。&lt;/p&gt;
&lt;p&gt;之所以有这篇博文是因为 TeslaMate 的文档只说了如何安装（很简单），但是并没有告诉你安装完成后如何配置才能看到想要的仪表盘，而网上的一些内容农场靠着 SEO 技巧，排名靠前的也都是复制粘贴官网内容来的，要找到想要的信息是有点困难的，我目前没看到有任何一篇讲从如何安装到成品的文章，所以本文从头讲起。&lt;/p&gt;
&lt;p&gt;先上一张成果图（用户可以自定义面板）：&lt;/p&gt;
&lt;p caption=&#39;TeslaMate 成果图&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/the-use-of-teslamate/03d97d52-796e-4e46-83be-3ec3b3013cea.webp&#39; alt=&#39;TeslaMate 成果图&#39; title=&#39;TeslaMate 成果图&#39;&gt;&lt;/p&gt;
&lt;h2 id=&#34;一、安装-docker&#34;&gt;一、安装 Docker&lt;/h2&gt;
&lt;p&gt;如开头所述，我使用 Docker 进行安装，TeslaMate 的文档要求是安装 Docker 和 Docker Compose（别管是什么，装就完了），而我们只需要安装 Docker Desktop 即可将这二者都装了，Docker Desktop 下载在这里：&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://www.docker.com/products/docker-desktop/&#34; target=&#34;_blank&#34;&gt; Docker Desktop: The #1 Containerization Tool for Developers | Docker&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;安装后启动，然后随便找个目录（TeslaMate 的全部文件后续都会在这个目录，不要删除），将官方给的 &lt;code&gt;docker-compose.yml&lt;/code&gt; 文件放入其中，我这里放到了 &lt;code&gt;~/Developer/Docker/TeslaMate&lt;/code&gt; 下，&lt;code&gt;docker-compose.yml&lt;/code&gt; 内容如下：&lt;/p&gt;
&lt;figure class=&#34;highlight yaml&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;8&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;9&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;10&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;11&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;12&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;13&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;14&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;15&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;16&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;17&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;18&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;19&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;20&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;21&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;22&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;23&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;24&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;25&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;26&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;27&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;28&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;29&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;30&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;31&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;32&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;33&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;34&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;35&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;36&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;37&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;38&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;39&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;40&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;41&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;42&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;43&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;44&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;45&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;46&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;47&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;48&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;49&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;50&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;51&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;52&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;53&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;54&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;55&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;56&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;57&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;58&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;code class=&#34;hljs yaml&#34;&gt;&lt;span class=&#34;hljs-attr&#34;&gt;version:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;3&amp;#x27;&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span class=&#34;hljs-attr&#34;&gt;services:&lt;/span&gt;&lt;br&gt;  &lt;span class=&#34;hljs-attr&#34;&gt;teslamate:&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;image:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;teslamate/teslamate:latest&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;restart:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;always&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;environment:&lt;/span&gt;&lt;br&gt;      &lt;span class=&#34;hljs-bullet&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;ENCRYPTION_KEY=&lt;/span&gt; &lt;span class=&#34;hljs-comment&#34;&gt;#设置 TeslaMate API 加密密码，注意等号后面不要有空格&lt;/span&gt;&lt;br&gt;      &lt;span class=&#34;hljs-bullet&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;DATABASE_USER=teslamate&lt;/span&gt;&lt;br&gt;      &lt;span class=&#34;hljs-bullet&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;DATABASE_PASS=&lt;/span&gt; &lt;span class=&#34;hljs-comment&#34;&gt;#设置安全数据库密码，注意等号后面不要有空格&lt;/span&gt;&lt;br&gt;      &lt;span class=&#34;hljs-bullet&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;DATABASE_NAME=teslamate&lt;/span&gt;&lt;br&gt;      &lt;span class=&#34;hljs-bullet&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;DATABASE_HOST=database&lt;/span&gt;&lt;br&gt;      &lt;span class=&#34;hljs-bullet&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;MQTT_HOST=mosquitto&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;ports:&lt;/span&gt;&lt;br&gt;      &lt;span class=&#34;hljs-bullet&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;hljs-number&#34;&gt;4000&lt;/span&gt;&lt;span class=&#34;hljs-string&#34;&gt;:4000&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;volumes:&lt;/span&gt;&lt;br&gt;      &lt;span class=&#34;hljs-bullet&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;./import:/opt/app/import&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;cap_drop:&lt;/span&gt;&lt;br&gt;      &lt;span class=&#34;hljs-bullet&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;all&lt;/span&gt;&lt;br&gt;&lt;br&gt;  &lt;span class=&#34;hljs-attr&#34;&gt;database:&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;image:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;postgres:15&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;restart:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;always&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;environment:&lt;/span&gt;&lt;br&gt;      &lt;span class=&#34;hljs-bullet&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;POSTGRES_USER=teslamate&lt;/span&gt;&lt;br&gt;      &lt;span class=&#34;hljs-bullet&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;POSTGRES_PASSWORD=&lt;/span&gt; &lt;span class=&#34;hljs-comment&#34;&gt;#设置数据库密码，注意等号后面不要有空格&lt;/span&gt;&lt;br&gt;      &lt;span class=&#34;hljs-bullet&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;POSTGRES_DB=teslamate&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;volumes:&lt;/span&gt;&lt;br&gt;      &lt;span class=&#34;hljs-bullet&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;teslamate-db:/var/lib/postgresql/data&lt;/span&gt;&lt;br&gt;&lt;br&gt;  &lt;span class=&#34;hljs-attr&#34;&gt;grafana:&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;image:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;teslamate/grafana:latest&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;restart:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;always&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;environment:&lt;/span&gt;&lt;br&gt;      &lt;span class=&#34;hljs-bullet&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;DATABASE_USER=teslamate&lt;/span&gt;&lt;br&gt;      &lt;span class=&#34;hljs-bullet&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;DATABASE_PASS=&lt;/span&gt; &lt;span class=&#34;hljs-comment&#34;&gt;#设置 grafana 的数据库密码，注意等号后面不要有空格&lt;/span&gt;&lt;br&gt;      &lt;span class=&#34;hljs-bullet&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;DATABASE_NAME=teslamate&lt;/span&gt;&lt;br&gt;      &lt;span class=&#34;hljs-bullet&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;DATABASE_HOST=database&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;ports:&lt;/span&gt;&lt;br&gt;      &lt;span class=&#34;hljs-bullet&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;hljs-number&#34;&gt;3000&lt;/span&gt;&lt;span class=&#34;hljs-string&#34;&gt;:3000&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;volumes:&lt;/span&gt;&lt;br&gt;      &lt;span class=&#34;hljs-bullet&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;teslamate-grafana-data:/var/lib/grafana&lt;/span&gt;&lt;br&gt;&lt;br&gt;  &lt;span class=&#34;hljs-attr&#34;&gt;mosquitto:&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;image:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;eclipse-mosquitto:2&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;restart:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;always&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;command:&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;mosquitto&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;-c&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;/mosquitto-no-auth.conf&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-comment&#34;&gt;# ports:&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-comment&#34;&gt;#   - 1883:1883&lt;/span&gt;&lt;br&gt;    &lt;span class=&#34;hljs-attr&#34;&gt;volumes:&lt;/span&gt;&lt;br&gt;      &lt;span class=&#34;hljs-bullet&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;mosquitto-conf:/mosquitto/config&lt;/span&gt;&lt;br&gt;      &lt;span class=&#34;hljs-bullet&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;hljs-string&#34;&gt;mosquitto-data:/mosquitto/data&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span class=&#34;hljs-attr&#34;&gt;volumes:&lt;/span&gt;&lt;br&gt;  &lt;span class=&#34;hljs-attr&#34;&gt;teslamate-db:&lt;/span&gt;&lt;br&gt;  &lt;span class=&#34;hljs-attr&#34;&gt;teslamate-grafana-data:&lt;/span&gt;&lt;br&gt;  &lt;span class=&#34;hljs-attr&#34;&gt;mosquitto-conf:&lt;/span&gt;&lt;br&gt;  &lt;span class=&#34;hljs-attr&#34;&gt;mosquitto-data:&lt;/span&gt;&lt;br&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;
&lt;p&gt;注意有些服务的密码设置是需要跟另一个服务密码一致的，所以我建议将上述的密码都设置成一样，省的麻烦。另外尤其需要注意的是 &lt;code&gt;=&lt;/code&gt; 后面不要有空格。之后打开终端执行（每行复制到终端后按回车）：&lt;/p&gt;
&lt;figure class=&#34;highlight bash&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;code class=&#34;hljs bash&#34;&gt;&lt;span class=&#34;hljs-comment&#34;&gt;# 假设你放上述文件的目录为 ~/Developer/Docker/TeslaMate&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;hljs-built_in&#34;&gt;cd&lt;/span&gt; ~/Developer/Docker/TeslaMate&lt;br&gt;docker compose up -d&lt;br&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;
&lt;p&gt;完成后，打开 Docker Desktop，应该是这个样子：&lt;/p&gt;
&lt;p caption=&#39;安装完成后截图&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/the-use-of-teslamate/cd39c66f-60b7-4d3d-81bd-f5ac50260d28.webp&#39; alt=&#39;安装完成后截图&#39; title=&#39;安装完成后截图&#39;&gt;&lt;/p&gt;
&lt;h2 id=&#34;二、登陆特斯拉账号授权&#34;&gt;二、登陆特斯拉账号授权&lt;/h2&gt;
&lt;p&gt;上一步完成无错误后，确保全部的服务都处于 Running 状态，（可以点击上面截图的各个服务名字查看对应 log，看有无类似与 error 之类的报错），在浏览器中打开 &lt;code&gt;localhost:4000&lt;/code&gt; 后，发现会要求你输入 API Token 和 Refresh Token，这两个获取方式官方文档有写，在这里：&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://docs.teslamate.org/docs/faq/#how-to-generate-your-own-tokens&#34; target=&#34;_blank&#34;&gt; Frequently Asked Questions | TeslaMate&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;这里我使用第三种方式「Tesla Auth (macOS, Linux, Windows) 」点击以下链接查看适用于自己系统的版本，下载对应文件（是一个可执行文件）：&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://github.com/adriankumpf/tesla_auth#download&#34; target=&#34;_blank&#34;&gt; GitHub - adriankumpf/tesla_auth: Securely generate API tokens for third-party access to your Tesla.&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;直接双击打开（或者在终端打开）的话，如果是 MacOS 会提醒你该执行文件可能有危险，去 &lt;code&gt;系统设置-隐私与安全性&lt;/code&gt;中，点击「仍要打开」即可。打开后会弹出一个窗口，让你登陆特斯拉账号，登陆完成后，页面会显示出特斯拉的 API Token 和 Refresh Token（截图我就不放了），将其复制到 &lt;code&gt;localhost:4000&lt;/code&gt; 页面中的对应位置，即可成功登陆，登陆成功的界面是这样的：&lt;/p&gt;
&lt;p caption=&#39;TeslaMate 授权成功界面&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/the-use-of-teslamate/8d41bc35-475f-499d-b2d3-c4812e9a72e9.webp&#39; alt=&#39;TeslaMate 授权成功界面&#39; title=&#39;TeslaMate 授权成功界面&#39;&gt;&lt;/p&gt;
&lt;p&gt;到这就算是鉴权成功了，接下来配置 Grafana。&lt;/p&gt;
&lt;h2 id=&#34;三、grafana-基本概念&#34;&gt;三、Grafana 基本概念&lt;/h2&gt;
&lt;p&gt;Grafana 是一款非常强大的 Web 数据可视化仪表盘工具，使用相对比较复杂，而且我没有研究它汉化的方法。好在 Tesla 的数据字段比较简单，也用不着汉化。这里首先简单介绍一下相关概念，方便后续的自定义。&lt;/p&gt;
&lt;h3 id=&#34;dashboard-和-panel&#34;&gt;Dashboard 和 Panel&lt;/h3&gt;
&lt;p&gt;Dashboard 就是一个显示各种数据的界面，可以显示不同的 Panel，Panel 就是一个查询数据库获得数据后，将数据可视化的一个个模块，如下每个红框就是一个 Panel：&lt;/p&gt;
&lt;p caption=&#39;N 个 Panel 组成了一个 Dashboard&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/the-use-of-teslamate/6b5bfe32-8214-4994-a6ce-9b3a1874e11e.webp&#39; alt=&#39;N 个 Panel 组成了一个 Dashboard&#39; title=&#39;N 个 Panel 组成了一个 Dashboard&#39;&gt;&lt;/p&gt;
&lt;p&gt;Panel 可以在不同的 Dashboard 之间复制，如下：&lt;/p&gt;
&lt;p caption=&#39;Panel 复制&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/the-use-of-teslamate/2522b63e-34e9-44e2-a0ba-2d74901ea53b.webp&#39; alt=&#39;Panel 复制&#39; title=&#39;Panel 复制&#39;&gt;&lt;/p&gt;
&lt;p&gt;点击复制后，就可以在另一个 Dashboard 中粘贴，点击 Dashboard 右上角的 Add Panel 按钮（或者首次新建一个 Dashboard 的时候）（如果没在上一步对 Panel 点 Copy，下图中的第四个「Paste from Clipboard 」就不会出现）就会出现下面的新建 Panel：&lt;/p&gt;
&lt;p caption=&#39;粘贴刚刚复制的 Panel&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/the-use-of-teslamate/37d13b9a-d6b0-4e19-9bd9-b41712ea5e05.webp&#39; alt=&#39;粘贴刚刚复制的 Panel&#39; title=&#39;粘贴刚刚复制的 Panel&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;variable（变量）和-json-model&#34;&gt;Variable（变量）和 JSON Model&lt;/h3&gt;
&lt;p&gt;&lt;strong&gt;Variable&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;每个 Dashboard 可以设置供 Panel 使用的 Variable，而 Panel 如何使用 Variable 呢？Panel 的数据是通过 SQL 查询查出来的，而 SQL 的部分语法是 grafana 的 SQL 模板语法，下面是查询海拔的 SQL 语法：&lt;/p&gt;
&lt;figure class=&#34;highlight sql&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;8&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;9&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;10&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;code class=&#34;hljs sql&#34;&gt;&lt;span class=&#34;hljs-keyword&#34;&gt;SELECT&lt;/span&gt;&lt;br&gt; $__time(&lt;span class=&#34;hljs-type&#34;&gt;date&lt;/span&gt;),&lt;br&gt; ROUND(convert_m(elevation, &lt;span class=&#34;hljs-string&#34;&gt;&amp;#x27;$alternative_length_unit&amp;#x27;&lt;/span&gt;)) &lt;span class=&#34;hljs-keyword&#34;&gt;AS&lt;/span&gt; elevation_[[alternative_length_unit]]&lt;br&gt;&lt;span class=&#34;hljs-keyword&#34;&gt;FROM&lt;/span&gt;&lt;br&gt; positions&lt;br&gt;&lt;span class=&#34;hljs-keyword&#34;&gt;WHERE&lt;/span&gt;&lt;br&gt; car_id &lt;span class=&#34;hljs-operator&#34;&gt;=&lt;/span&gt; $car_id &lt;span class=&#34;hljs-keyword&#34;&gt;AND&lt;/span&gt;&lt;br&gt; $__timeFilter(&lt;span class=&#34;hljs-type&#34;&gt;date&lt;/span&gt;)&lt;br&gt;&lt;span class=&#34;hljs-keyword&#34;&gt;ORDER&lt;/span&gt; &lt;span class=&#34;hljs-keyword&#34;&gt;BY&lt;/span&gt;&lt;br&gt; &lt;span class=&#34;hljs-type&#34;&gt;date&lt;/span&gt; &lt;span class=&#34;hljs-keyword&#34;&gt;ASC&lt;/span&gt;&lt;br&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;
&lt;p&gt;其中的带 &lt;code&gt;$&lt;/code&gt; 符号的就是预设的 Variable，有些是内置的如 &lt;code&gt;$__timeFilter&lt;/code&gt;，有些是自定义的如 &lt;code&gt;$alternative_length_unit&lt;/code&gt;，自定义的变量就是 Dashboard 配置的 Variable。Dashboard 的 Variable 在 Dashboard 右上角的 Dashboard Setting 里配置：&lt;/p&gt;
&lt;p caption=&#39;Variable 配置&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/the-use-of-teslamate/f624e3f9-bea2-4293-82e0-e751886acb3b.webp&#39; alt=&#39;Variable 配置&#39; title=&#39;Variable 配置&#39;&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;JSON Model&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;有时候你会发现，从一个 Dashboard 复制了一个 Panel 粘贴到新 Dashboard 后，Panel 并不能正常显示数据，就是因为你没有将源 Panel 用到的 Variable 从源 Dashboard 中复制到新 Dashboard 中，导致 SQL 语法报错，数据无法查询出来。但是如果 Dashboard 的 Variable 很多的话，一个一个复制又非常麻烦，怎么办呢？此时可以通过 JSON Model 来解决。&lt;/p&gt;
&lt;p&gt;JSON Model 其实就是 Dashboard 配置的 JSON 格式，因此，你只需要复制某个 Dashboard 对应字段的内容，就可以复制相应的内容到目标 Dashboard。Variable 在 JSON Model 中对应的字段是 &lt;code&gt;templating&lt;/code&gt; ，复制其内的 &lt;code&gt;list&lt;/code&gt; 中的对应项到目标 Dashboard 的 JSON Model 对应 &lt;code&gt;templating&lt;/code&gt; 字段的 &lt;code&gt;list&lt;/code&gt; 字段，作为其项即可（&lt;strong&gt;记得点击 Save Changes 后再点击 Save dashboard&lt;/strong&gt;）：&lt;/p&gt;
&lt;p caption=&#39;直接复制对应 JSON&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/the-use-of-teslamate/1ebb8257-1f17-48ee-9406-5849d320dea5.webp&#39; alt=&#39;直接复制对应 JSON&#39; title=&#39;直接复制对应 JSON&#39;&gt;&lt;/p&gt;
&lt;p&gt;Grafana 还有很多其他复杂的功能，不过对于我们特斯拉数据可视化来说，了解这么多即可。&lt;/p&gt;
&lt;h2 id=&#34;四、配置-grafana&#34;&gt;四、配置 Grafana&lt;/h2&gt;
&lt;p&gt;访问 &lt;code&gt;localhost:3000&lt;/code&gt; 后首先需要登录，首次默认用户密码都是 &lt;code&gt;admin&lt;/code&gt; ，首次登陆成功后会让你设置密码，设置后进入是这个界面：&lt;/p&gt;
&lt;p caption=&#39;Grafana 默认 Dashboard&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/the-use-of-teslamate/de518aa9-edce-48d8-94db-fbf8a7a48f85.webp&#39; alt=&#39;Grafana 默认 Dashboard&#39; title=&#39;Grafana 默认 Dashboard&#39;&gt;&lt;/p&gt;
&lt;p&gt;这里，TeslaMate 已经给我们配置好了各种 Dashboard，点击左侧的这个地方可以打开文件夹查看文件夹目录下的各个 Dashboard：&lt;/p&gt;
&lt;p caption=&#39;查看 TeslaMate 预设的 Dashboard&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/the-use-of-teslamate/c36ebc9b-bda2-4ab6-933d-2da603f9ccf7.webp&#39; alt=&#39;查看 TeslaMate 预设的 Dashboard&#39; title=&#39;查看 TeslaMate 预设的 Dashboard&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;各种 Dashboard&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/the-use-of-teslamate/58bbe182-7bbf-4814-97dd-c8406525a659.webp&#39; alt=&#39;各种 Dashboard&#39; title=&#39;各种 Dashboard&#39;&gt;&lt;/p&gt;
&lt;p&gt;随便点开一个，如 &lt;code&gt;Drive Stats&lt;/code&gt;，可以查看相应 Dashboard 中的各种 Panel：&lt;/p&gt;
&lt;p caption=&#39;Drive Stats Dashboard&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/the-use-of-teslamate/29c1c887-e773-40b5-9ea1-fb8c3cc703dd.webp&#39; alt=&#39;Drive Stats Dashboard&#39; title=&#39;Drive Stats Dashboard&#39;&gt;&lt;/p&gt;
&lt;p&gt;但是我们肯定想将多个这些预设的 Dashboard 中的 Panel 按照我们的需要聚合到一个新的 Dashboard 中，这里就需要用到上一步「Grafana 概念」中的 复制 Panel、复制 Variable（复制 JSON Model）的操作，各位可以自己配置符合自己需求的 Dashboard。&lt;/p&gt;
&lt;h2 id=&#34;五、其他&#34;&gt;五、其他&lt;/h2&gt;
&lt;p&gt;这里还有 Grafana 的其他一些使用问题，简单写一下。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;配置 Panel 标题：&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;点击 Panel 上方的 Edit 后在右侧修改 Title 即可：&lt;/p&gt;
&lt;p caption=&#39;修改 Panel 标题&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/the-use-of-teslamate/c7de415f-98cb-40cd-aa6d-b49485ecb96b.webp&#39; alt=&#39;修改 Panel 标题&#39; title=&#39;修改 Panel 标题&#39;&gt;&lt;/p&gt;
&lt;p&gt;**地图不显示：**不多说，需要魔法上网环境。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;设置自己的 Dashboard 为默认：&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;如图：&lt;/p&gt;
&lt;p caption=&#39;配置默认的 Dashboard&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/the-use-of-teslamate/f3be5470-440c-42bf-a65c-4440b05c8e00.webp&#39; alt=&#39;配置默认的 Dashboard&#39; title=&#39;配置默认的 Dashboard&#39;&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;如何在 Dashboard 中，鼠标 Hover 其中一个 Panel 查看数据的时候，另一个 Panel 也对应显示相关时间点的数据？&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;这个场景比较常用的是，鼠标 Hover 在折线图 Panel 的驾驶信息上查看车速的时候，想要同步在另一个地图 Panel 上查看在地图上的对应位置。可以通过设置 Dashboard 来解决，下图设置为 第二个即可（默认是第一个）：&lt;/p&gt;
&lt;p caption=&#39;&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/the-use-of-teslamate/4099d485-a478-4553-a9a5-36beb941f5e8.webp&#39; alt=&#39;&#39; title=&#39;&#39;&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;安全性？&lt;/strong&gt;：TeslaMate 是国外开源软件，安全性是可以保证的。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;换机器如何迁移数据？&lt;/strong&gt;：这个可以查看 TeslaMate 的文档，有详细说明。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;公网如何访问 Grafana？&lt;/strong&gt;：这就需要用到 DDNS 了，这个自行摸索。&lt;/p&gt;
&lt;p&gt;**究极提醒：**修改 Panel 后记得点击右上角的 Save。&lt;/p&gt;
&lt;p&gt;**如何定时刷新 Dashboard：**在 Dashboard 右上角可以设置刷新间隔，一般用来放到一个大的显示屏上，全天实时查看数据变化用的。&lt;/p&gt;
</description>
            <pubDate>Wed, 06 Sep 2023 00:00:00 +0000</pubDate>
            <link>https://www.xheldon.com/life/the-use-of-teslamate.html</link>
            <guid isPermaLink="true">https://www.xheldon.com/life/the-use-of-teslamate.html</guid>
            
                <category>生活</category>
            
                <category>经验</category>
            
                <category>使用体验</category>
            
                <category>折腾</category>
            
                <category>特斯拉</category>
            
                <category>车</category>
            
                <category>TeslaMate</category>
            
            
                <category>life</category>
            
        </item>
        
        <item>
            <title>Arc：一个「好用」的浏览器</title>
            <description>&lt;p class=&#39;content-callout&#39; style=&#39;background: rgb(253, 235, 236); color: ;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;⚠️&lt;/span&gt;&lt;span&gt;目前 Arc 处于公测阶段，需要邀请码或者排队申请才能使用，而每个使用的人有 5 个邀请码可以分发给朋友，有想体验 Arc 浏览器的可以私聊找我。&lt;/span&gt;&lt;/p&gt;
&lt;p class=&#39;content-callout&#39; style=&#39;background: rgb(237, 243, 236); color: ;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;✅&lt;/span&gt;&lt;span&gt;目前截止发布本篇博客，Arc 浏览器仅 Mac 和 iPhone 端可用。&lt;/span&gt;&lt;/p&gt;
&lt;h2 id=&#34;前言&#34;&gt;前言&lt;/h2&gt;
&lt;p&gt;浏览器相信大家都不陌生。个人认为，计算机科学的本质是数据和数据处理，互联网的本质是信息交换，因此，如何面向普通大众更高效的处理互联网的海量数据是一个非常重要的研究领域，因为普通人对计算机、命令行等并不熟悉，所以有一个能将互联网数据信息可视化的工具非常重要，因此浏览器应运而生。&lt;/p&gt;
&lt;h2 id=&#34;典型浏览器设计&#34;&gt;典型浏览器设计&lt;/h2&gt;
&lt;p&gt;浏览器是将互联网的代码语言转换成视图界面并发出命令从而与之交互的工具。除此之外，它的职能是尽可能帮助你更好的处理互联网的海量信息，这方面目前主流的浏览器设计有以下几个功能，下面一一介绍一下。&lt;/p&gt;
&lt;h3 id=&#34;账号体系&#34;&gt;账号体系&lt;/h3&gt;
&lt;p&gt;如果你只是永远在一台电脑上使用浏览器，那么账号体系对你来说不是那么重要，这也解释了为什么很多人使用从 Window XP 迁移过来的习惯在使用 Window 7+ 系统的时候，都只用本地账户而没有微软账户的原因。而如果你在不同电脑使用相同浏览器，那么账号体系就是为更方便的解决不同电脑之间数据的同步问题而存在的。&lt;/p&gt;
&lt;p&gt;除此之外，账号还跟浏览器厂商的战略目的相匹配，使用同一个账号不但可以使用厂商的浏览器，还可以使用它的杀毒软件、论坛等其他产品，&lt;strong&gt;这也为厂商定制化投放广告奠定了基础&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;但是要注意的是，一般浏览器的账号体系仅仅是为了同步在不同电脑收藏的网址、书签、设置（可能）等，而不会将你当前在 A 电脑打开的浏览器页面同步到 B 电脑的浏览器上打开。而为了能在 B 电脑上打开 A 电脑打开的页面，你要么需要在「历史记录」中找寻（如果浏览器会将你的浏览记录同步的话），要么是在「从其他设备打开的标签页」中查找。&lt;/p&gt;
&lt;p caption=&#39;Chrome 的「从其他设备打开的标签页」选项&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/8bb105eb-accc-413c-aeed-ad7605df2e7d.webp&#39; alt=&#39;Chrome 的「从其他设备打开的标签页」选项&#39; title=&#39;Chrome 的「从其他设备打开的标签页」选项&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;地址栏&#34;&gt;地址栏&lt;/h3&gt;
&lt;p&gt;地址栏顾名思义就是为了显示当前页面地址。但是很多情况下，用户并不关心当前页面的路径（路径指的是域名后面的内容，如 &lt;code&gt;www.baidu.com/personal.html&lt;/code&gt; 中，&lt;code&gt;/personal.html&lt;/code&gt; 即为路径，&lt;code&gt;www.baidu.com&lt;/code&gt; 即为域名 ）是什么——其实用户也不需要知道，只要知道当前域名即可——查看域名是为了谨防钓鱼假冒网站。&lt;/p&gt;
&lt;p&gt;这方面，Chrome 不能设置，它一定会显示完整链接：&lt;/p&gt;
&lt;p caption=&#39;只能显示完整链接的 Chrome&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/54077239-7ec1-4cfc-9f21-fd29f0c6ee22.webp&#39; alt=&#39;只能显示完整链接的 Chrome&#39; title=&#39;只能显示完整链接的 Chrome&#39;&gt;&lt;/p&gt;
&lt;p&gt;而 Safari 会允许你设置是否完整显示页面地址，但是这个设置也隐藏的较深，在 设置-高级-智能搜索栏 中：&lt;/p&gt;
&lt;p caption=&#39;Safari 把是否显示完整链接选择权交给了用户&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/d79c391c-9710-4f68-935a-44cf809e160f.webp&#39; alt=&#39;Safari 把是否显示完整链接选择权交给了用户&#39; title=&#39;Safari 把是否显示完整链接选择权交给了用户&#39;&gt;&lt;/p&gt;
&lt;p&gt;完整显示地址的 Safari：&lt;/p&gt;
&lt;p caption=&#39;显示完整链接的 Safari&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/225a7667-f7ac-4b2e-b4e0-4fb9aa9851af.webp&#39; alt=&#39;显示完整链接的 Safari&#39; title=&#39;显示完整链接的 Safari&#39;&gt;&lt;/p&gt;
&lt;p&gt;仅显示域名的 Safari：&lt;/p&gt;
&lt;p caption=&#39;仅显示域名的 Chrome&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/b7a0bb46-5451-4336-8037-900149118c56.webp&#39; alt=&#39;仅显示域名的 Chrome&#39; title=&#39;仅显示域名的 Chrome&#39;&gt;&lt;/p&gt;
&lt;p&gt;仅显示域名的时候可能会有的问题是，你会点击别人的「返利链接」———特点是在正常访问的地址后面带上了一串代码，如 &lt;code&gt;www.jd.com/goods/123?reffercode=xxx&lt;/code&gt;———这样的话，你通过这个地址访问购物网站后下单购买东西，给你地址的那个人会收到一笔佣金。这样做虽然不会损害到自身的利益———毕竟你本来就是要买东西的———但是总有被人利用的感觉，所以我一般都会设置「显示完整网站地址」。&lt;/p&gt;
&lt;p&gt;更多的，目前浏览器都将「地址栏」作为搜索工具的入口，想来这么做有两点考虑，一个是简化用户搜索的操作路径，另一个是与搜索引擎厂商合作，出厂默认设置好搜索引擎可以赚取一笔搜索引擎厂商的费用。据传，谷歌会每年支付给苹果数亿美元以让苹果设备的浏览器使用谷歌作为默认搜索引擎。&lt;/p&gt;
&lt;h3 id=&#34;收藏夹（书签）&#34;&gt;收藏夹（书签）&lt;/h3&gt;
&lt;p&gt;收藏夹也叫书签，顾名思义就是收藏存储一些为了方面后续进一步查看，或者会经常用到的地址而准备的。但是这里有两个问题：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;时间长了，收藏的网页较多，查找困难。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;有些网页仅仅是为了「稍后查看，看完即删」，但是收藏完转头就忘，日积月累提高了未来使用收藏功能的成本。&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p caption=&#39;时不时就需要整理一下的 Chrome 书签&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/b49a76ef-6d2f-458d-b1b3-6bed0b575b9a.webp&#39; alt=&#39;时不时就需要整理一下的 Chrome 书签&#39; title=&#39;时不时就需要整理一下的 Chrome 书签&#39;&gt;&lt;/p&gt;
&lt;p&gt;基于第一点，办法是使用文件夹分类，但并不是一个长久之计，因为文件夹可以嵌套，而且并没有解决「收藏较多的网页后查找困难」的问题。&lt;/p&gt;
&lt;p&gt;基于第二点，Chrome 浏览器最近几个版本增加了「临时版收藏夹」——「稍后阅读」功能：&lt;/p&gt;
&lt;p caption=&#39;Chrome 右侧的「阅读清单」功能&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/9c55eb8f-492c-4c86-860e-e902b0a366b8.webp&#39; alt=&#39;Chrome 右侧的「阅读清单」功能&#39; title=&#39;Chrome 右侧的「阅读清单」功能&#39;&gt;&lt;/p&gt;
&lt;p&gt;而这方面，Safari 解决方案提出的更早，很早版本的 Safari 就有了「阅读列表」功能，也即「稍后阅读」。&lt;/p&gt;
&lt;p caption=&#39;Safari 版的稍后阅读&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/91c78055-6fc9-44d8-8175-e98a9917e289.webp&#39; alt=&#39;Safari 版的稍后阅读&#39; title=&#39;Safari 版的稍后阅读&#39;&gt;&lt;/p&gt;
&lt;h2 id=&#34;arc-浏览器设计&#34;&gt;Arc 浏览器设计&lt;/h2&gt;
&lt;p&gt;首先，市面上浏览器已经很多了，为什么还要有一款 Arc 浏览器呢？答案显然是，它在解决或者尝试解决上述普通浏览器在使用过程中的一些痛点而存在的，下面针对不同场景展开说明。&lt;/p&gt;
&lt;h3 id=&#34;场景一&#34;&gt;场景一&lt;/h3&gt;
&lt;p class=&#39;content-callout&#39; style=&#39;background: rgb(231, 243, 248); color: ;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;💡&lt;/span&gt;&lt;span&gt;你的同事、朋友，通过微信、QQ 等给你发了**多个**链接，想让你打开帮他投个票、抢个号、砍一刀，等。&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;普通浏览器操作：&lt;/strong&gt;&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;在当前正在使用的、已经打开了上百个页面的、都看不清 favicon 哪个是哪个的浏览器中，打开朋友发的多个链接。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;在链接打开的几个浏览器 tab 中，处理被要求的事情。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;处理完成后，在众多浏览器 tab 中，准确找到刚刚朋友发的几个链接打开的 tab，一一关闭———你可能需要费劲半天去找哪些是刚刚朋友发的链接打开的 tab，因为打开的太多了。&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;👇🏻 你能在下面的浏览器一堆 tab 中准确判断哪些是你刚刚通过朋友给的链接打开的、仅仅是临时的、处理完成后就要关闭的浏览器窗口吗？尤其是在你不清楚新打开的 tab 会相对于正在使用的 tab 的哪一侧打开的时候。&lt;/p&gt;
&lt;p caption=&#39;打开了很多标签页&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/59b7e7da-66b2-4466-ac05-95842521dab9.webp&#39; alt=&#39;打开了很多标签页&#39; title=&#39;打开了很多标签页&#39;&gt;&lt;/p&gt;
&lt;p&gt;更多的时候，你可能会嫌麻烦，懒得找打开了哪些窗口，处理完朋友的请求后就放着这些 tab 不管了，这导致情况进一步恶化。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Arc 浏览器操作：&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;首先，Arc 浏览器会从源头上解决这个场景，避免出现打开的 tab 过多的场景。如何解决？答案就是「Little Arc」（此为官方称呼，我一般叫他「临时窗口」）。&lt;/p&gt;
&lt;p&gt;Little Arc 的设计原则是，临时打开的窗口，也即从别的应用调起 Arc 打开的链接，或者你按了快捷键后打开的链接，默认都是在一个独立的临时窗口中打开，不会在你当前正在浏览的主 Arc 中打开：&lt;/p&gt;
&lt;p caption=&#39;主 Arc 浏览器窗口&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/e6ed6f38-0d8a-4830-9372-5857da724a4f.webp&#39; alt=&#39;主 Arc 浏览器窗口&#39; title=&#39;主 Arc 浏览器窗口&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;Little Arc 窗口&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/c681530f-8502-436a-9c05-214369d6ff71.webp&#39; alt=&#39;Little Arc 窗口&#39; title=&#39;Little Arc 窗口&#39;&gt;&lt;/p&gt;
&lt;p&gt;这也就解决了，「因为 tab 太多而很难找到临时打开的 tab 从而懒得关闭导致 tab 越来越多」的问题。&lt;/p&gt;
&lt;p&gt;这里你可能会有疑问，Arc 是如何判断一个链接应该在主要浏览器窗口中打开，还是在 Little Arc 中打开呢？答案就是「Air Traffic Control」，也即「流量控制」。顾名思义，你可以手动设置一个白名单，指定哪些域名是在主 Arc 中打开，哪些是在 Littie Arc 中打开：&lt;/p&gt;
&lt;p caption=&#39;打开链接方式的通用设置&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/b1773919-b131-4807-b3d9-3565948b06d4.webp&#39; alt=&#39;打开链接方式的通用设置&#39; title=&#39;打开链接方式的通用设置&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;指定特定链接打开方式的白名单设置&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/893354d6-1ec5-4595-b090-25744346f464.webp&#39; alt=&#39;指定特定链接打开方式的白名单设置&#39; title=&#39;指定特定链接打开方式的白名单设置&#39;&gt;&lt;/p&gt;
&lt;p&gt;（这里先忽略上面的 Open in 的设置，因为还没讲到，下面说）。可以看到，不在白名单中的链接，都 Default 在 Little Arc 中打开。当然，你也可以将 Little Arc 打开的窗口在主 Arc 窗口中打开，点击 Little Arc 右上方的「Open in XXX」（XXX 为下面讲到的 Space 名称）或者按 CMD + O 即可。&lt;/p&gt;
&lt;h3 id=&#34;场景二&#34;&gt;场景二&lt;/h3&gt;
&lt;p class=&#39;content-callout&#39; style=&#39;background: rgb(231, 243, 248); color: ;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;💡&lt;/span&gt;&lt;span&gt;我在公司正在查看一篇精彩的博文，此时突然 6 点要下班了，事不宜迟，马上收拾东西回家去，当你到家的时候，你回想起那篇精彩的博文。&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;普通浏览器操作（以 Chrome 为例）：&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;点击顶部栏的「历史记录」。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;点击「显示全部历史记录」。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;点击「从其他设备打开的标签页」，选择你刚刚才公司打开的那个 tab 后，打开。&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;Arc 浏览器操作：&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;**不！需！要！任！何！操！作！**在任一 Arc 浏览器打开的 tab 页面，会实时同步到同一账号的其他任一 Arc 浏览器。&lt;/p&gt;
&lt;p&gt;甚至，你在同一个电脑打开的两个 Arc 浏览器，在其中一个打开的 tab 也会实时在另一个 tab 打开（嗯，很合理！）&lt;/p&gt;
&lt;blockquote style=&#39;border-color: ;color: &#39;&gt;&lt;p&gt; 2023.06.02 更新：现在 Arc 取消了这个设计，如果同一台电脑打开了多个 window，则每个 window 都有自己的 tab，如果关闭了 window，则会让你选择是否在剩余激活的 window 打开刚刚被关闭的 window 中的 tabs。&lt;/p&gt;&lt;/blockquote&gt;
&lt;p caption=&#39;同一台电脑的两个窗口也会实时同步打开的 tab&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/098bc438-6442-4e1f-944a-e986bd09151e.webp&#39; alt=&#39;同一台电脑的两个窗口也会实时同步打开的 tab&#39; title=&#39;同一台电脑的两个窗口也会实时同步打开的 tab&#39;&gt;&lt;/p&gt;
&lt;p&gt;但是这里有个特例，Pined（后面会介绍）的 tab（即左上角的那最多 12 个的网址）因为是全局唯一的，不区分 Space（后面会说），因此只能在其中一个浏览器窗口打开。在一个 window 打开的时候，另一个 window 的对应 tab 会自动关闭（仅同一台电脑打开多个 window 的场景）。&lt;/p&gt;
&lt;h3 id=&#34;场景三&#34;&gt;场景三&lt;/h3&gt;
&lt;p class=&#39;content-callout&#39; style=&#39;background: rgb(231, 243, 248); color: ;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;💡&lt;/span&gt;&lt;span&gt;上班时间，你在刷微博刷推特，此时同事让你过一下代码，于是在微博窗口的旁边打开了代码 review 的链接，但是其实你想拖延一会儿再干活儿，只不过此时高 T 从身后经过，于是你赶紧切换到代码 review tab，高 T 看到你在代码 review 很满意的点了点头，但是定睛一看发现在 review tab 旁边醒目的显示着微博 tab。于是上班摸鱼刷微博还假装在 review 代码的奸计被识破，你没有年终奖没有普调没有晋升甚至还被 PUA 和 N + 1。&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;普通浏览器操作（以 Chrome 为例）：&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;（可选）打开隐身窗口刷微博，在普通窗口浏览器 review。美中不足的是正在刷一个小姐姐跳舞的视频时高 T 经过，赶紧关闭了隐身窗口，过后回想起小姐姐曼妙的身姿时再想打开的时候找不到地址了。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;（可选）将微博放到 tab 组中隐藏起来，&lt;s&gt;切换自如&lt;/s&gt;。&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p caption=&#39;Chrome 的标签组打开关闭的逻辑我一直没搞懂&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/d81d0779-fa6b-440a-988b-b8c28c532171.gif&#39; alt=&#39;Chrome 的标签组打开关闭的逻辑我一直没搞懂&#39; title=&#39;Chrome 的标签组打开关闭的逻辑我一直没搞懂&#39;&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Arc 浏览器操作：&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Arc 有 &lt;strong&gt;Space&lt;/strong&gt; 的概念，以我为例，我会设置两个 Space，一个叫「工作」，一个叫「好好工作」。然后如上面的「流量控制」中设置的那样，在「好好工作」 Space 中打开各种摸鱼网站如微博、推特等，在「工作」中打开真正的工作 tab，然后按 CMD + 1/2 来一键切换不同的 Space。&lt;/p&gt;
&lt;p&gt;值得注意的是，不同 Space 的 Pinded tab 是相同的，但是 Folder （类似于传统的收藏夹，但是又不同，后面会说）和打开的 tab 是独立的。&lt;/p&gt;
&lt;h2 id=&#34;arc-其他设计理念&#34;&gt;Arc 其他设计理念&lt;/h2&gt;
&lt;p&gt;以上是 Arc 的主要提效使用场景，为了让我们从繁重的网页管理的工作中解脱出来，Arc 还设计了其他一些概念，结合上面的部分内容，下面展开说说。&lt;/p&gt;
&lt;h3 id=&#34;space&#34;&gt;Space&lt;/h3&gt;
&lt;p&gt;Space 的概念顾名思义，就是分区，类似于多账号的概念，只是它仅 Folder 和打开的页面是各自独立的，其他的如 Pinned 和 Extension 都是一样的。&lt;/p&gt;
&lt;p caption=&#39;页面底部的 Space 切换&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/eab0fb69-0fdc-4196-b59e-92786a56678d.webp&#39; alt=&#39;页面底部的 Space 切换&#39; title=&#39;页面底部的 Space 切换&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;pinned&#34;&gt;Pinned&lt;/h3&gt;
&lt;p&gt;可以将最常用的页面设置为 Pinned 放置到所有 Space 的上方（最多 12 个），在切换 Space 的时候这些 Pinned 页面不跟随变化。我一般是放不同 Space 都会打开的页面，如 Notion、Gmail、Spotify 等。&lt;/p&gt;
&lt;p caption=&#39;常驻的 Pinned&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/f7afa4b2-9c5c-47e3-8181-33986c399d9e.webp&#39; alt=&#39;常驻的 Pinned&#39; title=&#39;常驻的 Pinned&#39;&gt;&lt;/p&gt;
&lt;p&gt;Pinned 的页面因为优先级比较高，Arc 团队适配了一些网站，因此当鼠标放到这些网站上的时候，如果支持的话会显示预览：&lt;/p&gt;
&lt;p caption=&#39;预览 Gmail&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/078fdd57-be1f-42a4-9b63-967c0bd6d919.webp&#39; alt=&#39;预览 Gmail&#39; title=&#39;预览 Gmail&#39;&gt;&lt;/p&gt;
&lt;p&gt;目前支持的网站部分在设置中可以单独设置预览效果：&lt;/p&gt;
&lt;p caption=&#39;部分支持 Preview 的网站&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/650e06a0-1409-4a4a-8d90-fc6e44ee07d7.webp&#39; alt=&#39;部分支持 Preview 的网站&#39; title=&#39;部分支持 Preview 的网站&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;folder&#34;&gt;Folder&lt;/h3&gt;
&lt;p&gt;Folder 类似于普通浏览器的收藏夹/书签栏，区别是，点击打开它后会直接打开页面，而不是像普通浏览器一样，书签选择界面消失后，新开一个 tab 打开。&lt;/p&gt;
&lt;p&gt;点击右侧的关闭按钮，会关闭在 Folder 打开的页面，此时关闭按钮变成了减号「—」，再次点击这个按钮可以将页面从 Folder 中移除。&lt;/p&gt;
&lt;p&gt;Folder 与普通浏览器的收藏夹最大的区别是，它是不可隐藏的，因此这个地方放置的一般是跟 Space 相关的常驻的一些页面，如工作 Space 我会放工作汇报、代码 Review 页面等，方便随时访问。不可隐藏这点可能是缺点，也可能是为了让你尽可能的减少收藏的网页，而把内容装进自己的脑子，因此 Folder 算是传统浏览器「收藏夹」和「稍后阅读」的中和版。&lt;/p&gt;
&lt;p caption=&#39;Folder 视图&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/4ed98e06-c814-4eea-96bf-743de7893f70.webp&#39; alt=&#39;Folder 视图&#39; title=&#39;Folder 视图&#39;&gt;&lt;/p&gt;
&lt;p&gt;另外，hover 到 Folder 的时候也会显示预览：&lt;/p&gt;
&lt;p caption=&#39;预览某个 Folder 中的页面列表&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/3c2105e6-e04f-4a58-8d0f-9b5412cbadb5.webp&#39; alt=&#39;预览某个 Folder 中的页面列表&#39; title=&#39;预览某个 Folder 中的页面列表&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;每日页面&#34;&gt;每日页面&lt;/h3&gt;
&lt;p&gt;这个就是跟普通浏览器一样的 tab 页面，区别是，它会被定时清理（官方叫法「自动归档」）&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://resources.arc.net/en/articles/6701333-auto-archive-clean-as-you-go&#34; target=&#34;_blank&#34;&gt; Auto Archive: Clean as you go | Arc Resources&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;因此这里放置每天上班后要打开的，下班后就可以关闭的页面，如果有那种需要一直打开的页面，可以将其挪到 Folder 中。&lt;/p&gt;
&lt;p caption=&#39;常规的 tabs&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/159560c6-85c8-49a6-8bbf-cdd1db0af5cf.webp&#39; alt=&#39;常规的 tabs&#39; title=&#39;常规的 tabs&#39;&gt;&lt;/p&gt;
&lt;p&gt;可以设置多久清理（归档一次）&lt;/p&gt;
&lt;p caption=&#39;关闭的另一种说法——归档/收纳&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/b1f773f1-6d76-46df-abe7-42f3d524b3ca.webp&#39; alt=&#39;关闭的另一种说法——归档/收纳&#39; title=&#39;关闭的另一种说法——归档/收纳&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;split-view&#34;&gt;Split View&lt;/h3&gt;
&lt;p&gt;这算是一个比较有用的场景了，有时候你需要同时查看不同页面，普通浏览器的话你就需要同时打开两个 window 窗口然后调整两个 window 的位置使之并排，而在 Arc 中，你可以在 Split 一个窗口后选择打开哪个页面以让两个页面同时展现：&lt;/p&gt;
&lt;p caption=&#39;页面的右上角有三个点，hover 后可以快捷访问 SplitView&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/2d5fd4c9-22a8-40e8-9495-727eab4b93a8.webp&#39; alt=&#39;页面的右上角有三个点，hover 后可以快捷访问 SplitView&#39; title=&#39;页面的右上角有三个点，hover 后可以快捷访问 SplitView&#39;&gt;&lt;/p&gt;
&lt;p&gt;最多可以 Split View 为 4 个：&lt;/p&gt;
&lt;p caption=&#39;最多支持 4 个&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/ee1e2411-b85f-47d3-bf34-c33f913bc93f.webp&#39; alt=&#39;最多支持 4 个&#39; title=&#39;最多支持 4 个&#39;&gt;&lt;/p&gt;
&lt;p&gt;不但竖向可以，横向也可以 Split（嗯，这很合理）：&lt;/p&gt;
&lt;p caption=&#39;横向也没问题！&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/a222d888-aa34-4601-9f2c-ec391d8ab849.webp&#39; alt=&#39;横向也没问题！&#39; title=&#39;横向也没问题！&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;boost-site&#34;&gt;Boost Site&lt;/h3&gt;
&lt;p&gt;这个类似于油猴插件，可以使用简单设置某个网站的样式外观如全部大写、修改整站字体、颜色等，会点 CSS、JavaScript 的可以写代码定制任意网站的样式和行为，因为比较 Hack 就不介绍了。&lt;/p&gt;
&lt;p caption=&#39;Boost 写代码定制样式和逻辑&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/76e43c7a-4b03-4eec-84a9-881afcb16cf9.webp&#39; alt=&#39;Boost 写代码定制样式和逻辑&#39; title=&#39;Boost 写代码定制样式和逻辑&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;插件&#34;&gt;插件&lt;/h3&gt;
&lt;p&gt;因为 Arc 是基于 Chrome 同源的 Chromium 项目：&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://www.chromium.org/chromium-projects/&#34; target=&#34;_blank&#34;&gt; Home&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;因此，你本质上可以把它当成是 Chrome 来用，Chrome 支持的插件它都支持，Chrome 的调试控制台等也都可以使用。更棒的是，&lt;strong&gt;你可以直接将 Chrome（或者 Edge，都是基于 Chromium 项目） 的所有内容全部一键迁移到 Arc 浏览器&lt;/strong&gt;——这里的&lt;strong&gt;所有内容&lt;/strong&gt;包括页面的 Session、保存过的密码、Cookie 等，也就是说你可以直接无缝从 Chrome 切换到 Arc，而不用在 Arc 重复一遍输入账号、密码、历史记录等。&lt;/p&gt;
&lt;h3 id=&#34;其他&#34;&gt;其他&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;**快捷键：**Arc 对快捷键的支持是第一优先级的，这就有个问题，一些网站如 Notion，有自己的快捷键，那这些快捷键与 Arc 的快捷键冲突了怎么办？答案就是设置优先级。可以设置按下快捷键后，优先相应网站的还是优先响应 Arc 的，再按一次可以响应另一个。也可以只响应其中一个的，还是很实用的。&lt;/p&gt;
&lt;p caption=&#39;可以选择响应顺序或只响应某一方的快捷键&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/6cf3b729-d67c-412d-8a27-f286fdba5287.webp&#39; alt=&#39;可以选择响应顺序或只响应某一方的快捷键&#39; title=&#39;可以选择响应顺序或只响应某一方的快捷键&#39;&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;**搜索 bar：**实用关了 Alfred 或者 VS Code 的同学会比较习惯按下快捷键后出现搜索栏，然后输入你想要的内容，这点 Arc 也实现了（按下 CMD + T）。全局搜索 bar 还有很多细节，如初始状态下，内容的展示等，有兴趣的同学可以自己体验一下。&lt;/p&gt;
&lt;p caption=&#39;Arc 的搜索功能，使用频率非常高&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/7e18fcd4-5c5c-4e76-8209-904fbbc96572.webp&#39; alt=&#39;Arc 的搜索功能，使用频率非常高&#39; title=&#39;Arc 的搜索功能，使用频率非常高&#39;&gt;&lt;/p&gt;
&lt;p&gt;这里比较期待的是能开放这个搜索接口，以集成到 Alfred 中。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;**文件夹集成：**在网页下载某个文件后，可以在浏览器左下角看到相关的文件：&lt;/p&gt;
&lt;p caption=&#39;hover 左下角查看下载内容，点击后有进一步的功能（下面）&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/6923fdf0-2b4e-4fe7-8800-db83ced94f69.webp&#39; alt=&#39;hover 左下角查看下载内容，点击后有进一步的功能（下面）&#39; title=&#39;hover 左下角查看下载内容，点击后有进一步的功能（下面）&#39;&gt;&lt;/p&gt;
&lt;p&gt;也可以点击进去查看其他的被 Arc 归类的文件夹，如 媒体、下载等，点击这里还有其他的功能如全部 Space 一览视图等，可以自己摸索。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;**笔记&amp;amp;绘图：**可以有，但是没必要，有谁会在浏览器中用鼠标画图？不过聊胜于无，而且可能从埋点看这个功能用户用的也少，因此该功能的更新也自推出后几乎没怎么更新过。&lt;/p&gt;
&lt;p caption=&#39;上一步说的点击后，有这些二级访问菜单，优先级较低。&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/770bd145-ec91-4be0-ad12-ae763ea35ca4.webp&#39; alt=&#39;上一步说的点击后，有这些二级访问菜单，优先级较低。&#39; title=&#39;上一步说的点击后，有这些二级访问菜单，优先级较低。&#39;&gt;&lt;/p&gt;
&lt;p&gt;笔记似乎是原生技术实现的，反正是不让你看源码（无法 CMD + ALT + I 打开控制台）：&lt;/p&gt;
&lt;p caption=&#39;&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/d6474846-fad8-4cdb-8437-cda4fc32fa45.webp&#39; alt=&#39;&#39; title=&#39;&#39;&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;细节&#34;&gt;细节&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;**Mini 播放器。**音乐播放网站如 Apple Music、Spotify 的网页版（其他如网易云音乐没有尝试），会在播放的时候显示在下方一个小的编辑器按钮，方便你全局随时控制：&lt;/p&gt;
&lt;p caption=&#39;细节满满的 Mini 播放器&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/e78992ef-912f-4094-948d-8050a848b1e8.gif&#39; alt=&#39;细节满满的 Mini 播放器&#39; title=&#39;细节满满的 Mini 播放器&#39;&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;**本地开发支持。**普通的网站打开后，页面是没有任何内容的（见上方的 Arc 页面截图），但是如果打开的是 [localhost]([object Object]) 的地址，则会进入「开发模式」，会将当前启用的插件、快捷打开 console 等 web 开发者常用的功能放到顶部供快捷访问。&lt;/p&gt;
&lt;p caption=&#39;本地开发支持&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/arc-a-easy-use-browser/66de83b6-ea88-49f9-9b08-e8c253ccdbdf.webp&#39; alt=&#39;本地开发支持&#39; title=&#39;本地开发支持&#39;&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;缺点&#34;&gt;缺点&lt;/h2&gt;
&lt;p&gt;金无足赤，人无完人。马克思唯物辩证法之所以是宇宙中的唯一真理，它的真理性就在于它并不是一成不变的，而是是随着时代在变化的，不同的时代有不同的解释。因此，我们要以马克思主义唯物辩证法的思想，来辩证的看待 Arc 浏览器的设计理念。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;没有 iPad 特供版，这点我是理解不能的，如果有 iPad 版的话，浏览器自带的绘图和笔记功能的使用频率会大幅提高。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;iPhone 版打开网页后，如果想新打开另一个网页，只有两个选择：要么下滑关闭当前页面（这样你就需要费劲的从 Archived 中找到被下滑关闭的网页）；要么点击右下角的图钉按钮，将页面放到 Folder 中。其实哪一点我都接受不了，下滑并没有主动点击 x 的操作，给我打开放到 tabs 列表中不好吗？&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;iPhone 端没有隐身模式。隐身模式很有用，懂的都懂。&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;结语&#34;&gt;结语&lt;/h2&gt;
&lt;p&gt;Arc 算是浏览器中的异类，但是很多的设计又是非常符合直觉的，能在当今众多浏览器中杀出一条血路，也可见市场对它所期望解决的问题方案的认可，感兴趣的朋友可以试试！&lt;/p&gt;
</description>
            <pubDate>Tue, 09 May 2023 00:00:00 +0000</pubDate>
            <link>https://www.xheldon.com/life/arc-a-easy-use-browser.html</link>
            <guid isPermaLink="true">https://www.xheldon.com/life/arc-a-easy-use-browser.html</guid>
            
                <category>生活</category>
            
                <category>折腾</category>
            
                <category>初体验</category>
            
                <category>浏览器</category>
            
            
                <category>life</category>
            
        </item>
        
        <item>
            <title>2023 北京买车流水账记录</title>
            <description>&lt;p class=&#39;content-callout&#39; style=&#39;background: undefined; color: undefined;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;💡&lt;/span&gt;&lt;span&gt;免责声明：本文不针对任何国家、不针对任何车企、不针对任何门店、不针对任何车型、不针对任何个人，仅从个人购车研究经历角度分享自己的主观想法，如有冒犯，联系我说明原因后删除相关内容。&lt;/span&gt;&lt;/p&gt;
&lt;h2 id=&#34;背景介绍&#34;&gt;背景介绍&lt;/h2&gt;
&lt;p&gt;在北京开车像在所有地方开车一样，需要有一个车和车牌（废话+1），但是北京又有其特殊性，下面展开说。&lt;/p&gt;
&lt;h2 id=&#34;车牌名词解释：&#34;&gt;车牌名词解释：&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;油标：普通燃油车车牌指标。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;电标/新能源标：电车/新能源车车牌指标。虽然字面上「新能源」不只指电，还有氢能、核能，但是目前用于造车方面商业化成功的仅有电能，所以这里新能源车与电车等价，有些杠精不服气「什么他妈的新能源车，不就日（「是」的翘舌音）一电瓶车！」（用北京话读出来）。可以在所有用「电」的字眼上替换为「新能源」来使用。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;油牌：油标所能上到车辆上的车牌简称，也叫蓝牌。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;电牌：电标所能上到车辆上的车牌的简称，也叫新能源牌、绿牌。&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;因为车牌供大于求，所以为了保证传说中的「公平」，所以会采用摇号的方式进行车牌的发放。车牌在这里其实指的车牌指标，指标分油标和电标，其中，油标可以上油牌（蓝色）和电牌（绿色），但是电标只能上电牌。&lt;/p&gt;
&lt;p&gt;上古时代，混沌初开，天地不分，理所当然的，指标也不分电标和和油标，一律采用摇号的方式进行分配。最近几年国家为了鼓励新能源产业的发展，北京方面的政策开始向新能源车倾斜，不但购车免了购置税，还有政府补贴，最重要的是新能源车牌早期采用的是排队的方式进行分配，所以非常好拿到。但是最近几年因为新能源车又变多了，又开始供不应求，于是新能源车牌也开始要排好久才能拿到，于是为了保证传说中的「公平」和解决家庭用车的硬性需求（个人用车可能只是为了提高生活质量，属于软性需求，优先级低；家庭用车有接送孩子、老人等需求，属于硬性需求，优先级高），研究出了「以家庭为单位优先排新能源号」的政策，如果家庭三代人都是北京人且名下无车，则积分会非常高，非常简单就可以拿到新能源号。如果仅仅是外地户口只有北京市工作居住证/北京市居住证，且只有一代人（例如我们），则会非常难。&lt;/p&gt;
&lt;p&gt;摇号需要先申请，通过资格审核了才可以，具体资格去官网了解即可。指标配置是每年的 5 月 26 日配置新能源指标（按积分，一定积分的才会给拍照，可以查查去年是多少积分拿到牌照的），每年的 6 月 26 日和 12 月 26 日摇油车指标，至于为什么都是 26 日，可能是因为局长闺女生日吧。&lt;/p&gt;
&lt;p&gt;新能源是排队的，而排队是按积分的，计算规则如下：&lt;/p&gt;
&lt;p caption=&#39;新能源积分计算公式&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/0fd35260-7a6f-44b7-898b-af41bcb71c1b.webp&#39; alt=&#39;新能源积分计算公式&#39; title=&#39;新能源积分计算公式&#39;&gt;&lt;/p&gt;
&lt;p&gt;我以家庭为单位截止 2023 年 2 月 26 日，积分为 10 分（妈的）：&lt;/p&gt;
&lt;p caption=&#39;可怜的积分&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/3d9743b0-fcb4-4960-bd8b-fd0ef6c79559.webp&#39; alt=&#39;可怜的积分&#39; title=&#39;可怜的积分&#39;&gt;&lt;/p&gt;
&lt;p&gt;具体可以去官网 [北京市小客车指标调控管理信息系统]([object Object]) 了解更多。&lt;/p&gt;
&lt;h3 id=&#34;指标获取&#34;&gt;指标获取&lt;/h3&gt;
&lt;h3 id=&#34;租赁&#34;&gt;&lt;strong&gt;租赁&lt;/strong&gt;&lt;/h3&gt;
&lt;p&gt;指标租赁这个事情不能放到明面上说，因为虽然不违法，但是违规。可实际情况是，大家都在这么操作，因为一方面有市场需求，而另一方面最重要的是这个过程也不破坏市场环境，所以并不违法，被抓到也不会罚款坐牢什么的。但是，租赁双方签订的协议并不受法律保护，万一某一方反悔的话，如果双方协商不成功就会落个两败俱伤的结果：指标人指标没收并几年内不得参与摇号，租牌人一次性付的费用打水漂，并几年内不得参与摇号。这个车牌租赁过程可以给大家介绍一下，&lt;strong&gt;在此声明我并没有租牌，车牌租赁的整个过程都是操作过的朋友跟我说的，而且他和我现在都已经幸运的摇到油牌指标&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;首先是找到指标人，这个过程基本有三种方式：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;熟人介绍：一般都是口口相传的，朋友或者同事在某个中介处租过车牌的话，会以自己租牌没有翻车为背书，像你推荐他认识的中介。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;4S 店：4S 店也为了自身利益会帮你找到合适的指标人，或者直接帮你介绍中介，中介再帮你找到指标人。大多数情况下，4S 店都是跟中介合作的，毕竟互利的事情：中介赚了钱，4S 店卖了车。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;熟人自用：一般这种常见两种情况：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;熟人自己家老北京，早起家里老人父母、自己夫妻二人，妻子的父母，每人都有一个车牌（别惊讶，我认识的人就有这样的），由于老人年纪大了等种种原因不再开车，但是如果直接卖车的话指标就会回收，所以出租指标获利。&lt;/li&gt;
&lt;li&gt;熟人凭借着北京排新能源号的巨大优势（北京本地家庭三代人，分数直接乘以三，简单来说直接就是我们的三倍 30 分打底），排到了新能源号，但是并不用，只是为了出租获利。&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;一般建议是优先找熟人，价格上我所在的 2023 年，油车价格 3 年一般 4.1 ~ 4.5 万，5 年 6.1 ~ 6.5 万，油牌比电牌贵一点，不过大概也就一两千块每年的差距。&lt;/p&gt;
&lt;p&gt;租赁的详细过程为：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;看车订车。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;提车当天，去车管所上牌，当天需要的人有：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;中介，当天付其全款（他会把中介费扣除后，将钱转给指标人）。&lt;/li&gt;
&lt;li&gt;指标人，中介收了钱就让你跟指标人见面（跟房产中介一样）。&lt;/li&gt;
&lt;li&gt;4S 店在车管所的员工，4S 店会为你在车管所办车辆相关手续，为此你需要付费，沃尔沃是 3500，说是去车管所了那边有他们的人，全程不用操心。&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;之后你们四个一起去车管所上牌，指标人打印指标单等操作，这个过程因为 4S 店的人帮你操作，指标人只需要配合回答一些问题，做一个认证即可。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;上牌完毕，各回各家。&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;h3 id=&#34;假结婚&#34;&gt;&lt;strong&gt;假结婚&lt;/strong&gt;&lt;/h3&gt;
&lt;p&gt;法律规定：个人名下有车牌指标，结婚满一年后可以办理车辆转移登记，将指标转移到配偶名下。这个是钻法律空子，关键是需要&lt;strong&gt;车管所有人&lt;/strong&gt;，毕竟车管所的人就是干这个的，一眼就能看出来你这真结婚还是假结婚套车牌的，车管所里没有关系根本不可能成功，被发现后指标没收+罚款+3 年内不得申请指标。所以走这条路一定是找中介，因为普通人车管所不会有人。2023 年价格一般在 12 万左右。&lt;/p&gt;
&lt;h3 id=&#34;收购公司&#34;&gt;&lt;strong&gt;收购公司&lt;/strong&gt;&lt;/h3&gt;
&lt;p&gt;开公司的符合条件的（一年纳税 5 万等条件，具体可以自己研究下）可以摇公牌照，机会比个人要大些。牌照是登记在公司名下的，公司法人负责，如果公司倒闭，则指标收回，因此如果想指标不收回，则可以找有意向的人收购该公司即可，此为唯一正规合法途径的获取车牌照。2023 年价格一般在 35 万左右，价格波动较大，可能一年就波动 10 万。&lt;/p&gt;
&lt;h3 id=&#34;其他&#34;&gt;其他&lt;/h3&gt;
&lt;p&gt;其他的还有背户车等，就是无法过户的车，如车主死亡等，具体可以自己研究下，不过风险极高，不说了。&lt;/p&gt;
&lt;h3 id=&#34;车牌租赁注意事项&#34;&gt;车牌租赁注意事项&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;为了保障指标人的权益，指标人会要求租赁者购买 200 万保单的三者险，因为虽然租赁者是车辆实际使用人，但是万一出现重大事故如肇事逃逸、重大交通事故车辆毁损等，需要车辆登记者，也就是指标人处理，此时就是 200 万保险发挥左右的时候。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;为了保障租赁者的权益，租赁者会要求指标人去车管所做一个「抵押登记」，也即是签一个法律认可的协议，内容是指标人为了找租赁者的借款 xx 元，而将车辆抵押跟租赁者（虽然是租赁者花钱买的车，但是必须登记在指标人名下，所以名义上指标人拥有车辆的处置权）。这样处理以后，万一以后指标人因为一些原因被法院冻结财产来偿还债务，但是由于他的车（虽然是你买的）已经抵押给你了，所以法院没有办法要求你归还车辆，所以车还是租赁人的。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;注意时间。指标人有时候车牌还在车上，想腾出来指标的话需要先把车卖了，以特斯拉为例，如果订车后 2 个月不提车，则 1000 定金作废，所以订车后两个月内要搞定车牌。即使有 45 天的临时车牌，也是需要指标进行申请的，最好不要等到最后时刻才搞定车牌，做事留点余地，稳健一点。&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;车辆&#34;&gt;车辆&lt;/h2&gt;
&lt;p&gt;车牌搞定后，就是车辆的研究了，车辆当然分电车和油车，简单来说需要注意的是：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;虽然混动车分好几种，但是所有混动车都是需要油标的，但其中只有插电混动的车，才可以上新能源牌。也就是说，虽然你插电混动上新能源牌，但是&lt;strong&gt;仍然需要油标&lt;/strong&gt;。因此，如果有新能源指标，并不能买混动车。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;看车过程中，看到一些网上的经验之谈，大家看看就好，有：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;混动车因为有供电系统和耗油系统，所以有两套保养，一个是保养成本高，一个是容易坏。&lt;/li&gt;
&lt;li&gt;纯电车续航并不是其车辆宣称的续航，都会有续航折扣。冬天开的话因为用空调、座椅加热等耗电项目，续航里程都会有折扣，好点的打 6 折，也就是你宣称 500 公里，实际只能跑 300 公里；插点的不到 5 折。&lt;/li&gt;
&lt;li&gt;油车一个是油贵，一个是保养贵（相较于电车），但是总的来说，2.0T 的保养费要小于 1.5T 的。&lt;/li&gt;
&lt;li&gt;电车因为结构简单，主要是三电系统：电机、电控、电池，所以保养费用也少。&lt;/li&gt;
&lt;li&gt;一定要买发动机是四缸的车，三缸车抖动明显（点名低配宝马 X1）。&lt;/li&gt;
&lt;li&gt;同一款车有高低配之分，有些是纯软件层面的，比如主动避险（主动停车），有些是硬件层面的，如碰撞预警（多了雷达）等。&lt;/li&gt;
&lt;li&gt;不同的车价格不同点可能在舒适度上，如方向盘加热、座椅加热（有些仅主驾，有些主副驾前后排都有）、空调等。&lt;/li&gt;
&lt;li&gt;冬天因为电车本身行驶过程中不产生热量，所以电车较冷，需要耗电制热，所以电池没有其他季节耐用。而油车冬天开较为暖和，因为发动机本身制热，甚至需要水来冷却，这些水循环车身一周车就热了（跟暖气一样）。&lt;/li&gt;
&lt;li&gt;北京目前为止（2023 年 2 月 26 日），油牌每周每天会限制特定车牌号数字结尾的车辆上路；电牌没有限制。&lt;/li&gt;
&lt;li&gt;2023 年购买电车不再有政府补贴，但是仍然有免购置税的政策，详见 [这里]([object Object])。&lt;/li&gt;
&lt;li&gt;「从名字就可以看出来新能源汽车行业个品牌的未来，用手机品牌比喻就是，特斯拉是苹果，小鹏是小米，蔚来是华为」——王兴。&lt;/li&gt;
&lt;li&gt;比亚迪刀片电池安全性不过关，自燃是设计问题（中科院研究电池领域的朋友说的）。&lt;/li&gt;
&lt;li&gt;日本车因为轻所以省油，速度上来后不安全容易飘；美系车动力足，但是耗油；德系车安全；国产车表面功夫足，在看不见的地方省。&lt;/li&gt;
&lt;li&gt;本田（还是丰田忘了）素有「开不坏的发动机」之称，经久耐用。&lt;/li&gt;
&lt;li&gt;电车品牌因为比较火，又加上跟互联网关系密切，所以被热心的网友贴了很多标签，如：
&lt;ul&gt;
&lt;li&gt;理想：奶爸最爱。&lt;/li&gt;
&lt;li&gt;蔚来：换电牛逼。&lt;/li&gt;
&lt;li&gt;小鹏：一直在降价，但死不承认，一开始出的 P7 很不错，一直优化 P7 就行，但是新产品越做越差旧款的 P7 也迟迟不升级。&lt;/li&gt;
&lt;li&gt;问界：车机厉害、华为差评。&lt;/li&gt;
&lt;li&gt;极氪：圾氪。&lt;/li&gt;
&lt;li&gt;特斯拉：刹车失灵、毛坯房内饰、辅助驾驶牛逼。&lt;/li&gt;
&lt;li&gt;比亚迪：电池自燃、国产之光、国产技术脸面。&lt;/li&gt;
&lt;li&gt;其他：岚图、极狐、极星、埃安、哪吒、高合、阿维塔、集度、智己。&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;另外，混动的车分插电式、增程式，还有其他类型，大家可以自己去看下，需要注意的是只有可以直接插电的混动车才可以上电牌（虽然如上所说需要油标）。&lt;/p&gt;
&lt;h2 id=&#34;优劣势分析&#34;&gt;优劣势分析&lt;/h2&gt;
&lt;h3 id=&#34;电车&#34;&gt;电车&lt;/h3&gt;
&lt;p&gt;&lt;strong&gt;优势：&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;开车成本低：因为电费比油费便宜，油门踩到底不心疼。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;加速快：百公里加速度 5 秒左右是标配。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;动力响应充足。动力只需要踩油门，是随踩随有，这个电车和油车都开过的会有体会。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;科技感强。毕竟是「新兴造车势力」，不搞点科技感如手机控制、远程遥控、自动泊车等，怎么好意思叫「新」。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;租车牌费用低。因为大多数人还是想要油牌，加上相对来说电牌比油牌更好拿，所以供应关系决定了电牌比油牌便宜。&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;劣势：&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;续航。标称续航 545，实际行车视用车情况如空调是否开启、座椅加热、方形盘加热是否开启等功能的影响，对续航有很大影响，冬天续航打 5、6 折很常见，所以长途开车（如从北京回我老家 930 公里）会需要充多次电，全程耗时超过 12 个小时（油车只需要 10 个小时），所以基本放弃了开电车回家的想法。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;高峰充电需要排队。毕竟充电没有加油快，即使是超级充电桩，也需要 15 ~ 30 分钟才能充满，远远比不上油车 2 分钟拔枪走人来得快。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;充电桩不方便。在我们县，截止到 2023 年 2 月 27 日，我们县只有三个充电点，超充站就别想了，最近的一个超充站在市里。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;安全性较差。先不管是否是「既得利益群体」（如与媒体共存了一百多年的油车厂商）请的水军造谣。新闻媒体随处可见的刹车失灵（特斯垃）、电池自燃（鄙亚迪）等，都是电车的问题。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;长远性：不可否认，国家的政策催生了一批国内「新兴造车势力」如小鹏、蔚来、理想、极克、高合等，如果没有了国家的支持，这些企业还会存在吗？&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;油车&#34;&gt;油车&lt;/h3&gt;
&lt;p&gt;&lt;strong&gt;优势：&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;没有续航焦虑：电车的劣势就是油车的优势，没油了花五分钟加个油就能继续赶路。「有这么一种神奇的液体，只需要 9 升，就可以让一吨多重的车带你跑 100 多公里」 。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;便利性：加油方便，省时间。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;安全性较好：油车发展了上百年，里面有哪些器件、哪些地方偷工了、哪些地方减料了、哪些地方为什么便宜、哪些地方凭什么贵，等，一目了然。而且经过长期的时间检验后，安全性、舒适性等都有成熟的解决方案，如车辆从左面碰撞了怎么办、从前面碰撞了怎么办、车辆掉水里了怎么办等都有解决办法。相反，至今电车未发展出如何应对「车辆自燃」这种事情，而特斯拉也只是刚刚在新款车上装上「手动开启车门」的拉绳，来解决当电力系统失效的时候（如战争中电磁脉冲攻击或者就是单纯的系统故障），如何手动打开车门逃生的问题。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;可选择范围大：油车 10 万以内的到 100 万的都有，总有一款适合你，也就是 step 较小。而电车敢买的只有特斯拉、比亚迪和其他，可选择性较低。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;长远性：油车发展一百多年，早就大浪淘沙了，现在留下来的都是在某些方面有一定竞争力的，如安全性（德系车如沃尔沃）、动力性（美系车如凯迪拉克）、省油性（日系车如本田丰田），便宜性（如国产车），所以看你注重哪方面就选适合你的即可。&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;劣势：&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;开车成本高：截止 2023 年 2 月 27 日，95 号汽油平均价格为 8.37 元/升。按百公里油耗 8 升算的话，就是 64 块钱，相比于电车 60 度电（如特斯拉标准续航版，长续航是 74 度）按 1.5 元/度，需要花 90 块钱就能跑 300 公里（冬天）来说，太贵。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;加速慢：受限于内燃机的原理，油车需要先给油，然后油燃烧，然后才能带动汽车移动，所以一般车的百公里加速度为 8 秒+。不过其实也不是什么重要劣势，毕竟正常谁也不飙车。不过偶尔遇到紧急的事情，如大家都在等红灯，变绿灯后你一骑绝尘以你 5 秒多的百公里加速度飞驰而过，还是能吸睛不少的。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;动力响应较弱：同上，受限于内燃机的原理，需要踩油门或者松油门后等个一秒左右车辆的速度变化才会体现出来，当然好的油车在这点上做的比普通油车要好。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;方向盘虚位较大：同上，受限于内燃机的原理，油车在设计上的时候，就不会让你稍微动一下方向盘，车辆就移动，会有一个 3 ~ 5 度的虚位，你过了这个角度后车辆才会正常响应你的操控。严格上说算不上缺点，驾驶习惯问题。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;科技感差：用朋友的话说就是老股东，毕竟开油车更多的是 40+ 的成年/中年精壮男子，新鲜的东西接受不了，所以车内在不影响美观的前提下（有时候影响美观也无所谓），能用实体按钮就用实体按钮。所以你甚至可以看到按钮式的档位（下面有提到）。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;租车牌费用高：相比电牌而言，油牌的费用更高。&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;我们的需求&#34;&gt;我们的需求&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;电车、油车都看，都试驾体验一下，不限定某种类型，也不限制某种车的高低端型号，因为有对比才有选择，兼听则明。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;20 ~ 30 万左右（算上租车牌的钱），在不损失安全性的前提下，越低越好。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;车型一定是 SUV，因为是家庭用车。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;外观一定是白色，选白色不加价最好（特斯拉白色加价 8000；林肯冒险家只有珍珠白加价 2000，其他色随便换，均差评）。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;按照我们买电子产品的一贯特点（基本也是买超过 1 万元的消费品的特点），不考虑国产品牌，国产车仅作为对比。&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;看车-试驾&#34;&gt;看车&amp;amp;试驾&lt;/h2&gt;
&lt;p&gt;首先是想体验一下特斯拉，毕竟名气大，汽车界的苹果，但是老婆说电车充电费劲是其一，其二逢年过节回家的话有续航焦虑，说她同事买了个电车，空调都不敢开。因为我在买车之前对车完全不了解，没开过油车也没开过电车，因此看车的时候都看了看，并没有一上来就说一定要买油车或者电车或者混动等。&lt;/p&gt;
&lt;p class=&#39;content-callout&#39; style=&#39;background: undefined; color: undefined;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;💡&lt;/span&gt;&lt;span&gt;先在开头说一一个细节，只有沃尔沃、奔驰有看车/试驾后的电话回访，所以这两家的看车和试驾体验服务是比较好的。而特斯拉的销售最为热情，也有试驾后的问卷调查，可能是因为我们搞 IT 的是他们的主要目标客户，当然其他国产的造车新势力也有电话回访想让我去试驾，不过我都拒绝了。其他的，凯迪拉克、林肯、比亚迪，看完车或者试驾完都没任何人搭理过我。&lt;/span&gt;&lt;/p&gt;
&lt;p caption=&#39;特斯拉的问卷调查&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/c3a6dbd1-bcb0-44bc-a594-8e6c1d8d8284.webp&#39; alt=&#39;特斯拉的问卷调查&#39; title=&#39;特斯拉的问卷调查&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;2023-02-04-三里屯&#34;&gt;2023.02.04 三里屯&lt;/h3&gt;
&lt;p class=&#39;content-callout&#39; style=&#39;background: undefined; color: undefined;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;💡&lt;/span&gt;&lt;span&gt;这里注意一下，去看的时候最好去 xxx 中心，而不是 xxx 体验店，因为前者可以为车主争取到更多的权益，而 xx 体验店指不定什么时候就关门了。&lt;/span&gt;&lt;/p&gt;
&lt;h3 id=&#34;【看车】比亚迪三里屯体验店&#34;&gt;【看车】比亚迪三里屯体验店&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;宋 plus dm-i 后备箱略小，17 万左右。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;护卫舰不错，很大，但是太大了，并不是很有必要。&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;总体来说比亚迪宋摸着的感觉就是，廉价。当然，因为是人生第一次去看车，所以第一眼看着觉得还不错，白白的，坐着也舒服，后排空间也大，内饰也中规中矩，没感觉到惊艳也没感觉到有多不好，没感觉有什么大问题。&lt;/p&gt;
&lt;p&gt;但是买东西是不能对比的，后来看了小鹏的车、逛街无意间看到的阿维塔——说是华为和其他两家什么的联合出的车，之前都没听说过，还以为是杂牌，去问了才知道是高端产品 34 万起步的——才知道什么是高端，豪车在直观上的感觉（暂不提驾驶体验）会在以下几点上有别与低价车：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;首先外观是一定锃亮的金属油漆，这是塑料油漆在外观和触感上都不能比的，工艺上是先刷色漆，再刷青漆，所以不容易剐蹭，反光也强烈。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;其次是触感，摸上去就是金属厚重的感觉，跟那种铝合金或者塑料的外壳车门不一样。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;然后是造型，比如无边框的门、真皮的座椅、高端轮胎（当然看的是看不出来的，试驾也不一定能试出来，有些得跑高速才能体会出跟廉价车的差别）等。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;最后是人性化设计，比如座椅前后排加热、方向盘加热、抬头 HUD 显示等。&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;问了销售，说现在定比亚迪宋 plus 得两个多月左右才能交货。第一次去看车，忘了拍照。&lt;/p&gt;
&lt;h3 id=&#34;【看车】小鹏三里屯旗舰店&#34;&gt;【看车】小鹏三里屯旗舰店&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;P5 轿车，挺不错，对标的是 Model 3，作为一款轿车，比一般的轿车高，所以相比其他车，后排空间比较大。另外后备箱陷进去的（因为轿车的标志就是低，后备箱部分是倾斜的，所以不高，只能向下延展）。
&lt;ul&gt;
&lt;li&gt;内饰不错，但是那个无实体按键的中控台是不爽的地方，没有安全感，但是人家特斯拉也没实体按钮啊，但是人家系统流畅啊！小鹏的这个状态栏、电池显示一看就是安卓系统。&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p caption=&#39;P5体验&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/45162da7-363b-490a-a06e-93232abe5bad.webp&#39; alt=&#39;P5体验&#39; title=&#39;P5体验&#39;&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;G9 大型 SUV，很不错，老婆看上了很喜欢，坐后排很舒服，但是：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;太大了，停车不好停。&lt;/li&gt;
&lt;li&gt;并不是很有必要这么大。&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;G3i 试驾了一下，虽然是 SUV 但是是小型 SUV，贼小，不考虑了，而且那个竖着的显示屏，虽然导航的时候还挺舒服，但是没有实体按键，安卓系统的虚拟按键让我有一种恐惧，万一死机或者导航反应慢那可是要命的，算了。特点是那个前挡风玻璃，是一直延伸到驾驶位头顶的，各有所爱吧，差异化竞争，没啥好评价的。&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p caption=&#39;G3 上路试驾&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/8d20af58-ac25-4e51-9661-d2fd4c3aee2b.webp&#39; alt=&#39;G3 上路试驾&#39; title=&#39;G3 上路试驾&#39;&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;P7 坐上去体验了一下，整体不错，空间还可以，但是轿车老婆就是不喜欢，所以不考虑，只是做上去体验了一下小鹏不同车的内饰和舒适程度，对各种车都有个了解就好。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;总体来说，小鹏的差异点（好的不好的都说一下）在：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;「语音操控」，省略了很多实体键，这也是让我不放心的地方，国产的这种技术在手机上随便搞一搞还行，死机了或者搞坏了大不了重启，什么也不影响，但是用在车上轻则影响心情，重则是关乎人命的事情，所以我不是很相信其实。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;将档位放到了普通车打灯光的地方（方向盘右侧推杆），而且一样的操作（上推是 R 中间是 N，下推是 D 档），说是奔驰就这么搞的，不置评价，见仁见智（后来才知道特斯拉也这么搞就释然了「呵，人类」）。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;车机系统一车一个样，不清楚有什么自己的设计语言）。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;内饰中规中矩。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;车内十几个音箱，可以，但没必要。&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;另外，三里屯店说是他们的旗舰店，华北第一家。问价的时候，他们说也有一些 P5 的展览车、库房现车卖，后者说是每年会申请一些展览车，但是暂时还没展示出来，也是属于那种全新的车，会比纯现做的新车便宜 5000 块且终身免费充电。还有一种是交了定金，车也出来了，但是车主改配了（没说退订，哈哈），然后车就放在库房了，也是全新的。纯新车需要等 1 个月左右现做。后来在网上看视频的时候才知道这是他们销售的一贯说辞，其实就是车卖不出去，果然如前面大家对各个车的吐槽的一样「小鹏是一直在降价，但是死不承认」，就是以各种说辞降价，哈哈。&lt;/p&gt;
&lt;p&gt;还有一点，本来我和老婆过去说只是想看看了解下，销售跟我们说还有一款 SUV（就是 G3 那款）在下面地库没在展厅，可以让他同事开上来一起去看看，我以为只是「去看看」所以就说好。结果去看了之后直接坐上去，找我要驾照说做个登记，我第一次也没经验就寻思怎么看车还要登记驾照，不过也没多想于是就给他了，然后他跟我说因为我开车少不敢开车，所以就让我试乘一下即可，然后就边开边让给我讲解。虽然「来都来了」并没有很抵触，而且开的过程中也讲解的很详细，但是因为一开始没有说明「去看看」就是「去试驾」，所以让我有点不爽感觉被套路了。&lt;/p&gt;
&lt;h3 id=&#34;2023-02-05-凯德-mall&#34;&gt;2023.02.05 凯德 mall&lt;/h3&gt;
&lt;h3 id=&#34;【看车】问界凯德-mall-体验店&#34;&gt;【看车】问界凯德 mall 体验店&lt;/h3&gt;
&lt;p&gt;看了下 M5，感觉不错，主驾座椅头部两侧有两个喇叭，中控台的平板是我目前见过国产车里最高清的，应该是跟特斯拉是同款，交互界面也跟特斯拉类似，应该对标的就是特斯拉 Y，售价都差不多。&lt;/p&gt;
&lt;p caption=&#39;问界主驾视角&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/8f81b79e-e447-4b53-925a-b19cfc0cc692.webp&#39; alt=&#39;问界主驾视角&#39; title=&#39;问界主驾视角&#39;&gt;&lt;/p&gt;
&lt;p&gt;另外空间也还行，车门、车漆等，都做的不错，比比亚迪强，毕竟贵了 8 万多呢。不过老婆感觉跟比亚迪没区别，加上在数码产品对华为品牌一贯的 debuff（吹牛逼第一，产品体验垃圾），都是廉价车，看来是飘了。&lt;/p&gt;
&lt;p caption=&#39;问界M5外观&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/9c1feb85-f41b-4327-88df-ed36abbdcfcf.webp&#39; alt=&#39;问界M5外观&#39; title=&#39;问界M5外观&#39;&gt;&lt;/p&gt;
&lt;p&gt;M5 有增程式混动的和纯电动的，25 万，但是看了懂车帝，里面都是 22 万落地的，不知道怎么操作的（可能深圳去年补贴 3 万）。&lt;/p&gt;
&lt;p caption=&#39;高配版的M5&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/5e10795a-285b-4d50-a063-5f2c48111972.webp&#39; alt=&#39;高配版的M5&#39; title=&#39;高配版的M5&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;【看车】凯迪拉克-lyriq-凯德-mall-体验店&#34;&gt;【看车】凯迪拉克 LYRIQ 凯德 mall 体验店&lt;/h3&gt;
&lt;p&gt;之所以突然看到了二线豪车凯迪拉克，是因为看完问界 M5 后，刚好看到对面有个凯迪拉克的展车，就过来看看，一问才知道是凯迪拉克旗下唯一一款纯电动车，叫 LYRIQ。&lt;/p&gt;
&lt;p caption=&#39;一整块超长的中控屏幕&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/fd35879e-6186-4780-9fbd-9b961c05e050.webp&#39; alt=&#39;一整块超长的中控屏幕&#39; title=&#39;一整块超长的中控屏幕&#39;&gt;&lt;/p&gt;
&lt;p&gt;但是售价 43 万起售超预算了，另外说是本年 5 月份左右有个降配版的电动车要出，30 万左右，目前这款是 650 公里的续航。&lt;/p&gt;
&lt;p&gt;不过老婆一眼就看上了，豪华的内饰、科技感的超长一体的显示屏、大空间、可以打开的天窗（还没见过哪款电动车天窗可以打开的）。&lt;/p&gt;
&lt;p caption=&#39;下面镂空的可以放鞋&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/3c2f80e7-319c-4a55-b8d3-2f77465d7f2b.webp&#39; alt=&#39;下面镂空的可以放鞋&#39; title=&#39;下面镂空的可以放鞋&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;左侧的质感按钮&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/e8b79758-cf1f-4fe6-9a14-309bc3cfaaca.webp&#39; alt=&#39;左侧的质感按钮&#39; title=&#39;左侧的质感按钮&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;丑陋的屁股（个人感觉）&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/06235a54-7854-40d2-ac04-d1bcbe154456.webp&#39; alt=&#39;丑陋的屁股（个人感觉）&#39; title=&#39;丑陋的屁股（个人感觉）&#39;&gt;&lt;/p&gt;
&lt;p&gt;另外，经过凯迪拉克店员的「好心提醒」（可能是我跟他说我去看过比亚迪宋 DM-i），他说现在混动技术就是个过度产品，你看那些开了较久的，比如开了 8 年的混动车现在是什么样子就知道了。&lt;/p&gt;
&lt;h3 id=&#34;2023-02-08-蓝色港湾&#34;&gt;2023.02.08 蓝色港湾&lt;/h3&gt;
&lt;p&gt;下午请假，去银行提前还款了房贷 55 万（缩短了 10 年的还款期限，少还了将近 100 万利息，对于我们这种不理财只闷头赚钱的零风险承担能力者来说，爽！），然后看时间比较充足就拉着老婆去蓝色港湾看车去了。&lt;/p&gt;
&lt;p caption=&#39;来提前还款的人非常多&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/94b95b93-b7de-49fb-b5cd-78e065b2bdcb.webp&#39; alt=&#39;来提前还款的人非常多&#39; title=&#39;来提前还款的人非常多&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;【看车】特斯拉蓝港体验店&#34;&gt;【看车】特斯拉蓝港体验店&lt;/h3&gt;
&lt;p&gt;本来从北门进一路下来先遇到理想店，但是着急去洗手间，所以直接略过了，在去洗手间的路上碰到了特斯拉，所以先去看了下特斯拉 Model Y。&lt;/p&gt;
&lt;p&gt;「浮夸是浮夸者的通行证，简洁是简洁者的墓志铭」：&lt;/p&gt;
&lt;p caption=&#39;仪表盘都没有&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/54ff4969-bdce-4bff-bf41-6bbc055c808d.webp&#39; alt=&#39;仪表盘都没有&#39; title=&#39;仪表盘都没有&#39;&gt;&lt;/p&gt;
&lt;p&gt;如网上所说，毛坯房内饰，但是让我震惊的是，老婆很喜欢，说这就是科技电车应该有的简洁，别的车整的有的没的，技能点加的什么乱七八糟的（比如蔚来的那个车载小精灵，下面有提到）。&lt;/p&gt;
&lt;p&gt;然后基本就是简约风，坐上去感受了下，不错；看了看储物空间，贼大，不错；看了看外形，摸了摸金属漆，不错（此处点一下比亚迪宋 Plus 的薄车漆）。&lt;/p&gt;
&lt;p caption=&#39;超充和普充口在一起&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/5b95ad4b-8407-4fd9-a9b1-381e8bccec14.webp&#39; alt=&#39;超充和普充口在一起&#39; title=&#39;超充和普充口在一起&#39;&gt;&lt;/p&gt;
&lt;p&gt;老婆和我看完都想买，就有点上头的感觉，于是我们各自发了个朋友圈，问问大家特斯拉有什么不能买的缺点。朋友有说刹车问题的、有说价格问题的、有推荐其他品牌的、有睡觉送枕头的：&lt;/p&gt;
&lt;p caption=&#39;提出问题征求意见&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/52451a7c-5842-44c6-9492-6d95bc21c681.webp&#39; alt=&#39;提出问题征求意见&#39; title=&#39;提出问题征求意见&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;刹车问题1&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/c096bf6d-4565-4d3e-b755-3c481be8bc0b.webp&#39; alt=&#39;刹车问题1&#39; title=&#39;刹车问题1&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;刹车问题2&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/3333ae7a-7676-4122-a5a4-937d5b779406.webp&#39; alt=&#39;刹车问题2&#39; title=&#39;刹车问题2&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;电池自燃1&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/4c0b66bb-bb66-40ab-9fa2-f1afcf1adc85.webp&#39; alt=&#39;电池自燃1&#39; title=&#39;电池自燃1&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;价格因素1&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/9ad5b06f-6bdf-4589-97be-437c93fd582f.webp&#39; alt=&#39;价格因素1&#39; title=&#39;价格因素1&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;价格因素2&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/6af4df6b-798c-4f95-b658-2269c7850893.webp&#39; alt=&#39;价格因素2&#39; title=&#39;价格因素2&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;价格因素3&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/d8f86ad9-624f-43ea-96d5-fb4f89de3de8.webp&#39; alt=&#39;价格因素3&#39; title=&#39;价格因素3&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;推荐其他品牌1&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/8be9a44e-7067-408c-ae54-edf41c35a4ff.webp&#39; alt=&#39;推荐其他品牌1&#39; title=&#39;推荐其他品牌1&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;推荐其他品牌2&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/3ca36c88-fef5-4f69-a697-0877adc8bc3f.webp&#39; alt=&#39;推荐其他品牌2&#39; title=&#39;推荐其他品牌2&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;推荐其他品牌3&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/62c27b2c-5674-4f39-98a1-8f8920dc7d03.webp&#39; alt=&#39;推荐其他品牌3&#39; title=&#39;推荐其他品牌3&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;推荐其他品牌4&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/ba0fc7b9-58c8-413b-9f77-cbceea30bb19.webp&#39; alt=&#39;推荐其他品牌4&#39; title=&#39;推荐其他品牌4&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;推荐其他品牌5&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/89c910e3-882e-4134-a7b2-cd565d1b927f.webp&#39; alt=&#39;推荐其他品牌5&#39; title=&#39;推荐其他品牌5&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;还有睡觉送枕头的&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/df6d88cb-7245-4616-a795-8780270a3d3e.webp&#39; alt=&#39;还有睡觉送枕头的&#39; title=&#39;还有睡觉送枕头的&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;【看车】理想蓝港体验店&#34;&gt;【看车】理想蓝港体验店&lt;/h3&gt;
&lt;p&gt;超 30 万的电车，太贵，算了。理想 one 看有人到手才 24 万，不知道怎么操作的，可能去年买的，有补贴。店面在门口我们随便问了问照片都没拍直接走了。&lt;/p&gt;
&lt;h3 id=&#34;【看车】奥迪-q4-蓝港临时展台&#34;&gt;【看车】奥迪 Q4 蓝港临时展台&lt;/h3&gt;
&lt;p&gt;刚好看到门口有奥迪 Q4 电车的展车，就去看了下，结果自始至终都没人搭理我们，可能我们不是他们的目标客户吧：&lt;/p&gt;
&lt;p caption=&#39;拽拽的奥迪神秘又美丽&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/0e6bcc3e-c248-4457-b8c8-4d05629ad4c5.webp&#39; alt=&#39;拽拽的奥迪神秘又美丽&#39; title=&#39;拽拽的奥迪神秘又美丽&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;【看车】福特电马蓝港体验店&#34;&gt;【看车】福特电马蓝港体验店&lt;/h3&gt;
&lt;p&gt;毕竟福特也是老品牌了，世界上第一条汽车流水线发明者，虽然之前没了解过这个品牌，刚好碰见了就给个面子去看看。外形上没什么好说的，见仁见智。就是这个中控台，不知道为什么总给人一种「老男人穿潮牌想装年轻但是年纪在那儿摆着没装成功」的感觉：&lt;/p&gt;
&lt;p caption=&#39;福特电马&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/370d825b-bf15-42f2-af37-f3918ea99341.webp&#39; alt=&#39;福特电马&#39; title=&#39;福特电马&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;金属漆不错&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/8d532d13-35c3-4c0c-b7c8-a875d4017922.webp&#39; alt=&#39;金属漆不错&#39; title=&#39;金属漆不错&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;外形还可以&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/a770afe0-b127-4654-a4ab-ab786d6378ce.webp&#39; alt=&#39;外形还可以&#39; title=&#39;外形还可以&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;【看车】蔚来蓝港体验店&#34;&gt;【看车】蔚来蓝港体验店&lt;/h3&gt;
&lt;p&gt;蔚来的车配置很高，里面整了一堆有的没的，比如放到中间的那个类似天猫精灵的那个东西，车也很大，所以卖的也贵，也没必要，跟我们的预期不符。&lt;/p&gt;
&lt;p caption=&#39;一堆有的没的&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/27c165b6-0e18-4114-a72f-3310f3d777bf.webp&#39; alt=&#39;一堆有的没的&#39; title=&#39;一堆有的没的&#39;&gt;&lt;/p&gt;
&lt;p&gt;PS：后来刷抖音看到有人对中间那个「小精灵」做了个装饰，感觉毫无违和感（波波）：&lt;/p&gt;
&lt;p caption=&#39;毫无违和感，人才啊！&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/d13e012f-67c9-4686-8c6b-734a274b7695.webp&#39; alt=&#39;毫无违和感，人才啊！&#39; title=&#39;毫无违和感，人才啊！&#39;&gt;&lt;/p&gt;
&lt;p&gt;注：波波是七龙珠里面的角色，作为神的仆人和伙伴（日本漫画从右往左看）：&lt;/p&gt;
&lt;p caption=&#39;波波初次登场&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/a6f748c3-6a5a-4f02-93cb-400c4c330d9a.webp&#39; alt=&#39;波波初次登场&#39; title=&#39;波波初次登场&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;【看车】大众-id-蓝港体验店&#34;&gt;【看车】大众 ID 蓝港体验店&lt;/h3&gt;
&lt;p&gt;大众 ID 的广告经常出现在我的朋友圈，这次去看的什么型号忘了，好像是 ID.4，没想买，只是去体验一下，另外价格也不便宜，销售也不热情：&lt;/p&gt;
&lt;p caption=&#39;主驾视角&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/fe294ef6-0c28-441b-a3db-959361f9c981.webp&#39; alt=&#39;主驾视角&#39; title=&#39;主驾视角&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;【看车】极狐蓝港体验店&#34;&gt;【看车】极狐蓝港体验店&lt;/h3&gt;
&lt;p&gt;之前在第一次看比亚迪的时候在三里屯查看附近汽车门店的时候，地图上看到过极狐，但是去了之后发现那个地方并没有门店，于是网上找到客服，留下了电话，然后就一直接到极狐销售人员的电话要我们去蓝港店试试，我都说了几遍如果去的话会提前联系，结果还是一快到周末就打电话，很烦。另外电动车看了特斯拉，其他的车就不想买了，随便看看做个对比：&lt;/p&gt;
&lt;p caption=&#39;主驾视角&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/cfe961ac-1e26-4f84-8fe9-5344c4d52dbc.webp&#39; alt=&#39;主驾视角&#39; title=&#39;主驾视角&#39;&gt;&lt;/p&gt;
&lt;p&gt;没什么感觉，没什么优势，销售也不热情。&lt;/p&gt;
&lt;p&gt;电车差不多看了一遍，没看的还有埃安、高合等，虽然有些电车我们并不是目标群体，但是我们就是想去看看差异，看看高端和低端的区别在哪些方面，不过碍于特斯拉在我们心里面的地位，所以后面基本就没看电车了。&lt;/p&gt;
&lt;p&gt;另外，如前所言，我们一开始并没有油车和电车的偏好，只是看到了特斯拉后非常喜欢，这让我很多朋友误以为我要买电车就不考虑油车了，还是那句话「综合对比」。&lt;/p&gt;
&lt;p&gt;既然看油车，就要知道油车的一些基本参数是什么意思，下面简单科普一下，说是科普，其实原理看完就忘，只是记住如何分辨好坏了（其实我一开始也啥都不知道，遇到不懂的勤搜就行了）：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;三缸/四缸发动机： 四缸的比三缸的好，四缸的比三缸的稳，开车不抖动（想想四轮、手扶拖拉机发动机的「顿顿顿」声音就知道了）。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;油耗： 就是百公里油耗，也就是跑 100 公里需要多少升的汽油。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;百公里加速：即跑到一百公里每小时的速度所需要的时间，时间越短说明发动机的性能越好。通常情况下由于原理限制，电车的百公里加速度会比油车要短，这也是电车的卖点之一，因为通常油车中只有跑车的百公里加速度才能在 5s 以内，而电车的加速度跑进 5s 很轻松。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;进气方式：分两种，自然吸气，和涡轮增压。玩过跑跑卡丁车、QQ 飞车的都知道，就不说了。涡轮增压的发动机会在数字后面带个「T」字母，如 1.5T、2.0T&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;排量：就是全部气缸工作一次的的距离乘以气缸的横截面积。常见的有 1.4、1.5、2.0。数字越大，劲儿越大。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;95/92 号汽油：具体什么意思我忘了，记住 95 比 92 贵就行了，车辆说明书上会写当前车适合加哪种油。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;扭矩：扭矩越大越有劲儿，加速越快，不过加速快还跟车身重量有关系，车轻了，加速就快，初中物理 F=ma。其他的如马力、功率、转速，都是越大越有劲儿，跑的越快（一般情况）。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;变速箱档位：一般都是自动挡。常见的什么 6、7、8、9 挡的都有，越大加速越平稳。自动挡之所以叫「自动」就是因为它能自能帮你挂挡，免去了手动挡的起步抵挡，加速后还要手动挂高档的麻烦。当最大速度一定的时候，挡数越大，step 越小，每挡之间加速越平稳。还有所谓的「手自一体」，也就是可以当自动挡开，也可以当手动挡开，以体验驾驶的乐趣。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;变速箱类型：&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;驱动方式：有前驱和后驱，也就是发动机放在车辆的哪个位置。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;悬挂：就是车身是如何放到轮子上的，这个「怎么放」很讲究，好的悬挂可以有效增加驾驶体验，尤其是过弯的时候，好的悬挂可以最大程度避免车辆倾斜，减少发生侧倾的风险。网上有人常说「悬挂硬」，就是表示拐弯的时候车身倾斜幅度大，而拐弯后又恢复正常的过程，会造成驾驶者和乘客的颠簸甚至晕车。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;轮胎大小： 轮胎越大，风阻越大，油耗越大。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;驾驶模式： 常见的有标准、运动，运动就表示驾驶者能明显感受到轮胎下细小的振动，如压过一个石子儿、过一个坎等，适合需要时刻知道车辆状态以达到「人车合一」境界的高手。一般使用标准，可以有效减少振动。还有的车有柔和模式，这种模式下会最大程度避免在过坑洼的时候的颠簸感。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;轮胎类型：轮胎也分运动型等，与车辆的运动、标准类似。另外轮胎的薄厚也影响驾驶体验。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;辅助驾驶：目前市面上的都是 L2，即辅助驾驶，就是可以帮你在你手不离开方向盘的情况下，让你的脚和眼睛歇会儿，实现自动跟车、自动变道、自动车道保持等功能。目前特斯拉做到了 L3，也就是自动驾驶，驾驶员可以双手离开方向盘，让车辆自己开。&lt;strong&gt;不过目前特斯拉的自动驾驶在中国不允许上路行驶&lt;/strong&gt;。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;6 万公里保养总成本：含零部件检修、更换等操作。油车的机械结构复杂性决定了它的保养成本远高于电车。如油车有火花塞、导油管、气缸盖等，而电车最重要的只有三个部件：电池、电机、电控，其中最复杂，出事最多的是电控。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;三电：指电车的电池、电机、电控，它代表了一辆车的性能和质量。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;主动安全：代表了车企的技术水平，含主动刹车、主动避让、车道偏离预警等。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;其他：供油方式、缸体材料、制动器类型、胎压检测、HUD、驻车雷达，顾名思义即可，网上也很少有对比这些东西的，就没仔细看了。&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;网上了解了 20 ~ 30 万的合资油车，基本有： 宝马 X1，凯迪拉克 XT4，沃尔沃 XC40，奥迪 Q3，奔驰 GLC，林肯冒险家。下面逐个看。&lt;/p&gt;
&lt;p&gt;首先肯定是在网上调研一圈，发现网上对各自的评价有以下问题，有些可以直接在看车和试驾的时候验证，而有些要等上高速或者跑一段时间才能知道了：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;宝马 X1：配置不厚道，7 级变速，三缸发动机（后来升级成四缸了）顿挫感强，大家都说花钱买了个标。宝马 iX1 国外出了个插电混动版，但是国内还没上市，可以等等看。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;凯迪拉克 XT4，参数和外形我都很喜欢，2.0T 的发动机，237 的扭矩，比其他的车 1.5T、1.4T 和 173 的扭矩劲儿大。支持 CarPlay，缺点是一个测评说后座空间小，一个是油耗大，省点开能到 7 点几个油，正常开是 8 点个油，在城市里开的话走走停停的要上 10 个油了，这么算下来按照我每天 50 公里上上下班路程，每天都开车的话一年将近 1 万的油费，老婆说太贵了。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;沃尔沃 XC40，朋友（女生，单身女青年有车有房且无车贷房贷，欢迎在北京的优质男青年来聊，要求不油腻自身条件相当）买的是这款，不想撞款了，不过也不是不行，据朋友反馈车的后备箱比较小，她买的副驾没有电动调节（不过我看 2023 款低中高配都有）其他的没有明显缺点。加上安全性、车内味道材质等，是我们考虑的主要油车型号。&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;202-02-11-小区特斯拉车主&#34;&gt;202.02.11 小区特斯拉车主&lt;/h3&gt;
&lt;p&gt;周六外出回来在小区里面路上走的时候，特意数了数多少人买了特斯拉，发现很多，光我们楼下就有三辆 Model Y，一辆红色的 Model 3。于是凑近看了看，然后突然看到车灯闪了一下，隐约记得特斯拉有哨兵模式，就是如果检测到有人靠近车就会报警然后发送通知给车主手机 App。&lt;/p&gt;
&lt;p&gt;不过无所谓，我们又不是坏人。凑近看到车主放在前面的电话后我就加了他好友，问了问关于望京充电、冬天开车的体验、表显和实际里程数等，问题不大的样子：&lt;/p&gt;
&lt;p caption=&#39;询问小区陌生特斯拉车主&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/38905045-f8cc-4122-996a-c486a967d4b9.webp&#39; alt=&#39;询问小区陌生特斯拉车主&#39; title=&#39;询问小区陌生特斯拉车主&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;2023-02-18-金港汽车公园&#34;&gt;2023.02.18 金港汽车公园&lt;/h3&gt;
&lt;p&gt;周六中午吃过饭就说去看车，结果老婆吃完饭就困了，睡到下午 4 点。我之前看车的都是位于商城的体验店，他们都是跟商场一样晚上 10 点下班，所以我想当然的以为这些 4s 店也都是 10 点下班，于是就出发了。&lt;/p&gt;
&lt;h3 id=&#34;【看车】凯迪拉克&#34;&gt;【看车】凯迪拉克&lt;/h3&gt;
&lt;p class=&#39;content-callout&#39; style=&#39;background: undefined; color: undefined;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;💡&lt;/span&gt;&lt;span&gt;名字叫北京路通威汽车销售服务有限公司。&lt;/span&gt;&lt;/p&gt;
&lt;p caption=&#39;金港西门进去就是&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/db5b63b7-cbd4-4189-b723-461b3b10d048.webp&#39; alt=&#39;金港西门进去就是&#39; title=&#39;金港西门进去就是&#39;&gt;&lt;/p&gt;
&lt;p&gt;去了之后先去看了凯迪拉克 XT4，确实好看，第一次看没什么经验，就拍了张照片，问了问油耗优惠等。&lt;/p&gt;
&lt;p caption=&#39;主驾视角&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/acab4351-3f0b-47f9-b2cc-0773fb5f5493.webp&#39; alt=&#39;主驾视角&#39; title=&#39;主驾视角&#39;&gt;&lt;/p&gt;
&lt;p&gt;同事说她买的是 XC40，之前也看过 XT4，感觉爹味太浓，算了就。我和老婆感觉都很喜欢，凯迪拉克有种豪车的感觉（虽然是二线豪车），用料扎实，而且配置很有诚意，因为凯迪拉克无论是 XT4、XT5 还是其他车型，用的都是统一的 2.0T 发动机，没有像其他车一样，低端车用低端发动机，需要加价才给你配置的舒服，所以我是比较倾向于凯迪拉克的。&lt;/p&gt;
&lt;p&gt;问了问价格，销售说指定几款车型颜色可以贷款，也可以全款。我说我们准备租车牌，销售说没有问题，租车人和实际承租人可以分开（传说中的「指贷分离」）。我问是贷款划算还是全款划算，他说肯定是贷款划算，说银行贷款给你后，会给我们 4s 店返点，我们会把这个返点优惠到车价里面给顾客。但是注意，这里销售没有跟我们说「金融服务费」的事情，但是据我所知，这笔钱是要给 4s 店的。于是我说，是不是还有个金融服务费？他犹豫了一下说有的，不过可以谈。这里就让我不舒服了，因为这是一个不诚实的销售，我是一个多疑的人，一个不诚实的销售是无法取得我的完全信任的。后面我去看沃尔沃，销售主动跟我们说贷款只有支付给银行的利息，没有给 4s 店的金融服务费。&lt;/p&gt;
&lt;p&gt;我之前看的电车，都是现在下订单，然后几周后提车，都是现做的，当然也有现车，但是都是打折出售的（如上面说的小鹏）。所以对这个现车销售感到困惑，不过后来我问了问我同事，他说油车都这样很正常，只要提车时，车上铭牌上的出厂时间离现在不要太久，不超过半年即可。&lt;/p&gt;
&lt;p&gt;然后就聊到油耗，销售说「看个人习惯，有些车主可以开到 8 个字」，我当时就震惊了。因为我之前算过一笔账，就是是按「最大」油耗 8 升/百公里 算的，一年要花将近 1 万油钱。但是现在，听销售的意思，我还得省点开车，才能到 8 升，然后再问，他说，如果你脚脚地板油的话，车主业有开到 12 的。我心里有点无语，看了看媳妇儿，她也有点无语，本来还想买 XT4 的，看来还得再考虑下了。&lt;/p&gt;
&lt;p&gt;来金港还想看奔驰的 GLB、GLC，但是凯迪拉克的销售告诉我说这个汽车中心没有普通的奔驰，都是商务奔驰车，我们就没去看了。&lt;/p&gt;
&lt;h3 id=&#34;【看车】沃尔沃&#34;&gt;【看车】沃尔沃&lt;/h3&gt;
&lt;p class=&#39;content-callout&#39; style=&#39;background: undefined; color: undefined;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;💡&lt;/span&gt;&lt;span&gt;名字叫北京燕豪汽车销售服务有限公司。&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;然后去了沃尔沃，正如前所言，我以为这儿的店都是 10 点下班，结果他们 5 点半就下班了，所以我们去的时候一个销售接待我们的都没有，于是我们就简单的看了看车就回去了。&lt;/p&gt;
&lt;p caption=&#39;主驾视角&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/739bd04d-69d6-449b-b32b-6e1f10ca98ff.webp&#39; alt=&#39;主驾视角&#39; title=&#39;主驾视角&#39;&gt;&lt;/p&gt;
&lt;p&gt;然后走到大门的路上，看到门口就是宝马，就是就准备去看看 X1，结果被告知 X1 没有展车，虽然本来就没考虑 X1，但是好歹去看看体验下大家说的「只是买了个标」也不是不行，结果连看都没看到，无语。&lt;/p&gt;
&lt;p&gt;金港对面有个蟹岛的特斯拉交付中心，不知道能不能试车，而且离这边有 2 公里左右，加上那天的风很大，就没去看直接回家了。&lt;/p&gt;
&lt;h3 id=&#34;2023-02-19-望京特斯拉中心&#34;&gt;2023.02.19 望京特斯拉中心&lt;/h3&gt;
&lt;h3 id=&#34;【试驾】model-y&#34;&gt;【试驾】Model Y&lt;/h3&gt;
&lt;p&gt;跟朋友中午在家吃过饭之后我们三人就一起朋友开车去了望京特斯拉中心，说实话也没什么好看的，只是想再来了解下，因为之前是在体验店看的，没有到稍微大一点的中心店看看，刚好朋友也没体验过特斯拉，她也有车，就一起来看看顺便试驾了一下。&lt;/p&gt;
&lt;p&gt;来之后，有位销售接待我们，但是因为我们没有预约，说到一半去接待有预约的客人了，我们被晾到一边，直到我提出想试驾一下，才有另一个销售过来跟我们一起试驾。在我们看车的过程中有三四对人过来看车，都是情侣，男秃女美的那种，看着都是技术男，哈哈。&lt;/p&gt;
&lt;p&gt;这个销售是个小伙子，比较年轻，也比较热心，跟我们介绍车怎么开，怎么打转向灯，怎么挂挡，怎么开辅助驾驶。本来是我朋友试驾的，看到这么简单，开到一半我问能不能开到一个宽敞的地方，我也想试驾一下，但是我拿驾照没摸过车。特斯拉的销售小哥一直跟我说「完全可以，这车很好开的，没事儿你尽管开，蹭了刮了的我们有保险算我们的跟您没关系」，所以我才在销售小哥和朋友和老婆的紧张注视下试驾了一下，然后从那儿开回到体验店了。一路上都是单踏板模式，确实比较好开也比较顺利的回到店里了。&lt;/p&gt;
&lt;p&gt;朋友反馈说这车的方向盘比她的沃尔沃方向盘沉，我之前开过表弟的比亚迪宋 Plus DM-i，比较而言特斯拉的方向盘确实比较重，但是稍微打个方向盘，车辆就能转很大的弯，Mode X 和 Model S 的方向盘甚至是方形的，叫「Yoke」，如下图：&lt;/p&gt;
&lt;p caption=&#39;方形方向盘&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/c91fc368-a65b-4a25-8fd5-ca594d894ef3.webp&#39; alt=&#39;方形方向盘&#39; title=&#39;方形方向盘&#39;&gt;&lt;/p&gt;
&lt;p&gt;试想如果转动比不高的话，就不可能做成方形的。我之前学车的时候，方向盘都得打好几圈才能打死，特斯拉只需要一圈就可以拐弯。不过朋友说比沃尔沃 xc40 沉，这个要等我去体验一下 xc40 再说了。&lt;/p&gt;
&lt;p&gt;后话：后来订车后，又去蹭试驾车涨经验，刚好蓝港到了一辆 Model S，就去摸了摸，确实不错。所以说 Mode Y/3 内饰差，还是因为成本考虑，水军还洗地，说什么特斯拉走极简科技风，无语。&lt;/p&gt;
&lt;p caption=&#39;17 寸可以倾斜的中控屏和方形方向盘和仪表盘&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/b151579a-84e2-46d8-8109-ae8b7f077727.webp&#39; alt=&#39;17 寸可以倾斜的中控屏和方形方向盘和仪表盘&#39; title=&#39;17 寸可以倾斜的中控屏和方形方向盘和仪表盘&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;ModelS 后面也有屏幕和空调、座椅加热&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/f3b5db01-ad16-4e7c-bcd4-a0e21dbd6a76.webp&#39; alt=&#39;ModelS 后面也有屏幕和空调、座椅加热&#39; title=&#39;ModelS 后面也有屏幕和空调、座椅加热&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;考虑-model-y-版本&#34;&gt;考虑 Model Y 版本&lt;/h3&gt;
&lt;p&gt;其实主要就是电池的差异，磷酸铁锂电池和三元锂电池的差异，前者耐高温、成本低、低温续航较差；后者不耐高温、成本高、低温续航较好。因此我们在寒冷的北京更考虑长续航版。&lt;/p&gt;
&lt;p&gt;巧合的是，我们刚开始考虑特斯拉的时候，刚好特斯拉 model Y 的价格标准续航下降到 25.99 万，长续航为 30.99 万，而在我们看车犹豫要不要买电车的时候，特斯拉的这两个版本各自上涨了 2000 元，也就是一个 AirPods Pro 2 的价格还多，这让我有点接受不能，于是发微博吐槽道（涨了 4k 是口误了，其实是各个版本涨了 2000）：&lt;/p&gt;
&lt;p caption=&#39;特斯拉快降价吧求求了！&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/75b5a961-ec6d-486a-8d84-b04a4493870b.webp&#39; alt=&#39;特斯拉快降价吧求求了！&#39; title=&#39;特斯拉快降价吧求求了！&#39;&gt;&lt;/p&gt;
&lt;p&gt;计划赶不上变化。在老婆跟她同事和她前领导吃了顿饭，所谓「听人劝吃饱饭」，所以听了听他们的建议，准备看看同事们推荐的「领克」，之前一直关注的是一些比较知名的，领克这个牌子还真没怎么听说过，只知道是油车，但是油车之前没怎么开过，所以就准备再试驾一下油车。&lt;/p&gt;
&lt;p&gt;因为之前试驾特斯拉的经历，让我没那么害怕开车，但是还是有点不放心，毕竟油车可能还有点不一样，于是周六约了个同事推荐的陪练师傅，从西城复兴门，开到望京家门口，开了三个小时的车，因为是下午将近 4 点才开始开车，又因为西城红绿灯特别多，所以全程时速超过 60 的就没几分钟，而且三个小时就是 7 点，开到家的时候天都黑了，所以还顺便练了一下夜间行车，感觉还行，于是晚上到家吃完饭收拾完差不多 9 点左右，直接约第二天周日的试驾了，分别有沃尔沃 XC 40、凯迪拉克 XT4，看到那儿还有林肯冒险家和比亚迪（虽然不买，但是试试差异），但是打门店电话打不通，只好第二天去了直接试驾了。&lt;/p&gt;
&lt;p caption=&#39;金港门店位置分布&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/bd9373e2-c0ce-4126-864a-e1638023b25b.webp&#39; alt=&#39;金港门店位置分布&#39; title=&#39;金港门店位置分布&#39;&gt;&lt;/p&gt;
&lt;p&gt;另外还想趁着油车的手感，再试试也在附近的特斯拉蟹岛交付中心（特斯拉北京有两个交付中心，其中一个就在蟹岛）里的 Model Y。但是因为 9 点 50 才到，去的晚，所以最后只试了前三个品牌就到 12 点，然后就回家了。&lt;/p&gt;
&lt;h3 id=&#34;2023-02-26-金港试驾&#34;&gt;2023.02.26 金港试驾&lt;/h3&gt;
&lt;h3 id=&#34;预约&#34;&gt;预约&lt;/h3&gt;
&lt;p&gt;这里先说说预约时间的过程。在沃尔沃、凯迪拉克、林肯这三个品牌中，林肯是提前没有预约直接去的，因为并不打算买它，只是跟其他两者的驾驶感受做个对比。因为之前去过一次金港沃尔沃，但是当时他们销售下班了，就没看到销售就走了，所以周五的时候就联系我说让我过去试驾一下，我当时并没有计划说要过去，所以就说下周末才有空。然而当我练完车后又反悔了，觉得还是得趁着手热去试驾一下，于是在周六晚上 9 点多联系沃尔沃的那位售前销售说我说我要过去试驾一下的时候，她仍然很热情，猜测应该是有绩效和提成业绩的。&lt;/p&gt;
&lt;p&gt;凯迪拉克因为我之前去看过，当时看完车后销售加我微信我应该是因为疏忽忘了回，也就没加，销售估计觉得受到冷落了，或者猜我不想买凯迪拉克了，所以也就没联系我了。当我晚上 9 点联系完沃尔沃之后，就联系了凯迪拉克的销售说想去试驾，销售也说没问题，不过回复消息很慢，可能跟他们使用企业微信有关系。&lt;/p&gt;
&lt;p class=&#39;content-callout&#39; style=&#39;background: undefined; color: undefined;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;💡&lt;/span&gt;&lt;span&gt;这里插一句，特斯拉、沃尔沃、林肯，他们的销售加我用的都是个人微信，只有凯迪拉克加我的全部销售，用的都是企业微信。&lt;/span&gt;&lt;/p&gt;
&lt;p caption=&#39;金港公园西门，进去就是凯迪拉克（忽略棒子的捷尼赛思门店和里面的小鹏）&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/c91bb73f-100d-4aef-ba85-b546d8fbb1f2.webp&#39; alt=&#39;金港公园西门，进去就是凯迪拉克（忽略棒子的捷尼赛思门店和里面的小鹏）&#39; title=&#39;金港公园西门，进去就是凯迪拉克（忽略棒子的捷尼赛思门店和里面的小鹏）&#39;&gt;&lt;/p&gt;
&lt;p&gt;上面说试驾了沃尔沃 XC40、林肯冒险家、凯迪拉克 XT4，这里就说一下各自的经过穿插一下相同试驾过程（因为试驾三家选择的路线都是一样的，可能是因为我跟他们都说了我是新手，所以他们都不约而同的选了附近驾校一段作为科目三场地的路段作为试驾路线）中的不同对比之处，老婆今天睡懒觉，所以这次试驾是我自己去的。&lt;/p&gt;
&lt;p class=&#39;content-callout&#39; style=&#39;background: undefined; color: undefined;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;💡&lt;/span&gt;&lt;span&gt;这里注意一下，试驾协议中有可能有「试驾过程造成车辆的损伤费用，由试驾者出。」的内容。我以为试驾车都像特斯拉一样「您随便开，刮了蹭了算我们的，您不是刚开车吗？没事儿来我们店里找我用 Model Y 练车都行，我给你当陪练」，后来试驾凯迪拉克的时候销售才告诉我「试驾车尽量避免剐蹭，不然损失算试驾者的」我才知道并不是每一家的服务都像特斯拉那么好。&lt;/span&gt;&lt;/p&gt;
&lt;h3 id=&#34;【试驾】沃尔沃-xc40&#34;&gt;【试驾】沃尔沃 XC40&lt;/h3&gt;
&lt;p&gt;因为先联系的沃尔沃那位热心的销售，所以先去了他们店。&lt;/p&gt;
&lt;p caption=&#39;沃尔沃燕豪店&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/4b99c03c-4ab5-4b80-89ed-fbd612d5de79.webp&#39; alt=&#39;沃尔沃燕豪店&#39; title=&#39;沃尔沃燕豪店&#39;&gt;&lt;/p&gt;
&lt;p&gt;进来之后才知道接待我的并不是那位销售，因为她只是售前销售，负责引流的，到店之后的讲解和试驾是另一位销售（也是位女同志），&lt;strong&gt;沃尔沃的销售同时也陪同客户试驾&lt;/strong&gt;：&lt;/p&gt;
&lt;p caption=&#39;试驾的 XC 40&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/9c2a7a48-2518-4956-8d9d-ea216a798703.webp&#39; alt=&#39;试驾的 XC 40&#39; title=&#39;试驾的 XC 40&#39;&gt;&lt;/p&gt;
&lt;p&gt;去了开门见山：我联系了 xxx，今天要来试驾一下 xc40，在要了我的驾驶证后我就在旁边等着了，一会儿就有一位销售让我签了一个试驾协议（我没仔细看）后就带我出去试驾了，我说我刚开车没几天，属于新手，一会儿上路你给我找条人少的地儿，多指导一下，她说没问题。&lt;/p&gt;
&lt;p caption=&#39;等试驾期间拍下展车&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/4c0c6fd2-d869-4099-925a-4b341d824d36.webp&#39; alt=&#39;等试驾期间拍下展车&#39; title=&#39;等试驾期间拍下展车&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;后排空间&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/a424e48d-4d6e-44fc-8521-0318559608e5.webp&#39; alt=&#39;后排空间&#39; title=&#39;后排空间&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;后备箱空间&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/025f57f7-43d1-43ad-9621-6a009bd8b1e6.webp&#39; alt=&#39;后备箱空间&#39; title=&#39;后备箱空间&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;后侧视角&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/280093a4-f1bc-42cc-9a70-1f95b8603ae4.webp&#39; alt=&#39;后侧视角&#39; title=&#39;后侧视角&#39;&gt;&lt;/p&gt;
&lt;p&gt;销售同时也是试驾员，上车后就给我讲解车的启动、灯光等内容，因为我说了我是新手所以她先带我试乘，只让我开回来的路。试驾过程当然很顺利，除了过一个路口的时候，我没注意结果红灯了，但是我还是开过去了，销售跟我说没事儿，「扣分算我的」，让我很愧疚了一下。&lt;/p&gt;
&lt;p&gt;试驾过程中，销售就在旁边跟我讲解安全材质对宝宝好（因为我说了准备生孩子才看车的）、空气净化无污染，北京这天气这个功能非常实用，全程都在讲解车，很不错。&lt;/p&gt;
&lt;p&gt;然后试驾完毕就去店里，她又很耐心的给我算了一下分期和不分期的钱，相关内容我放到后面说这里就不穿插这个知识点了。&lt;/p&gt;
&lt;h3 id=&#34;【试驾】林肯冒险家&#34;&gt;【试驾】林肯冒险家&lt;/h3&gt;
&lt;p&gt;相比而言，林肯的全程就挺离谱，我先被大门（还没到室内）保安拦住，问「你来干什么的？叫什么名字？有约销售否？」（离谱+1）我很诧异，反问道：「现在不是没疫情了吗？咋，这是不让进还是要登记啊？我来看看车试驾一下，没约销售」说着我就走到楼门口了，然后身后的保安大喊：「曹先生！接待一下！来试驾的！」（离谱+2）然后一排的人，大概 7、8 个，站在门口说「欢迎光临~」，我又诧异了一下，心里道「他们都不上班的吗，净站门口欢迎光临就能赚工资？？？」（离谱+3）。&lt;/p&gt;
&lt;p caption=&#39;保安亭在我身后&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/c9b12731-bd96-44ca-9474-050942547baa.webp&#39; alt=&#39;保安亭在我身后&#39; title=&#39;保安亭在我身后&#39;&gt;&lt;/p&gt;
&lt;p&gt;然后有个大叔模样的人，其实他在门口就看到我了，但是他没理我（不爽），直到我进去了说我想看冒险家，试驾一下，他才跟着我过来，然后带我到冒险家车旁边说这辆就是，（因为我之前没看过林肯的实车）然后我就上去坐了坐，感受了一下车坐垫、后备箱、后排空间等。有以下特点：&lt;/p&gt;
&lt;p caption=&#39;车门带密码锁（离谱+4）&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/d4446de9-9939-416b-87f6-598c523b747a.webp&#39; alt=&#39;车门带密码锁（离谱+4）&#39; title=&#39;车门带密码锁（离谱+4）&#39;&gt;&lt;/p&gt;
&lt;p&gt;后排空间挺大的，这个终于正常点了：&lt;/p&gt;
&lt;p caption=&#39;腿放后面离前座甚至还有四个五拳头&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/eea4407a-9fd2-41ee-9c17-6012fa957e41.webp&#39; alt=&#39;腿放后面离前座甚至还有四个五拳头&#39; title=&#39;腿放后面离前座甚至还有四个五拳头&#39;&gt;&lt;/p&gt;
&lt;p&gt;档位设计的很新颖，按钮式的，注意看中控台下方的空调口下方的档位按钮：&lt;/p&gt;
&lt;p caption=&#39;不怕坐在副驾的熊孩子乱按档吗？（离谱+5）&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/31cb3d92-87e2-4ed9-b12f-713b38b5c973.webp&#39; alt=&#39;不怕坐在副驾的熊孩子乱按档吗？（离谱+5）&#39; title=&#39;不怕坐在副驾的熊孩子乱按档吗？（离谱+5）&#39;&gt;&lt;/p&gt;
&lt;p&gt;座位调节按钮放到车门上，后来看奔驰 GLC 发现也是如此（对不起林肯，我承认刚才说话有点大声）：&lt;/p&gt;
&lt;p caption=&#39;大可不必（离谱+6）&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/8a80feda-8763-4525-b30b-f4c3a9fa64ed.webp&#39; alt=&#39;大可不必（离谱+6）&#39; title=&#39;大可不必（离谱+6）&#39;&gt;&lt;/p&gt;
&lt;p&gt;后备箱的门打开的按钮在正中间偏右的位置，导致我我找了半天，这时另一位销售过来看到了说来我帮您开，整得我很尴尬（下图箭头处就是开后备箱的按钮位置）：&lt;/p&gt;
&lt;p caption=&#39;大可不必（离谱+7）&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/7ee29b18-c671-41ba-a41b-41fcd02d156a.webp&#39; alt=&#39;大可不必（离谱+7）&#39; title=&#39;大可不必（离谱+7）&#39;&gt;&lt;/p&gt;
&lt;p&gt;不过，林肯比较好的一点是，试驾的那位小哥很热心的讲解车辆情况，驾驶技术也非常好（相比我而言），&lt;strong&gt;人也很帅&lt;/strong&gt;，这里口头表扬一次。然后还是跟之前试驾沃尔沃一样，把我带到科目三考点让我开回去。&lt;/p&gt;
&lt;p caption=&#39;冒险家试驾车&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/85ccf305-80f8-4cbf-99e8-04a6e3e30d9a.webp&#39; alt=&#39;冒险家试驾车&#39; title=&#39;冒险家试驾车&#39;&gt;&lt;/p&gt;
&lt;p&gt;之后就回店里了，我让销售帮我算一下钱，比如贷款和不贷款的话价格如何、可否进行指贷分离等，那位销售说「您刚试驾这款车已经停产了，卖一辆少一辆，所以现在有优惠，但是因为考虑到您现在还不买车，得一个月以后才能用车了，所以一个月以后您可以等 23 款的冒险家，但是那个时候优惠就少了」（我让他给我算钱，他给我说新款旧款，离谱+8），然后只给我说了个大概价：最高 26 万，看我是买旧款还是新款，到时候确定了过来还可以谈。&lt;/p&gt;
&lt;h3 id=&#34;【试驾】凯迪拉克-xt4&#34;&gt;【试驾】凯迪拉克 XT4&lt;/h3&gt;
&lt;p&gt;去凯迪拉克门店的路上路过川崎摩托店，拍了下：&lt;/p&gt;
&lt;p caption=&#39;鬼子的新款三轮&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/0eb48a8c-a5f7-4d6a-b569-29eac92caa90.webp&#39; alt=&#39;鬼子的新款三轮&#39; title=&#39;鬼子的新款三轮&#39;&gt;&lt;/p&gt;
&lt;p&gt;最不爽的凯迪拉克的试驾了，因为过于闹心，我就只拍了展览车，试驾车等情况我都没拍：&lt;/p&gt;
&lt;p caption=&#39;被朋友说爹味很重的前面&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/e67f7382-ec53-4c10-9493-3c1412e131d6.webp&#39; alt=&#39;被朋友说爹味很重的前面&#39; title=&#39;被朋友说爹味很重的前面&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;紧凑型的 SUV 后备箱&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/3a6b88bb-81e0-4074-af03-83ae42300193.webp&#39; alt=&#39;紧凑型的 SUV 后备箱&#39; title=&#39;紧凑型的 SUV 后备箱&#39;&gt;&lt;/p&gt;
&lt;p&gt;首先进门之后还是之前那位销售（不是我约试驾的那位售前销售，是我第一次来的时候接待我的那位）接待的我，我说我今天想试驾一下，他上来就一句「上次您不是电话里说不考虑油车了吗？」，这整的我一愣，因为我确实前一阵特别想买特斯拉（上头的那种），然后恰好可能他打电话过来，我就说不考虑油车了；也可能因为我看了很多车，不记得哪个电话和他是谁了，可能当时我就随口说了一句「不考虑油车」，或者只是当时不考虑了，那现在我既然都来了，说明我又考虑了油车了，听他那口气就是不欢迎我来试驾的意思，妈的（不爽+1）。&lt;/p&gt;
&lt;p&gt;我说「对，但是因为之前试驾了特斯拉感觉不太好（其实恰恰相反，真是太好了！），所以还是想过来试驾一下油车（一拉一踩）看看」。然后就要我的驾照去登记了。过了一会儿，他回来了，告诉我说，您尽量开慢点别刮着蹭着，不然虽然车有保险，但是您还是要赔钱的。（你看我像赔不起？还是说我一看就是经常蹭车的人？我敢来试驾就说明我上过路好吗？不爽+2）。之后一位一直在旁边站着的大叔说，走吧，我带你去试驾，然后我就跟着他出去了。&lt;/p&gt;
&lt;p&gt;出去之后，这位大叔就一路猛踩油门，好像在炫耀车技，又好像是想节约时间好尽快回去，（不爽+3），一路辗转腾挪。等到我试驾的时候，他又在旁边指指点点「哎你怎么老调整方向盘啊？走直了就不用老动它，要不你晃车也晃」（老子是新手，妈的，不爽+4），「哎你这还是得练啊，你这开的不能上路啊！」（我要是能上路还用跟你说我是新手让你找个人少的地方试驾？不爽+5）。&lt;/p&gt;
&lt;p&gt;之后就回店里了，惯例让销售帮我算一下分期还是全款划算的情况，他就跟我说你用车时间一到两个月，所以现在算没必要，因为价格会波动。但是我坚持要他算一下，就按现在的价格，然后他就坐下来给我算了（不爽+6），价格上各种限制，贷款必须贷 70%，有给 4s 店的金融服务费等，税费价格方面下面单独说。&lt;/p&gt;
&lt;h3 id=&#34;试驾感受对比&#34;&gt;试驾感受对比&lt;/h3&gt;
&lt;p&gt;试驾 XC 40 这款车的时候，感觉上来说，确实跟那位买了 XC40，跟我一起试驾特斯拉 Model Y 的朋友说的一样，方向盘比较顺滑（后来知道特斯拉可以选择运动模式、舒适模式等可以调整方向盘的软硬度），相比而言特斯拉的方向盘就比较硬（所以特斯拉才会有方形的方向盘，因为稍微打一点就会拐弯，同时硬也有特斯拉自动驾驶的缘故）。我还试了试深踩油门加速、转向、猛踩刹车，等操作；用心感受了一下滤震（过坑洼、减速带时候的振动感觉）、静音性、气味等，都基本比较正常（因为我开车少），感觉不出什么不舒服之处。&lt;/p&gt;
&lt;p&gt;试驾林肯冒险家的时候，也试了试上面说的几项操作，感觉上来说，跟 XC40 类似，二者感觉上没有什么不同，就是陪同的小伙子比较好（当然 XC40 的女同志也好）。&lt;/p&gt;
&lt;p&gt;试驾凯迪拉克 XT4 的时候就有问题了，首先那个车速还没上 30 的时候（销售开车到试驾点过程中），车内就能感觉到非常大的噪音，我很诧异的问了下「车窗户都关了是吧」，然后销售说都关了，估计是知道我想问什么，接着补充道「这辆车的轮毂比较大，是 21 寸的轮毂，车胎偏硬，属于运动型的」，然后继续说「这车有经验的开，车下面一个石子儿都能感觉的出来，运动性很强」。于是我恍然大悟原来不同车的「运动型」表示的是这个意思，就是想达到「人车合一」的境界，就要用身体去感受车辆所受到的反馈，车颠簸，人也颠簸；车胎胎噪大，车内人听着声音也大。&lt;strong&gt;于是决定放弃凯迪拉克这款车&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;试驾了一圈后觉得基本就是在 XC 40 和 Model Y 之间纠结了。老婆在摸鱼的时候也在问别已经买了 Model Y 的同事的驾驶感受以及和准备买车的人交流心得，这一交流不要紧，差点激情下单：&lt;/p&gt;
&lt;p caption=&#39;激情燃烧的瞬间&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/0c7f8f45-9615-4dd4-abdc-18ab0d82e009.webp&#39; alt=&#39;激情燃烧的瞬间&#39; title=&#39;激情燃烧的瞬间&#39;&gt;&lt;/p&gt;
&lt;p&gt;后来问买了 XC40 的朋友说 XC40 有什么缺点的时候得知后备箱比较小、副驾驶没有电子调节（好像现在都有了，她买的老款）等，想再去看看 XC60，我说我不想去试驾 XC60 了，纯看看就行了，贵了好几万，而且算中型 SUV 太大了，也没必要。&lt;/p&gt;
&lt;p&gt;而时间马上也到了 3.1 号特斯拉投资者日，网传会有新款车发布，于是我制定了以下策略：&lt;/p&gt;
&lt;p caption=&#39;信誓旦旦的计划&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/d48514bb-870f-4bb5-b6c6-f2f137694f25.webp&#39; alt=&#39;信誓旦旦的计划&#39; title=&#39;信誓旦旦的计划&#39;&gt;&lt;/p&gt;
&lt;p&gt;然后突然想起来之前提到的领克还没看，不过在看了几个黑文之后就不考虑领克了，说传动轴生锈、异响、按键松垮，加上&lt;strong&gt;我们对国产的东西想当然的以为&lt;/strong&gt;，决定还是放弃领克了。&lt;/p&gt;
&lt;h3 id=&#34;2023-03-05-姚家园&#34;&gt;2023.03.05 姚家园&lt;/h3&gt;
&lt;p&gt;上次在金港试驾沃尔沃、凯迪拉克、林肯的时候，老婆早上要睡觉就没去，所以还想跟我一起去试驾一次，所以我原本打算去试试 XC60、奔驰 GLC 260、特斯拉 Model Y，但是找了半天并没有发现有一个地方这三者离得很近的，于是我请示了老婆两个方案：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;试驾沃尔沃和奔驰，回来的路上再找特斯拉试驾，此方案会去会去北辰亚运村汽车交易市场：&lt;/li&gt;
&lt;/ul&gt;
&lt;p caption=&#39;这里有很多车企&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/9e6c37a2-865d-4ca8-85f9-21f680119d25.webp&#39; alt=&#39;这里有很多车企&#39; title=&#39;这里有很多车企&#39;&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;试驾奔驰和特斯拉，回来的路上再找沃尔沃试驾，此方案会去姚家园附近：&lt;/li&gt;
&lt;/ul&gt;
&lt;p caption=&#39;姚家园特斯拉&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/4a80c63b-df38-4ca6-a0c5-5dab784f1da6.webp&#39; alt=&#39;姚家园特斯拉&#39; title=&#39;姚家园特斯拉&#39;&gt;&lt;/p&gt;
&lt;p&gt;请示了老婆，选了方案二，因为后者离她之前上班的地方猎豹软件园很近，刚好去看看，另一方面离朝阳大悦城很近，试完车可以去吃个饭。&lt;/p&gt;
&lt;h3 id=&#34;预约-2&#34;&gt;预约&lt;/h3&gt;
&lt;p&gt;预约过程也很有意思，先约的奔驰，直接就说我想去试驾 GLC，然后加了个微信就可以了，给你发个短信，售前销售加个微信告诉你地点就完事儿了。&lt;/p&gt;
&lt;p&gt;特斯拉的预约就很有意思因为我之前在望京特斯拉中心试驾过，所以这次去姚家园特斯拉中心的时候是能看到我试驾记录的，问我为什么在那边试驾完还去他们店里试驾，我就说了实话：上次是第一次试驾，而且还是蹭朋友的试驾机会，没怎么特别想体验的点，这次刚好来朋友这边吃饭看到她家附近你们店，就顺道过来体验下，顺便约了奔驰等其他车的试驾（顺便这个词我觉得用的很好），然后他就问我这次试驾着重想试哪点？我说一个是油车缓行模式，一个是方向盘轻重调节的舒适模式想试试，上次朋友说方向盘重，同时我觉得单踏板有安全隐患。然后他才说没问题，之后估计是很多他的潜在客户对特斯拉时不时的爆出刹车失灵等有顾虑，所以着重给我强调特斯拉是没有任何问题的（基本是这个意思，具体怎么说的我忘了），之后就约了时间。&lt;/p&gt;
&lt;p&gt;然后到了第二天（周五）又打电话联系我跟我确认了一下时间，说周末试驾的人多，怕我久等；然后第三天（试驾当天）又打电话联系我确认了一下时间（我寻思有必要反复确认时间吗？）。&lt;/p&gt;
&lt;p&gt;然后有意思的来了，在我去姚家园的路上，望京的销售小哥问我怎么去姚家园试驾了（我很惊讶他还关注我去哪儿试驾，用心了），说是不是要去下单了，还霸气的说他们能给的我这边肯定能给，特斯拉销售是直营（就是不像普通油车 4s 店一样跟经销商合作，而是工厂直接卖车），价格透明，所以你去任何店谈车价都是一样的，然后他们能送的话我们也能送。我说我上次在你那儿没试驾一些功能，这次来朋友这儿吃饭刚好附近有个特斯拉中心，就预约来看看了，今天应该不会下单，所以他这才放下心说下单一定找他！（太敬业了）&lt;/p&gt;
&lt;h3 id=&#34;【试驾】奔驰-glc-260-suv&#34;&gt;【试驾】奔驰 GLC 260 SUV&lt;/h3&gt;
&lt;p&gt;先预约的奔驰，就去店里了，地址是 「北京波士瑞达汽车销售服务有限公司」，这个地方包含了奔驰的销售和售后，以及其他车的销售，所以地方非常大，人也非常多：&lt;/p&gt;
&lt;p caption=&#39;地方很大人很多&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/160a4dd4-6eb9-4575-9242-7aa50814eafd.webp&#39; alt=&#39;地方很大人很多&#39; title=&#39;地方很大人很多&#39;&gt;&lt;/p&gt;
&lt;p&gt;一进门就看到了我们想试驾的那款车的——高配版，GLC 300L SUV，四驱动力更足、轮毂更大、带车蹬子等：&lt;/p&gt;
&lt;p caption=&#39;GLC 300L SUV 款主驾&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/9025c4d1-7e37-4d0f-b7fa-cd4680d5b9d3.webp&#39; alt=&#39;GLC 300L SUV 款主驾&#39; title=&#39;GLC 300L SUV 款主驾&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;后排视角&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/78b90706-fefb-42c3-b9c3-c22df778dac8.webp&#39; alt=&#39;后排视角&#39; title=&#39;后排视角&#39;&gt;&lt;/p&gt;
&lt;p&gt;不愧是豪车，老婆一下就看上了（说实话老婆的眼光我还是相信的，她总能在不知道价格的情况下一眼挑中最贵的），内饰、小设计（后排居然还有个化妆镜！）等，&lt;strong&gt;要不是没钱当场就买了&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;然后就是交驾照去试驾了，周末人非常多，居然需要排队，销售介绍说他们这里也卖其他车，迈巴赫什么的，所以比较繁忙。排队试车期间销售帮我们算了一下价格，我们比较惊奇的是一般分期付款的话都是找银行贷款，车企跟银行合做，但是奔驰是自己的金融公司，说是利率比银行低一点。其他的费用就是跟其他车没区别了，关于费用的部分下面单独说。&lt;/p&gt;
&lt;p&gt;然后就试车了，试驾之前还走程序给我们念了一遍口号（搞得我很尴尬），内容是：&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;客户为尊、以礼相待诚信经营、合法得体明码标价、公开透明配件渠道、清晰公示绝不捆绑销售、强制消费绝不使用假件、以次充好&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;念完了，就带我们出去找试驾车了（后来奔驰还回访问我销售有没有念服务公约，所以这还是一个考核标准，厉害），试驾过程感觉和其他油车没什么特别惊艳的东西，不过车机小小惊讶了一下，一是居然可以这么小，一个是居然跟电车类似有不同的驾驶模式如运动模式、标准模式、舒适模式，不同模式的加速体验不一样，也因此油耗情况也不一样。试驾员也非常耐心讲解，非常好评。&lt;/p&gt;
&lt;p caption=&#39;试乘过程副驾视角&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/afd5c867-495f-4378-8fba-0abfaa31c5fc.webp&#39; alt=&#39;试乘过程副驾视角&#39; title=&#39;试乘过程副驾视角&#39;&gt;&lt;/p&gt;
&lt;p&gt;不过一如既往的，油车的加减速顿挫的感觉，有点难受，这个我当时还不确定是车的原因，后来发现油车豪如奔驰都这样，就释然了。小王在后座坐着，感受了一下后排体验，也没试乘出什么问题。&lt;/p&gt;
&lt;p caption=&#39;试驾归来拍一张&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/5d313fb8-8f2d-444e-ad4e-54dd767eebe6.webp&#39; alt=&#39;试驾归来拍一张&#39; title=&#39;试驾归来拍一张&#39;&gt;&lt;/p&gt;
&lt;p&gt;之后销售小哥介绍说，刚才试驾的是 22 款所以优惠了 5 万，23 款今年 5 月左右上市，没有优惠。&lt;/p&gt;
&lt;h3 id=&#34;【试驾】model-y-2&#34;&gt;【试驾】Model Y&lt;/h3&gt;
&lt;p&gt;之后就去了特斯拉姚家园中心，去的过程路过了领克、Smart、飞凡、问界等车企，直接略过（不过后来看了看领克，虽然人家都下班了）：&lt;/p&gt;
&lt;p caption=&#39;一排的门店&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/94e55fbd-d1c6-423a-9f6f-32bbcb4f35df.webp&#39; alt=&#39;一排的门店&#39; title=&#39;一排的门店&#39;&gt;&lt;/p&gt;
&lt;p&gt;门口停着很多特斯拉（废话）：&lt;/p&gt;
&lt;p caption=&#39;一排排的试驾车&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/9153c66e-04ac-4f76-8b97-1d48a3e74c86.webp&#39; alt=&#39;一排排的试驾车&#39; title=&#39;一排排的试驾车&#39;&gt;&lt;/p&gt;
&lt;p&gt;还看到一辆 DUAL MOTOR 版的 Model S，&lt;em&gt;真壕啊！&lt;/em&gt;&lt;/p&gt;
&lt;p caption=&#39;DUAL MOTOR 是普通 S 双马达升级版&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/497f1ae5-02ce-423c-b4a8-5aa691c4ddcd.webp&#39; alt=&#39;DUAL MOTOR 是普通 S 双马达升级版&#39; title=&#39;DUAL MOTOR 是普通 S 双马达升级版&#39;&gt;&lt;/p&gt;
&lt;p&gt;内饰什么的之前看过两遍了，没什么好拍的，因为这次来的目的是为了试驾，所以直接快进到试驾环节。这次跟特斯拉销售说我想试试特斯拉的自动驾驶和非单踏板模式，也就是非保持模式，即像油车一样的缓行模式，这样的话松开油门不会像单踏板模式松开油门就像踩刹车一样快速停下来，而是像油车一样滑行一段时间。不过因为特斯拉的动能回收无法关闭，所以即使是在缓行模式，还是会比普通油车的松开油门后更快的停下来。&lt;/p&gt;
&lt;p&gt;可能是知道我上次在望京试驾过而为了提高竞争力，这位销售比较有耐心的讲解了相关的内容，这些也确实是上次我跟朋友一起试驾的时候望京那位销售没讲到的地方，如等红灯的时候浅踩刹车减速，深踩刹车自动驻车等。&lt;/p&gt;
&lt;p&gt;然后又给我解释了一下单踏板模式为什么好，但是我还是对这个有一点顾虑，因为在我远远看到人或者看到远方灯变黄了后，不想踩油门想稍微带点刹车的时候，就会想把脚从油门上拿下来去轻踩刹车，结果一松开油门车就开始很快减速，就导致在离人或者红灯很远的地方就停下来了。&lt;/p&gt;
&lt;p&gt;还试了下辅助驾驶，往下轻拨两下档杆即可开启辅助驾驶彩虹路（需要在玩具箱里面设置，默认的 AP 只有两条蓝色的线在道路两边）。说实话当时时速虽然才 30 多，但是由于左侧离栅栏比较近，右侧又有违规行驶的摩托车，还时不时的穿插着美团外卖小哥，还有马上要过一个路口，前方已经有车辆踩刹车减速了，所以当销售让我手离开 &lt;s&gt;键盘&lt;/s&gt; 方向盘的时候，心里是有点慌的，不过试了一下后发现进入辅助驾驶模式后，手还是需要放到方向盘上，而且此时方向盘会变得很重，你不用力是争抢不过辅助驾驶控制的方向盘的，避免了手搭到方向盘上由于重力碰到方向盘而脱离了车道的风险。&lt;/p&gt;
&lt;p&gt;之后，试驾完成就谈了谈优惠，一问还是啥都没有，特斯拉果然是直营店，没办法，试驾到此结束，回来路上就准备买特斯拉了。&lt;/p&gt;
&lt;p&gt;路上路过领克，看去吃饭时间还早，就顺路去看看，里面没有领克 02 展车，就找了辆领克 05，老婆感觉也不错的样子：&lt;/p&gt;
&lt;p caption=&#39;领克 05 方向盘&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/b851c69f-710e-4e13-a2ec-972ca09f6afb.webp&#39; alt=&#39;领克 05 方向盘&#39; title=&#39;领克 05 方向盘&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;领克 05 外形&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/8c6ee4cb-924a-4763-a635-b0ef27af37e3.webp&#39; alt=&#39;领克 05 外形&#39; title=&#39;领克 05 外形&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;自拍一张，问题不大&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/d2144990-e892-4f24-8140-e38ae25cd397.webp&#39; alt=&#39;自拍一张，问题不大&#39; title=&#39;自拍一张，问题不大&#39;&gt;&lt;/p&gt;
&lt;p&gt;回来路上看到了一辆新款的美团单车，没有物理锁，需要用手机 App 开锁关锁，我跟老婆说你想不想试驾一下这款车，好像是新车，感觉不错的样子，老婆说我每天上班骑车 20 分钟，可是美团单车的大客户，开了一个月 18 块的会员，什么样的美团单车我没骑过！&lt;/p&gt;
&lt;p caption=&#39;试驾新款美团单车的老婆&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/d64ccbd6-451e-4c7b-91ee-7eeacb2f50dd.webp&#39; alt=&#39;试驾新款美团单车的老婆&#39; title=&#39;试驾新款美团单车的老婆&#39;&gt;&lt;/p&gt;
&lt;h2 id=&#34;购车费用&#34;&gt;购车费用&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;裸车费用：这个就是厂商指导价，不过一般情况经销商都会有大几万的优惠，比如沃尔沃 XC 40，指导价 31 万，经销商直接优惠 6 万。特斯拉没有，全国统一价。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;保险费用：一般就是较强险、商业险。其中交强险是法律规定必须要上的（全程交通强制险）保费全国统一收费标准，不过车辆的座位数影响交强险金额。商业险一般就是三则险（第三方责任险，出事儿了赔给别人的），可以买低的 50 万的，也可以买高的 300 万的，还有一些其他的按照你需要的保险，比如车损险、剐蹭险、座位险（主驾和副驾出事了赔，可以分开买）等。不是必须一定要在 4S 店上保险的，不过一般情况下，购车后在 4S 店上保险，4S 店会给你一定的优惠。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;车辆购置税费：电车截止到 2023.12.31 之前免购置税；油车按照车辆费用的比例交，好像是 10%。因为特斯拉是电牌，所以特斯拉没有。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;上牌费（其实就是 4S 店服务费）：就是 4S 店陪你在车管所上牌等各种杂事的费用，可以谈，也可以不用 4S 店帮你上，不过你自己也是需要花钱的一些照相、工本费等，特斯拉是 320 工本费，后来才知道特斯拉是跟一个叫做「卡斯基」的服务商合作，去车管所找他们的人就行。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;车船税：电车免车船税。如果上了三责险，则保险公司为你的扣缴义务人，保险公司收的保险费中会含有车船税。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;金融服务费：就是 4S 店帮忙给你办银行贷款业务的费用，可以谈，甚至可以免。&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p class=&#39;content-callout&#39; style=&#39;background: undefined; color: undefined;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;💡&lt;/span&gt;&lt;span&gt;注：分期的钱分的是裸车的钱，不含保险等其他费用。&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;一般来说，分期比全款更划算，因为车企会跟银行合作，所以银行会返利给车企，车企会把这部分返利让利给消费者。有些车企如凯迪拉克，首付利率固定；有些车企如沃尔沃是最低 10%，最高 85% 首付。这个不固定，视车企不同而定。奔驰有自己集团旗下的金融服务公司，利率会比银行低一点。&lt;/p&gt;
&lt;h2 id=&#34;为什么考虑特斯拉？&#34;&gt;为什么考虑特斯拉？&lt;/h2&gt;
&lt;p&gt;基本来说有以下几点，其中核心竞争力加粗显示：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;科技感：没有实体按钮，甚至连开机键都没有，上车踩刹车，挂挡松刹车起步就了就，全部的设置都在车机里面，像手机一样。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;价格透明&lt;/strong&gt;：每一步的费用都摆在明面上，不会发生那种你跟人熟悉就可以谈到比较低的一个价格，否则就吃亏的情况， 老婆属于那种占便宜没够，吃亏难受的类型，绝对不会允许自己比别的人买的贵，&lt;strong&gt;这比吃大便还难受&lt;/strong&gt;。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;辅助驾驶&lt;/strong&gt;：不得不说，试了这么多车，只有特斯拉能达到宣称的 L2（L3 目前不让上路）级别自动（辅助）驾驶，而其他车也都有宣传，但是并没有让试驾的时候体验，如小鹏、沃尔沃也宣称的 L2 辅助驾驶等。辅助驾驶的时候，双手可以不用用劲的放到方向盘上（不能长时间离开，需要时不时在收到提示的时候转方向盘，否则会警告），然后车就自动保持车道、自动跟车等。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;服务好：也许是因为我们所在的互联网行业大部分是特斯拉的目标客户，所以特斯拉的销售对我们都比较热情；而其他车如沃尔沃、奔驰、凯迪拉克、林肯等，对我们都不太上心，也许是因为我们不是他们的目标客户吧，而且看这些车的印象里有 7~80 都是一大家子过来看车的，我跟老婆来看车试驾车，确实让这些销售们提不起精神。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;驾驶体验好：电车也许都差不都吧，加速顺畅，加速快，不会出现油车那种顿挫感。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;满足虚荣心：特斯拉的争议性非常大，因此一旦成为特斯拉车主，免不了的被人嘲讽或者被人羡慕，总之就是话题中心。如果你买了奔驰、奥迪、宝马，人最多也就说一句：&lt;strong&gt;有钱了不起啊！&lt;/strong&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;用车成本低：电车的优势，而且特斯拉的超充站比其他品牌都多。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;国际大品牌&lt;/strong&gt;：考虑到品牌发展的长远性和&lt;strong&gt;国产厂商不可避免的无良性&lt;/strong&gt;而言，特斯拉优势明显。&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;特斯拉购买过程&#34;&gt;特斯拉购买过程&lt;/h2&gt;
&lt;p&gt;这里说一个小插曲，在周六到姚家园第二次试驾后，晚上 9 点左右的时候我的邮箱突然收到一个特斯拉订单，让我支付 1000 元定金，我很奇怪因为我没有在任何地方任何门店要求下订单：&lt;/p&gt;
&lt;p caption=&#39;邮箱订单&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/11393b23-75c8-4f08-bb65-40c21bd8b944.webp&#39; alt=&#39;邮箱订单&#39; title=&#39;邮箱订单&#39;&gt;&lt;/p&gt;
&lt;p&gt;我去的特斯拉门店都留过电话，所以不确定是哪个帮我下单的，于是我就打 400 电话问了一下官方客服，客服告诉我 24 小时内给我核实一下谁下的这个单。然后不到两个小时，姚家园的那位销售联系我说 400 找他了，他过来解释说是我试驾的时候跟我说过，要给我邮箱发一个「预选配」的订单，让我看看配置方面的信息。也许可能说过，但是我不记得有这回事了，而且望京那位销售也没有要给我下一个「预选配」的订单这么一说。所以我这里再&lt;strong&gt;以小人之心度君子之腹&lt;/strong&gt;一下：因为客户在特斯拉的任意门店的订单、试驾记录所有门店都可以查到，所以如果让望京门店的销售看到姚家园这边的销售给我下订单了，望京那边的销售就不会联系我了，以达到争客户的目的。&lt;/p&gt;
&lt;p caption=&#39;下订单后的手机 App 界面&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/3c729876-7df7-4d3e-ae5a-8883d28f8b92.webp&#39; alt=&#39;下订单后的手机 App 界面&#39; title=&#39;下订单后的手机 App 界面&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;下订单&#34;&gt;下订单&lt;/h3&gt;
&lt;p&gt;其实到这里看车的过程就结束了，剩下的就是在合适的时间下订单，在下订单之前我问了朋友同事他们购买的经历，悲伤的是他们都没能在店里要到什么优惠的东西，真的跟买手机一样明码标价全国一个价，sad。&lt;/p&gt;
&lt;p&gt;然后抽空有一天直接去店里下订单，本来我想买长续航，但是销售建议我说买标续就够用了，说可以先下个标续，后续如果改主意了还能换，于是我就先定了个标续，用了朋友的引荐码，交了 1000 元定金，然后就回去了。&lt;/p&gt;
&lt;p caption=&#39;特斯拉订单下定界面&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/084b0a29-3b13-46f4-8ec8-ce2727415ffa.webp&#39; alt=&#39;特斯拉订单下定界面&#39; title=&#39;特斯拉订单下定界面&#39;&gt;&lt;/p&gt;
&lt;p&gt;第二天，一位交付中心的人打电话找我核实相关信息，我说我想等 4 月之后再去提车（因为 3 月低才发年终奖）。之后销售把我和交付那边的人拉到一个群里，交代了一些相关的流程如下一步怎么做、贷款操作等。提车时间官方显示是 2~5 周，但是我同事定的 Model Y 高性版本，周 2 下的订单，周日就去提车了非常快。由此可以看出，越是定制的车，越容易早点提车。这也是后来我去试驾，跟销售聊天的时候知道的（不过按理说，越是标配，车就应该越多才对，可能人也越更多吧）。之后，招商银行的人联系我说办贷款的话需要一些信息，所以我都配合提供了，说是放贷至少需要 2 天，建议最晚提车前一周把贷款办了。&lt;/p&gt;
&lt;p caption=&#39;标续版&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/b78a4bb9-7e25-4636-b375-fab4c77484cd.webp&#39; alt=&#39;标续版&#39; title=&#39;标续版&#39;&gt;&lt;/p&gt;
&lt;p&gt;期间又研究了一圈（虽然之前就研究过还是想买长续航），最后还是决定换成长续航的比较好，所以联系销售改了下订单配置。&lt;/p&gt;
&lt;p caption=&#39;长续航版&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/a145886b-d062-4352-a107-d8d1aae04a88.webp&#39; alt=&#39;长续航版&#39; title=&#39;长续航版&#39;&gt;&lt;/p&gt;
&lt;p&gt;等车期间总是无聊的，想起了之前销售跟我夸下海口说：可以随便来店里练车。于是我联系销售就说要再去试驾试驾，想提车前多练习练习，于是在提车前又去练了几次车。&lt;/p&gt;
&lt;p caption=&#39;用试驾车蹭熟练度中&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/51882905-e12b-455e-aaa4-f5a92140b82f.webp&#39; alt=&#39;用试驾车蹭熟练度中&#39; title=&#39;用试驾车蹭熟练度中&#39;&gt;&lt;/p&gt;
&lt;p&gt;刚好我的那位销售换到蓝港上班，蓝港那儿刚到了一辆 Model S，于是试驾之前顺便去看了看 Model S，78 万属实豪华（毕竟国内不能生产，进口的车）。&lt;/p&gt;
&lt;p caption=&#39;17寸的中控屏，方形方向盘，仪表盘都装上。&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/c8555f40-a058-4921-9fad-9fd0576fa832.webp&#39; alt=&#39;17寸的中控屏，方形方向盘，仪表盘都装上。&#39; title=&#39;17寸的中控屏，方形方向盘，仪表盘都装上。&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;不愉快&#34;&gt;不愉快&lt;/h3&gt;
&lt;p&gt;整体体验都不错，但是还是发生了一个不愉快。我在姚家园试驾了之后（像之前说的，我是以为特斯拉销售没有提成，在哪儿试驾都一样所以就随便选个地方试驾和看看是不是真的每家特斯拉门店的优惠都是一样的）就在望京店下定金了，然后突然 3 月 28 号的时候，那边的销售跟我打电话问我考虑好了没有，要不要定特斯拉。我也是没多想（因为网上说特斯拉销售没提成，在哪儿订车都一样，只是有试驾要求），就说我已经在望京店订车了，销售当时就有点不高兴的语气质问我说：「那为什么你已经下单了还要来我店里试驾？」我当时有点愣，就说我去你店里试驾的时候还没有下单。销售又说：「那都在我店里试驾了为什么又去望京店试驾？」我说我之前去试驾的时候跟你说了，因为刚好去朋友家，发现附近有家特斯拉，就又去试了试。然后销售说：「好，再见」，直接把电话给我挂了。我寻思不是说在哪个门店试驾都一样吗？然后就问了下望京这边的销售：&lt;/p&gt;
&lt;p caption=&#39;咨询了下望京这边的销售&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/ea920890-b360-4057-a021-8293ab8e2ff3.webp&#39; alt=&#39;咨询了下望京这边的销售&#39; title=&#39;咨询了下望京这边的销售&#39;&gt;&lt;/p&gt;
&lt;p&gt;总之，作为一个销售服务人员，挂客户电话这种行为让我很不爽。我既然买了你的车，说明我认可你的品牌，而且我也说了在望京定只是因为离家近，并不是因为赠品、服务更好之类的。所以我觉得只要服务好的话，我还是可以介绍朋友在你那儿订车的。结果姚家园的销售跟我来这么一出，以后凡是有朋友想买特斯拉，我是绝对不会建议他去姚家园店的，反而会推荐我的销售。&lt;/p&gt;
&lt;p&gt;想起来我那次去望京试驾，我的销售有事去别的地方了，临时接待我的是另一位销售，他的情商就很高，跟我说了这么一句：对销售来说，挖掘了一个客户，就是挖掘了一个群体客户。&lt;/p&gt;
&lt;h3 id=&#34;贷款-付款方式&#34;&gt;贷款/付款方式&lt;/h3&gt;
&lt;p&gt;我本来计划首付 50%，剩余的钱找跟特斯拉官方合作的银行办贷款，但是因为刷了下小红书，说北京地区买车等消费有利率更低的方法，于是我就研究了下贷款方式。&lt;/p&gt;
&lt;p&gt;首先跟特斯拉官方合作的，如招行、中国银行等（具体银行见下图），我们只问了这两家银行。两家银行都是 3.5% 的单利，因为我对招行来说算是大客户，因此可以走 3.3% 的利率。这个单利利率是怎么算的呢？就是拿本金，乘以利率，就是每年需要的还款利息额，再乘以贷几年，就是总的利息。&lt;/p&gt;
&lt;p caption=&#39;&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/2002a576-9d86-4820-b707-eae523f6a800.webp&#39; alt=&#39;&#39; title=&#39;&#39;&gt;&lt;/p&gt;
&lt;p&gt;比如，假设我贷款 10 万元，利率是 3%，则我每年需要 100000 * 3% = 3000 元的利息，贷 3 年就是 9000 元的利息。那么三年总共 10 万 + 9000 元，总共 36 期，则每月应该还的是 （100000 + 9000）/ 36 = 3027.778 元。&lt;/p&gt;
&lt;p&gt;而利率肯定越低越好，目前我知道的银行的大额存单，存银行也有个 2.8 ～ 3 的利率额度，还是复利。复利就是每年（还是每月记不清了）按照在当前之前的全部本金+利息算总额之后，在以此为基础算当月（年）的利息。&lt;/p&gt;
&lt;p class=&#39;content-callout&#39; style=&#39;background: undefined; color: undefined;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;💡&lt;/span&gt;&lt;span&gt;复利是宇宙间最强大的工具——爱因斯坦&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;当然，银行给我们计算的时候是用单利计算，因为便于理解，而复利的计算方式，我理解是对银行而言的。简单来说就是，我们把钱存在银行，我们是债主，银行是借款人，所以它要给我们利息，而这个利率对我们而言就是按复利算的；而我们找银行借钱，银行是债主，我们是借款人，此时的利率也是复利，但是是对银行而言的，而此时对我们而言为了忽悠（毕竟单利数字上比复利要低）+好理解，就说成单了。算了下，我们的 2.88% 的年单利，换算成对银行而言的复利大概大于 4 不到 5（还是比房贷利率低）。&lt;strong&gt;跟特斯拉合作的银行和其他银行都是这么算的，所以找个低的就行了，纠结这些怎么算的没有意义。&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;跟特斯拉官方合作的几家银行基本都是这个利率，而且都可以做「指贷分离」，就是指标人和贷款人不是同一个人，其中招商银行要求的是需要指标人的身份证即可，不需要签署任何协议；中国银行则指标人的任何信息都不需要，但是它没有什么优惠，就是 3.5% 的利息，也不会出现个别支行可以违规给你降低利率的事情，因此我们就咨询了一下地方银行，小红书上说的最多的是上海银行和北京银行。&lt;/p&gt;
&lt;p&gt;特斯拉因为是&lt;strong&gt;上海特产&lt;/strong&gt;，因此上海银行有专门的提供购买特斯拉的专项贷款，利率可以低到 2.76%，非常划算了，但是有个限制是在买车必须要求指标人和贷款人要么是同一个人要么是直系亲属，要么就是需要在做车辆抵押的时候两人共同签署一份「共同还款协议」。我知道部分指标人的要求是「我不想在书面上与这个车有任何的关系，所以不要让我签署任何协议」，因此如果指标人有此要求的，可能无法在上海银行贷款。&lt;/p&gt;
&lt;p&gt;下面就是北京银行的贷款了，我本来是直接打电话加微信问的，人告诉我说如果有 30 个人以上组团贷款的话可以做到 3.2%，否则只能是 3.3% 最低了（我朋友之前买特斯拉走的官方招商银行就是 3.2%），我寻思我怎么着也拉不够 30 人啊！于是就去他们店线下去问。刚去的时候告诉我我们支行不做车辆贷款业务，突然有个小哥说我们有个消费贷的产品，利率是 2.88% 可以考虑一下，我一听来了兴致，然后小哥让我跟他们的客户经理通电话，通完电话确认我符合贷款的条件如收入、公积金去年总收入、没有额外的负债、资产正常等条件，就约定第二天去我们公司上门办理了，我说你们店在望京，我公司在西二旗方便吗？他说你提供公司电话核实也可以，我寻思那还是麻烦你们吧，就让他们上门办理了。&lt;/p&gt;
&lt;p&gt;之后就是一顿操作办完了。北京银行的这个 2.88% 利率，是固定分 5 年还款（可以更短，但是利率会高点），叫做“精致贷”，本质是让你办一张信用卡，然后在 45 天内提高这张卡的额度到 50 万（看资格，最高是 50 万），如果 45 天内没有使用这笔钱，则提额作废了就，对你没有任何损失。需要用钱的时候，直接刷这张卡就可以了，然后它自动分期 5 年。而这对于特斯拉来说，其实就是全款了（我们首付一半的钱，然后另一半刷卡付，对特斯拉来说就是全款了）。&lt;/p&gt;
&lt;p caption=&#39;精致贷&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/fe6d9557-2c8a-4c30-b265-699ff8edb5ac.webp&#39; alt=&#39;精致贷&#39; title=&#39;精致贷&#39;&gt;&lt;/p&gt;
&lt;p&gt;我的思考是，我们的房贷利率是 4.8 多（没记错的话），因此有钱肯定是先还房贷，车贷不着急，所以就用了这个北京银行的贷款。之后就是收到交付通知，说 4 月 22 号去提车，届时需要带上的证件有身份证、车牌指标书等。因为我在望京，所以理所当然的交付地点选在了蟹岛。&lt;/p&gt;
&lt;p caption=&#39;最爱雪白的大屁股来一张&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/de5dfa5f-d45f-4c73-ac4e-98f6ba9bf5eb.webp&#39; alt=&#39;最爱雪白的大屁股来一张&#39; title=&#39;最爱雪白的大屁股来一张&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;提车当天刚好有个参观活动（右边白色就是我的车）&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/27c24721-7730-4700-82e3-4224690b3b46.webp&#39; alt=&#39;提车当天刚好有个参观活动（右边白色就是我的车）&#39; title=&#39;提车当天刚好有个参观活动（右边白色就是我的车）&#39;&gt;&lt;/p&gt;
&lt;p&gt;在这里特别提醒那些在北京租车牌的朋友，去提车的时候&lt;strong&gt;只需要最新的（如果有多个的话）指标人的身份证原件即可&lt;/strong&gt;，提前一天办好保险（其实当天办也可以，就是费点时间而已），提前两天结清尾款后就可以开发票了，豪车的话建议跟指标人一起去车管所办个车辆抵押登记，指标人可以不在场，用身份证和提前拟好的抵押协议+借款协议+指标人在 12123 上的电子委托凭证也可以办。&lt;/p&gt;
&lt;p&gt;用箭头表示总的流程就是：工作日提前一天结尾款 → 特斯拉财务开发票 → 办保险（可以现场也可以提前，只要有特斯拉的发票就行，交强险是即时生效，商业险是 2 个小时后生效）→ 上临牌（工作人员会让你拍一下发票和合格证，申请正式车牌的时候会用到） → 验车（会有官方贴膜合作商跟你一起下来推销，注意他不是负责提车的特斯拉工作人员） → （车没问题后就找特斯拉工作人员）确认提车 → 开走。&lt;/p&gt;
&lt;p&gt;这里需要注意的是，为了后续的上牌，保险单、行驶证、合格证、大绿本等，都在特斯拉车牌合作商手里（就是下文说到的「卡斯基」），等到上正式牌的时候会给你。&lt;/p&gt;
&lt;p&gt;可以提车后提出在他们那儿充会儿电，也可以趁充电期间开他们的试驾车跑两圈熟悉一下手感（我就这么干了）。&lt;/p&gt;
&lt;h3 id=&#34;上车牌&#34;&gt;上车牌&lt;/h3&gt;
&lt;p&gt;接下来就是上车牌了，因为特斯拉有服务合作商叫「卡斯基」，所以我在手机上 50 选 1 选完号牌后，就在他们的小程序上预约了，提交相关信息，然后直接去车管所，具体细节应该是他们拿到信息后跟车管所对接的。这里需要注意的 50 选 1 需要使用指标人的手机登陆（建议网页版，把二维码拍照发给指标人让他扫码即可登陆），以及如果是租车牌，去上牌需要指标人在手机 App 上开一个电子委托单，最后去上牌的时候带上指标人身份证和委托人（就是你）身份证就行了。&lt;/p&gt;
&lt;p&gt;我选的是顺义那个，去现场后排队按照要求即可，这里需要注意的是需要把随车的应急包里面的红色三脚架和安全服拿出来放到车后面拍照，我当时不知道，工作人员告诉我要拿三脚架的时候我愣了说没有买，工作人员很无奈说你打开后备箱，车里就有！我寻思我刚来这儿好像也没人给我放车后备箱啊！我又说了一次我好像没买，然后工作人员说没有的话今天验不了车，然后又说，你肯定有，就在车后备箱里！然后我这才想起来提车的时候看到过在后备箱挡板下面有个橙色的包，可能他说的就是这个，然后我就拿了出来，果不其然就是这个…大写的囧。&lt;/p&gt;
&lt;p caption=&#39;排队验车中&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/9d777159-ab21-49b8-88a9-2e5520443012.webp&#39; alt=&#39;排队验车中&#39; title=&#39;排队验车中&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;办完拿着全部的资料如大绿本等去拿牌&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/0eb36d40-2ec3-4db6-8447-f383edbfe146.webp&#39; alt=&#39;办完拿着全部的资料如大绿本等去拿牌&#39; title=&#39;办完拿着全部的资料如大绿本等去拿牌&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;就是这里👆🏻&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/5c8e8425-ffda-4b83-b3d8-6f48748865ce.webp&#39; alt=&#39;就是这里👆🏻&#39; title=&#39;就是这里👆🏻&#39;&gt;&lt;/p&gt;
&lt;p caption=&#39;等拍照过程，现场制作（这是别人的）&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/5f60ecab-ac53-4faa-a4da-37f7d9f30e46.webp&#39; alt=&#39;等拍照过程，现场制作（这是别人的）&#39; title=&#39;等拍照过程，现场制作（这是别人的）&#39;&gt;&lt;/p&gt;
&lt;p class=&#39;content-callout&#39; style=&#39;background: undefined; color: undefined;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;💡&lt;/span&gt;&lt;span&gt;至此，买车的经历基本就告一段落，这篇文章是在我开了 1600 公里从内蒙自驾回来后写完的，这里再补充一下相关的使用体验&lt;/span&gt;&lt;/p&gt;
&lt;h2 id=&#34;特斯拉使用体验&#34;&gt;特斯拉使用体验&lt;/h2&gt;
&lt;h3 id=&#34;驾驶体验（有好有坏）&#34;&gt;驾驶体验（有好有坏）&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;AP 辅助驾驶（基础版就有，车道保持和自动跟车），绝对是跑高速的利器。虽然每次超大车或者在拐弯的时候都会紧张的抓紧方向盘时刻准备接管，但是特斯拉没有一次出现错误的情况，非常靠谱，而且高速车速保持在 110 以下的 AP 是非常省电的。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;普通的油车需要右手离开方向盘挂挡然后再握住方向盘踩油门才能起步，特斯拉无名指和小拇指就可以在手不离开方向盘的情况下挂挡，对倒车入库、侧方停车的新手手忙脚乱的时候非常友好不至于出错。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;距离预警，这点 95% 的情况都没有问题，但是有些情况下会出现错误，尤其是当前面有其他特斯拉的时候（这是我的观察），实际还离得有好几米远，但是车机上距离显示却告诉你要立刻停止（一般在距离小于 30cm 会出现此提示），属于是 bug 了。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;我使用的是缓行模式（也就是跟油车一样松刹车就会走）如果在驻车的时候（P 档）在没有系安全带的情况下直接踩刹车挂 D/R 挡走，有一定概率（视你挂 P 档前刹车的速度）松开刹车车会直接动，而不是预期的踩油门才会动。这点吓到我好几次，有时候我仅仅想往前或者往后挪动几十厘米所以就没有系安全带直接挂挡了，结果刚松开刹车准备踩油门车就走了，吓得我赶紧再次踩住刹车才行。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;慢速行车不建议开 AP，我遇到过一个场景就是明明前车已经加速走了，但是特斯拉却突然深踩了一下刹车然后又立即加速走（传说中的幽灵刹车）。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;如果路上的车道线不清晰，绝对不要开 AP，会很危险。我的一个朋友就遇到了这个情况，拐弯后车道线不清晰或者被栅栏挡住了，结果 AP 没有识别出来及时拐回导致蹭到了车头。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;使用特斯拉超级充电站的时候，不同时段的收费不同。我遇到一个场景是，我是八点半去充电，电费是 2.13 元/度，九点之后就是 1.89 元/度，我天真的以为特斯拉会分段计费，也就是 八点半到九点这 0.5 个小时按 2.13 元收费，九点之后按 1.89 元收费，结果等到九点零四分的时候我看了看费用提示，价格还是按照 2.13 元进行的收费。也就是说，它的收费标准是从你插上去的时候算的，中间不会变。于是我九点之后把枪拔了，特斯拉 App 马上提示我有一笔充电订单未支付，然后我就去支付，因为是首次充电所以需要先绑定支付方式，之后经过了一两分钟，费用支付完毕，支付方式也绑定好了，于是想再插入枪充电，却发现手机 App 还是一直提示「有未完成订单请尽快支付」，一直到我开车出去再开回来还是如此，直到 5、6 分钟后，才提示我充电开始。可能第一次充电绑定支付方式后有一个识别过程，所以这个时候等就行了，你车在地锁上面的时候没充电不会扣你钱的。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;个人观点，通常认为电车缺点是充电慢所以导致相同长途路程耗时更久。但是我有一个大胆的想法是，油车由于没有特斯拉的 AP 功能，所以开车会比较累，开两个小时就需要休息一下。而特斯拉有 AP 功能，所以可以开四、五、个小时不休息。总体算下时间，油车加油省时间但是休息耗时间；电车加电费时间但是休息省时间，所以总体基本相差无几 🤣（所以有没有带 AP 功能的油车呢？）。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;使用 AP 功能的时候你会感觉到特斯拉是会有意在超大货车的时候稍微远离它的，比如正常情况 AP 是会保持在车道正中央（肯定比人保持的好）的，遇到前方右侧龟速行驶的大货车的时候它在会加速超车的时候，稍微想左打一把方向盘以保持与大货车更大的距离，非常有意思。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;特斯拉被人吐槽最多的就是车机导航，不能做到车道级，也没有红绿灯读秒提示，非常难受。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;不知道是我有时候会手动关闭蓝牙还是怎么回事，特斯拉 App 有两次无法查看车辆状态（蓝牙钥匙还可以用），每次都是需要重启一下车机才行（长按方向盘上的两个按钮五秒），问了朋友他们好像没出现这个情况，有次刚好去特斯拉的服务中心，问了他们的服务人员，他们跟我解释说（可能他们是硬件检测和维修，不负责软件）车机就是要每个月建议重启一次（尴尬）。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;正确的使用空调如 A/C、内循环外循环，可以做到以最小的能耗达到最大的制热/制冷效果，甚至全程一直开空调都能跑赢表显（我的实测）不信的话可以试试。如下图，我充满电 521km 的续航，全程开 AP 有大约 50% 的时间开 22 度空调。从苏木山高速服务区一直跑到北京全程 285 公里，结果表显还有 280 公里的续航，甚至车机显示预计还能跑 434KM（我是不信的，夸张了）。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;正常情况开启 AP 后，车机只会在道路两旁显示蓝色的线，如果想像网上一样开启彩虹之路就需要在玩具箱中手动开启。而如果不在玩具箱中手动开启的话，连续往下拨四下档杆也是可以的，但是此时开启的彩虹之路会伴随着嘈杂的音乐，让人十分的不解（不知道为什么这么设计）。&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p caption=&#39;正确使用空调，可以舒服的轻松跑赢表显&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/73f63ea2-30dd-4414-8709-c08313ee096c.webp&#39; alt=&#39;正确使用空调，可以舒服的轻松跑赢表显&#39; title=&#39;正确使用空调，可以舒服的轻松跑赢表显&#39;&gt;&lt;/p&gt;
&lt;h3 id=&#34;必备好物推荐&#34;&gt;必备好物推荐&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;防虫网（淘宝随便买）： 不说了，看图 👇🏻 这是车头的情况，如果没有防虫网，这些虫子都会进到车头里面，所以这个还是很有必要的：&lt;/li&gt;
&lt;/ul&gt;
&lt;p caption=&#39;&#39;&gt;&lt;img src=&#39;https://static.xheldon.cn/img/in-post/2023/have-a-car-2023/faba7bbd-98a2-4d1c-85b0-6b8e675f297b.webp&#39; alt=&#39;&#39; title=&#39;&#39;&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;星巴克咖啡杯：大家都说中控台的杯槽太大了需要买个杯套，其实只是杯子没买对而已，我家里之前有个星巴克的那个咖啡杯，放进去刚刚好，有兴趣的可以去淘宝看看。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;其他想到的再补充吧&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;总结&#34;&gt;总结&lt;/h2&gt;
&lt;p class=&#39;content-callout&#39; style=&#39;background: undefined; color: undefined;&#39;&gt;&lt;span class=&#39;content-callout-icon&#39;&gt;💡&lt;/span&gt;&lt;span&gt;以下是 Notion AI 对本文的总结（好像它只能分析最近的几个段落，有字数限制）。&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;在这个 Notion 文档中，用户分享了他在北京拥有特斯拉的使用体验，包括驾驶体验、自动驾驶的使用和在特斯拉超级充电站的充电经历。用户还提供了如何使用空调系统实现最大效率和节省能源的技巧。&lt;/p&gt;
&lt;p&gt;用户提供了几个特斯拉车主必备物品的建议，例如车头的防虫网和星巴克咖啡杯。该文档主要以图片为主，但用户提供了每个图片的有用解释和描述。&lt;/p&gt;
&lt;p&gt;总的来说，该文档为考虑在北京购买特斯拉的任何人提供了有价值的见解。用户的个人经验和建议可以帮助新车主避免常见错误并充分利用他们的特斯拉拥有体验。&lt;/p&gt;
</description>
            <pubDate>Thu, 04 May 2023 00:00:00 +0000</pubDate>
            <link>https://www.xheldon.com/life/have-a-car-2023.html</link>
            <guid isPermaLink="true">https://www.xheldon.com/life/have-a-car-2023.html</guid>
            
                <category>生活</category>
            
                <category>大事</category>
            
                <category>特斯拉</category>
            
                <category>车</category>
            
            
                <category>life</category>
            
        </item>
        
    </channel>
    </rss>