<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title/><link>https://zhangkaiyuan007.github.io/</link><description>Recent content on</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Mon, 27 Apr 2026 22:12:51 +0800</lastBuildDate><atom:link href="https://zhangkaiyuan007.github.io/index.xml" rel="self" type="application/rss+xml"/><item><title>Hr面问题清单</title><link>https://zhangkaiyuan007.github.io/p/hr%E9%9D%A2%E9%97%AE%E9%A2%98%E6%B8%85%E5%8D%95/</link><pubDate>Mon, 27 Apr 2026 22:12:51 +0800</pubDate><guid>https://zhangkaiyuan007.github.io/p/hr%E9%9D%A2%E9%97%AE%E9%A2%98%E6%B8%85%E5%8D%95/</guid><description>&lt;h2 id="问题"&gt;问题
&lt;/h2&gt;&lt;p&gt;Q：是否有其他offer&lt;/p&gt;
&lt;p&gt;暂时还没有，有其他的面试但都在进行中&lt;/p&gt;
&lt;p&gt;Q：行业发展&lt;/p&gt;
&lt;p&gt;具身行业作为近年来新兴的产业，资本的投入是有目共睹的，我认为最近两年以来的曝光和技术突破都是比较惊艳的。&lt;/p&gt;
&lt;p&gt;如果现在放眼未来，我觉得机械臂和灵巧手是一个主要的技术难点，泛化能力不足，感知触觉问题，这不单单是一个机器人领域的问题，交叉领域的问题就比较难解决。&lt;/p&gt;
&lt;p&gt;另外的话，移动方面我觉得其实没有必要纠结构型，不同场景有各种千奇百怪的构型我都不奇怪，我觉得这才是正常的。至于轮式和足式，我觉得也不是什么讨论的重点，足式作为一个研究载体，和无人机可以有同样的效果和作用。&lt;/p&gt;
&lt;p&gt;当然，安全、成本问题也很重要，所以可能工业/商业场景很快就会进行应用，家庭场景可能得等类似attention的突破或者去优化规划、控制、模型的临界点暂时解决问题，我觉得后者还是很有可能实现的。&lt;/p&gt;
&lt;p&gt;Q：杂活怎么办&lt;/p&gt;
&lt;p&gt;只要是日常的、善意的、工作相关的琐事杂事，我觉得都没什么，因为能学到东西，能接触新事物。&lt;/p&gt;
&lt;p&gt;Q：工作中当你与领导意见不一致时，该如何处理&lt;/p&gt;
&lt;p&gt;我觉得还是首先进行沟通交流，特别是线下的交流比较重要，线上不能反映语气，总是避免不了对语义的误解。那作为我的领带，知识比我丰富，年龄比我年长，经验肯定也是一样丰富，我有的不一致的想法其实未必领导没有经历过。所以交流过程中，谦虚的倾听领导的意见，思考如何解决不一致，如何解决问题是比较重要的。&lt;/p&gt;
&lt;p&gt;Q：期望薪资&lt;/p&gt;
&lt;p&gt;300&lt;/p&gt;
&lt;p&gt;Q：最困难的问题是什么，如何应对的&lt;/p&gt;
&lt;p&gt;在比赛中其实没有遇到什么比较困难的事情，因为做的不是自己不想做的事情。如果非要说最困难的事情可能是机械出车太晚，导致留给视觉调车的时间非常短，所以最后全队的压力比较困难。但是我觉得还好，越是这种时候头脑比较清醒，而且自己对自己搭的东西最熟悉，所以我相信不管遇到什么问题我肯定可以解决。&lt;/p&gt;
&lt;p&gt;Q：你所要求的工作条件和待遇大致是什么？如果相差很大，你怎么办？&lt;/p&gt;
&lt;p&gt;我觉得每天去有一个固定的位置我就足够，待遇的话，对于外地来说希望能有房补。如果相差很大，我希望能询问一下原因，如果原因合理的话，要求和待遇都可以再协商，再沟通交流。&lt;/p&gt;
&lt;p&gt;Q：接不接受加班&lt;/p&gt;
&lt;p&gt;反正打rm天天都在加班，有自己想做、热爱的事情去做，加班对我来说不算什么&lt;/p&gt;
&lt;p&gt;Q：你在生活中追求什么？近来个人有什么打算？请结合这次应聘，谈谈你在选择工作时都考虑哪些因素？&lt;/p&gt;
&lt;p&gt;对于我个人，我希望通过这次实习接触到真实产品级别的机器人系统——比如更复杂的动态环境、更严格的实时性要求、更大规模的代码工程管理。这些是在学校比赛里很难遇到的。具体来说我最想补的有两块：一是系统级的工程能力，怎么把一个算法从 demo 做到稳定可靠的产品；二是跟更有经验的工程师学习在真实场景下的技术选型思路。&lt;/p&gt;
&lt;p&gt;所以选择实习时我希望能接触到成熟，先进的公司，最好是有着自己的一套机器人。
最后就是地点，倾向于深圳，当初队里的老队员对我帮助很大，想过去请吃饭。&lt;/p&gt;
&lt;p&gt;Q：你能为公司带来什么&lt;/p&gt;
&lt;p&gt;我希望能给公司带来开发的动力，利用我在比赛中积累的经验，能直接上手项目并开发，提升系统的迭代效率&lt;/p&gt;
&lt;p&gt;Q：社会和大学的区别&lt;/p&gt;
&lt;p&gt;我目前还是学生，还没有走出社会，不过在我的理解中，一个核心的区别是犯错带来的代价是越来越大的，因为承担的责任越来越重。需要负责的事情和人越来越多。但是大学总的来说还是比较纯粹的，你自己一个人窝在寝室打游戏或者学习都无人在意，是一种非常特殊，只存在于这个时期的一种独立。&lt;/p&gt;
&lt;p&gt;Q：你朋友对你的评价&lt;/p&gt;
&lt;p&gt;我觉得其实可以去问我的朋友，我没有自己真的问过这种问题。不过从我自己比较自恋的角度，我觉得我是一个比较有趣，乐于助人的人。&lt;/p&gt;
&lt;p&gt;Q：你希望与什么样的上级公事&lt;/p&gt;
&lt;p&gt;我希望的上级能允许我有学习的时间，然后能与我多线下交流。&lt;/p&gt;</description></item><item><title>某具身智能大厂面试后的碎碎念</title><link>https://zhangkaiyuan007.github.io/p/%E6%9F%90%E5%85%B7%E8%BA%AB%E6%99%BA%E8%83%BD%E5%A4%A7%E5%8E%82%E9%9D%A2%E8%AF%95%E5%90%8E%E7%9A%84%E7%A2%8E%E7%A2%8E%E5%BF%B5/</link><pubDate>Mon, 27 Apr 2026 00:00:00 +0800</pubDate><guid>https://zhangkaiyuan007.github.io/p/%E6%9F%90%E5%85%B7%E8%BA%AB%E6%99%BA%E8%83%BD%E5%A4%A7%E5%8E%82%E9%9D%A2%E8%AF%95%E5%90%8E%E7%9A%84%E7%A2%8E%E7%A2%8E%E5%BF%B5/</guid><description>&lt;h2 id="流程"&gt;流程
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;自我介绍&lt;/li&gt;
&lt;li&gt;在rm导航中你都做了哪些工作&lt;/li&gt;
&lt;li&gt;其他品牌雷达的仿真怎么做&lt;/li&gt;
&lt;li&gt;esdf原理，30s想怎么优化esdf在大场景下的效果&lt;/li&gt;
&lt;li&gt;一个比赛的裁判系统应该怎么写&lt;/li&gt;
&lt;li&gt;讲一下第二个项目用了哪些算法，流程是怎样的&lt;/li&gt;
&lt;li&gt;从A到B，中间有动态障碍物，有哪些方案&lt;/li&gt;
&lt;li&gt;ros2图像传输延迟瓶颈怎么解决&lt;/li&gt;
&lt;li&gt;rm成绩的取得与团队的关系，你的职责是什么&lt;/li&gt;
&lt;li&gt;希望从实习中收获什么&lt;/li&gt;
&lt;li&gt;反问该岗主要工作，base哪里&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="反思"&gt;反思
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;唯一真石，忘记准备自我介绍了，鞭一下尸&lt;/li&gt;
&lt;/ul&gt;

 &lt;blockquote&gt;
 &lt;p&gt;我是张开渊，来自西南交通大学，专业是计算机科学与技术，在大学前两年主要负责robomaster中导航的工作&lt;/p&gt;

 &lt;/blockquote&gt;
&lt;ul&gt;
&lt;li&gt;对算法的原理了解不够深入，所以答优化答的很一般&lt;/li&gt;
&lt;li&gt;应该准备一个常用问题应对的稿子，反正又不共享屏幕&lt;/li&gt;
&lt;li&gt;反问问题没有准备&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;p&gt;自我介绍 (refine)&lt;/p&gt;
&lt;p&gt;您好面试官，我是张开渊，西南交通大学计算机科学与技术专业大二学生，主要的项目经历是robomaster比赛的视觉导航开发工作。&lt;/p&gt;
&lt;p&gt;我大一学年的专业排名前20%，在感知和导航方面，我有丰富的实战经历，在本赛季我担任校robomaster队伍的视觉组组长，带领团队打出了优秀的比赛，在这个过程中，我深度参与了导航系统的设计和开发，包括感知、定位、规划和决策；不依赖现成的导航框架，主要负责开发基于可编辑路径点的完整规划方案和基于差速构型的决策系统，并测试和应用了多种LIO方案。&lt;/p&gt;
&lt;p&gt;目前我在进行的项目一方面是继续导航系统的开发，另一方面是研究自然语言驱动的零样本无人机长程导航方案。在第二个项目中，我利用YOLOE的prompt free零样本感知能力，将其接入ros2系统中，实现无人机对周围环境的初步感知，通过DBSCAN聚类对框选出的物体进行聚类，从而形成一个节点拓扑图，将节点信息以物体序列的方式文本编码给qwen3:0.6b，LLM结合常识性的知识推理出最有可能接近目标的节点，循环工作。&lt;/p&gt;
&lt;p&gt;我熟练掌握C++和Python，熟悉ROS/ROS2框架，有容器中开发的经验，本科期间我也收获了数学建模相关的奖项，具备一定的数据分析能力。&lt;/p&gt;
&lt;p&gt;在性格方面，我学习新东西的速度很快，能快速入手开源项目，已经熟练利用agent开发，能将agent加入自己的工作流，加速开发。另外，我善于倾听，在与团队合作的过程中，我愿意聆听不同的意见，从而弥补自己的不足，并快速的推进团队的工作。&lt;/p&gt;
&lt;p&gt;我对贵司的方向非常感兴趣，希望将我的能力和经验应用到产品中，谢谢！&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;Q：在rm导航中你都做了哪些工作&lt;/p&gt;
&lt;p&gt;搭建导航系统的框架，开发了基于可编辑路径点的定制化路径规划，开发了基于行为树的决策系统，带低年级同学入门导航辅助我的开发。&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;Q：其他品牌雷达的仿真怎么做&lt;/p&gt;
&lt;p&gt;只回答出了要采集雷达的csv，但不知道csv存的是什么数据&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;其实csv只是不同雷达的参数信息，需要写一个对应仿真软件的插件，只是基于这个csv来写&lt;/strong&gt;&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;Q：esdf原理，30s想怎么优化esdf在大场景下的效果
esdf为欧式距离场，相比于栅格地图，esdf连续可微，可以提供连续的距离信息以及梯度信息，对于差速构型这种没有横移能力的小车来说，能使其具备远离障碍物的能力。我将距离通过软约束的方案，在目标函数里引入一阶和二阶的惩罚系数，将梯度作为esdf约束加入nmpc中的雅可比行列式，达到避障的效果&lt;/p&gt;
&lt;p&gt;面试官：esdf算的很慢&lt;/p&gt;
&lt;p&gt;是的，在大场景下我目前只想到了用ray casting的方法实时清除障碍物，目前的6x6滑动窗口在0.1的分辨率下我觉得对于静态障碍物和低速动态可以接受&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;其他优化：NMPC只查询预测轨迹附近的esdf、增量更新、分层分辨率&lt;/strong&gt;&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;Q：一个比赛的裁判系统应该怎么写&lt;/p&gt;
&lt;p&gt;完全不会，没回答出来，只说了可能需要通信适配&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;下次应该说，首先确定通信方式，比如通过串口通信；裁判系统需要发布一些核心话题，比如比赛进程，机器人血量，己方机器人状态，以及事件信息；通过状态机进行比赛状态管理；规则执行；时间管理；机器人端订阅裁判系统话题&lt;/strong&gt;&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;Q：讲一下第二个项目用了哪些算法，流程是怎样的&lt;/p&gt;
&lt;p&gt;第二个项目的出发点为YOLOE和YOLO-World这种零样本感知技术，对于YOLO-World是text prompt，对于yoloe有text，有visual还有prompt free 模式，用预定义的4000多类。我利用YOLOE的prompt free零样本感知能力，将其接入ros2系统中，实现无人机对周围环境的初步感知，通过DBSCAN聚类对框选出的物体进行聚类，从而形成一个节点拓扑图，将节点信息以物体序列的方式文本编码给qwen3:0.6b，LLM结合常识性的知识推理出最有可能接近目标的节点，循环工作。&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;Q：从A到B，中间有动态障碍物，有哪些方案&lt;/p&gt;
&lt;p&gt;首先要分清目的，安全还是竞赛要绕过所有物体，然后动态障碍物的速度是低速还是高速具体是多少m/s。如果是安全那可以遇到检测到障碍就停下来（&lt;strong&gt;忘记说了&lt;/strong&gt;），如果是低速情况下，可以用dwa，teb，前端搜索用a&lt;em&gt;或者混合a&lt;/em&gt;都可以，如果是高速情况下，可以尝试mppi但是更合理的是加一层卡尔曼对碰撞进行预测&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;Q：ros2图像传输延迟瓶颈怎么解决&lt;/p&gt;
&lt;p&gt;最开始在仿真中就发现了延迟问题，原因是推理速度较慢，图像流堆积，导致卡顿。最后的解决办法是推理任务通过单独的回调与读取分开。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;推理速度 &amp;lt; 图像发布速度，处理的永远是旧帧，延迟越来越大。最好的解决思路是相机回调线程只取最新帧，立即返回，推理线程单独执行。即回调永远处理最新帧，推理线程异步跑，两者解耦&lt;/strong&gt;&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;Q：rm成绩的取得与团队的关系，你的职责是什么&lt;/p&gt;
&lt;p&gt;在25赛季，也就是大一下学期的时候，老队员走了留下我开发导航任务，要感谢老队员留下的模块，比如感知和定位模块，为我省下了开发时间，队长比较负责，对于每个组别的开发工作起到了监督作用。到了26赛季，规则改动比较大，所以对于队伍造新车的压力比较大，留给视觉调试的时间可能比较少，所以大部分时间导航工作在仿真，或者是调全向构型的老车，所以视觉的话这赛季大家抗压能力都比较强，同样的队长也是比较负责，对每个工作都有严格的ddl。&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;Q：希望从实习中收获什么&lt;/p&gt;
&lt;p&gt;答的非常混乱，主要就说了，我目前在做导航，想接触业界看看前沿的工作，以学习为主，想多看看&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;我目前在 RoboMaster 项目里独立做了一套导航系统，从规划到控制到仿真部署都有涉及，但这些都是在比赛场景下的工程实践，场景相对固定、约束相对简单。我希望通过这次实习接触到真实产品级别的机器人系统——比如更复杂的动态环境、更严格的实时性要求、更大规模的代码工程管理。这些是在学校比赛里很难遇到的。具体来说我最想补的有两块：一是系统级的工程能力，怎么把一个算法从 demo 做到稳定可靠的产品；二是跟更有经验的工程师学习在真实场景下的技术选型思路。我也相信我现有的导航和感知经验能快速上手，不需要太长的适应期，能尽早给团队带来贡献。&lt;/strong&gt;&lt;/p&gt;

 &lt;blockquote&gt;
 &lt;p&gt;ai大人我跪下了()&lt;/p&gt;

 &lt;/blockquote&gt;
&lt;hr&gt;
&lt;p&gt;Q：反问该岗主要工作，base哪里&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="以后反问一定要问"&gt;以后反问一定要问
&lt;/h2&gt;&lt;ul&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;li&gt;自己的技术团队目前常用的工具链介绍？&lt;/li&gt;
&lt;li&gt;你觉得这个公司相比其他公司，在对员工吸引力和其他公司优势和技术壁垒是？在这方面有什么规划建立更大的优势？&lt;/li&gt;
&lt;li&gt;我的上级是谁（对谁负责）？&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="某上海自驾公司面试"&gt;某上海自驾公司面试
&lt;/h2&gt;&lt;p&gt;比较简单，问题以技术为主，面试官比较和善，沟通交流比较友好，主要做轮式机器人有机械臂分拣快递。&lt;/p&gt;</description></item><item><title>Markdown Syntax Guide</title><link>https://zhangkaiyuan007.github.io/p/markdown-syntax-guide/</link><pubDate>Thu, 07 Sep 2023 00:00:00 +0000</pubDate><guid>https://zhangkaiyuan007.github.io/p/markdown-syntax-guide/</guid><description>&lt;p&gt;This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.&lt;/p&gt;
&lt;h2 id="headings"&gt;Headings
&lt;/h2&gt;&lt;p&gt;The following HTML &lt;code&gt;&amp;lt;h1&amp;gt;&lt;/code&gt;—&lt;code&gt;&amp;lt;h6&amp;gt;&lt;/code&gt; elements represent six levels of section headings. &lt;code&gt;&amp;lt;h1&amp;gt;&lt;/code&gt; is the highest section level while &lt;code&gt;&amp;lt;h6&amp;gt;&lt;/code&gt; is the lowest.&lt;/p&gt;
&lt;h1 id="h1"&gt;H1
&lt;/h1&gt;&lt;h2 id="h2"&gt;H2
&lt;/h2&gt;&lt;h3 id="h3"&gt;H3
&lt;/h3&gt;&lt;h4 id="h4"&gt;H4
&lt;/h4&gt;&lt;h5 id="h5"&gt;H5
&lt;/h5&gt;&lt;h6 id="h6"&gt;H6
&lt;/h6&gt;&lt;h2 id="paragraph"&gt;Paragraph
&lt;/h2&gt;&lt;p&gt;Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.&lt;/p&gt;
&lt;p&gt;Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.&lt;/p&gt;
&lt;h2 id="blockquotes"&gt;Blockquotes
&lt;/h2&gt;&lt;p&gt;The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a &lt;code&gt;footer&lt;/code&gt; or &lt;code&gt;cite&lt;/code&gt; element, and optionally with in-line changes such as annotations and abbreviations.&lt;/p&gt;
&lt;h3 id="blockquote-without-attribution"&gt;Blockquote without attribution
&lt;/h3&gt;
 &lt;blockquote&gt;
 &lt;p&gt;Tiam, ad mint andaepu dandae nostion secatur sequo quae.
&lt;strong&gt;Note&lt;/strong&gt; that you can use &lt;em&gt;Markdown syntax&lt;/em&gt; within a blockquote.&lt;/p&gt;

 &lt;/blockquote&gt;
&lt;h3 id="blockquote-with-attribution"&gt;Blockquote with attribution
&lt;/h3&gt;
 &lt;blockquote&gt;
 &lt;p&gt;Don&amp;rsquo;t communicate by sharing memory, share memory by communicating.&lt;br&gt;
— &lt;cite&gt;Rob Pike&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/cite&gt;&lt;/p&gt;

 &lt;/blockquote&gt;
&lt;h2 id="tables"&gt;Tables
&lt;/h2&gt;&lt;p&gt;Tables aren&amp;rsquo;t part of the core Markdown spec, but Hugo supports supports them out-of-the-box.&lt;/p&gt;
&lt;table&gt;
 &lt;thead&gt;
 &lt;tr&gt;
 &lt;th&gt;Name&lt;/th&gt;
 &lt;th&gt;Age&lt;/th&gt;
 &lt;/tr&gt;
 &lt;/thead&gt;
 &lt;tbody&gt;
 &lt;tr&gt;
 &lt;td&gt;Bob&lt;/td&gt;
 &lt;td&gt;27&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;Alice&lt;/td&gt;
 &lt;td&gt;23&lt;/td&gt;
 &lt;/tr&gt;
 &lt;/tbody&gt;
&lt;/table&gt;
&lt;h3 id="inline-markdown-within-tables"&gt;Inline Markdown within tables
&lt;/h3&gt;&lt;table&gt;
 &lt;thead&gt;
 &lt;tr&gt;
 &lt;th&gt;Italics&lt;/th&gt;
 &lt;th&gt;Bold&lt;/th&gt;
 &lt;th&gt;Code&lt;/th&gt;
 &lt;/tr&gt;
 &lt;/thead&gt;
 &lt;tbody&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;em&gt;italics&lt;/em&gt;&lt;/td&gt;
 &lt;td&gt;&lt;strong&gt;bold&lt;/strong&gt;&lt;/td&gt;
 &lt;td&gt;&lt;code&gt;code&lt;/code&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;/tbody&gt;
&lt;/table&gt;
&lt;table&gt;
 &lt;thead&gt;
 &lt;tr&gt;
 &lt;th&gt;A&lt;/th&gt;
 &lt;th&gt;B&lt;/th&gt;
 &lt;th&gt;C&lt;/th&gt;
 &lt;th&gt;D&lt;/th&gt;
 &lt;th&gt;E&lt;/th&gt;
 &lt;th&gt;F&lt;/th&gt;
 &lt;/tr&gt;
 &lt;/thead&gt;
 &lt;tbody&gt;
 &lt;tr&gt;
 &lt;td&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit.&lt;/td&gt;
 &lt;td&gt;Phasellus ultricies, sapien non euismod aliquam, dui ligula tincidunt odio, at accumsan nulla sapien eget ex.&lt;/td&gt;
 &lt;td&gt;Proin eleifend dictum ipsum, non euismod ipsum pulvinar et. Vivamus sollicitudin, quam in pulvinar aliquam, metus elit pretium purus&lt;/td&gt;
 &lt;td&gt;Proin sit amet velit nec enim imperdiet vehicula.&lt;/td&gt;
 &lt;td&gt;Ut bibendum vestibulum quam, eu egestas turpis gravida nec&lt;/td&gt;
 &lt;td&gt;Sed scelerisque nec turpis vel viverra. Vivamus vitae pretium sapien&lt;/td&gt;
 &lt;/tr&gt;
 &lt;/tbody&gt;
&lt;/table&gt;
&lt;h2 id="code-blocks"&gt;Code Blocks
&lt;/h2&gt;&lt;h3 id="code-block-with-backticks"&gt;Code block with backticks
&lt;/h3&gt;&lt;div class="highlight"&gt;&lt;div class="chroma"&gt;
&lt;table class="lntable"&gt;&lt;tr&gt;&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code&gt;&lt;span class="lnt"&gt; 1
&lt;/span&gt;&lt;span class="lnt"&gt; 2
&lt;/span&gt;&lt;span class="lnt"&gt; 3
&lt;/span&gt;&lt;span class="lnt"&gt; 4
&lt;/span&gt;&lt;span class="lnt"&gt; 5
&lt;/span&gt;&lt;span class="lnt"&gt; 6
&lt;/span&gt;&lt;span class="lnt"&gt; 7
&lt;/span&gt;&lt;span class="lnt"&gt; 8
&lt;/span&gt;&lt;span class="lnt"&gt; 9
&lt;/span&gt;&lt;span class="lnt"&gt;10
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-html" data-lang="html"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="cp"&gt;&amp;lt;!doctype html&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;html&lt;/span&gt; &lt;span class="na"&gt;lang&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;en&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;head&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;meta&lt;/span&gt; &lt;span class="na"&gt;charset&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;utf-8&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;title&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;Example HTML5 Document&lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;title&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;head&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;body&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;p&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;Test&lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;p&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;body&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;html&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h3 id="code-block-indented-with-four-spaces"&gt;Code block indented with four spaces
&lt;/h3&gt;&lt;pre&gt;&lt;code&gt;&amp;lt;!doctype html&amp;gt;
&amp;lt;html lang=&amp;quot;en&amp;quot;&amp;gt;
&amp;lt;head&amp;gt;
 &amp;lt;meta charset=&amp;quot;utf-8&amp;quot;&amp;gt;
 &amp;lt;title&amp;gt;Example HTML5 Document&amp;lt;/title&amp;gt;
&amp;lt;/head&amp;gt;
&amp;lt;body&amp;gt;
 &amp;lt;p&amp;gt;Test&amp;lt;/p&amp;gt;
&amp;lt;/body&amp;gt;
&amp;lt;/html&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;h3 id="diff-code-block"&gt;Diff code block
&lt;/h3&gt;&lt;div class="highlight"&gt;&lt;div class="chroma"&gt;
&lt;table class="lntable"&gt;&lt;tr&gt;&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code&gt;&lt;span class="lnt"&gt;1
&lt;/span&gt;&lt;span class="lnt"&gt;2
&lt;/span&gt;&lt;span class="lnt"&gt;3
&lt;/span&gt;&lt;span class="lnt"&gt;4
&lt;/span&gt;&lt;span class="lnt"&gt;5
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-diff" data-lang="diff"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;[dependencies.bevy]
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;git = &amp;#34;https://github.com/bevyengine/bevy&amp;#34;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;rev = &amp;#34;11f52b8c72fc3a568e8bb4a4cd1f3eb025ac2e13&amp;#34;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="gd"&gt;- features = [&amp;#34;dynamic&amp;#34;]
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="gi"&gt;+ features = [&amp;#34;jpeg&amp;#34;, &amp;#34;dynamic&amp;#34;]
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h3 id="one-line-code-block"&gt;One line code block
&lt;/h3&gt;&lt;div class="highlight"&gt;&lt;div class="chroma"&gt;
&lt;table class="lntable"&gt;&lt;tr&gt;&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code&gt;&lt;span class="lnt"&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-html" data-lang="html"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;p&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;A paragraph&lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;p&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h2 id="list-types"&gt;List Types
&lt;/h2&gt;&lt;h3 id="ordered-list"&gt;Ordered List
&lt;/h3&gt;&lt;ol&gt;
&lt;li&gt;First item&lt;/li&gt;
&lt;li&gt;Second item&lt;/li&gt;
&lt;li&gt;Third item&lt;/li&gt;
&lt;/ol&gt;
&lt;h3 id="unordered-list"&gt;Unordered List
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;List item&lt;/li&gt;
&lt;li&gt;Another item&lt;/li&gt;
&lt;li&gt;And another item&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id="nested-list"&gt;Nested list
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;Fruit
&lt;ul&gt;
&lt;li&gt;Apple&lt;/li&gt;
&lt;li&gt;Orange&lt;/li&gt;
&lt;li&gt;Banana&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Dairy
&lt;ul&gt;
&lt;li&gt;Milk&lt;/li&gt;
&lt;li&gt;Cheese&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="other-elements--abbr-sub-sup-kbd-mark"&gt;Other Elements — abbr, sub, sup, kbd, mark
&lt;/h2&gt;&lt;p&gt;&lt;abbr title="Graphics Interchange Format"&gt;GIF&lt;/abbr&gt; is a bitmap image format.&lt;/p&gt;
&lt;p&gt;H&lt;sub&gt;2&lt;/sub&gt;O&lt;/p&gt;
&lt;p&gt;X&lt;sup&gt;n&lt;/sup&gt; + Y&lt;sup&gt;n&lt;/sup&gt; = Z&lt;sup&gt;n&lt;/sup&gt;&lt;/p&gt;
&lt;p&gt;Press &lt;kbd&gt;CTRL&lt;/kbd&gt; + &lt;kbd&gt;ALT&lt;/kbd&gt; + &lt;kbd&gt;Delete&lt;/kbd&gt; to end the session.&lt;/p&gt;
&lt;p&gt;Most &lt;mark&gt;salamanders&lt;/mark&gt; are nocturnal, and hunt for insects, worms, and other small creatures.&lt;/p&gt;
&lt;div class="footnotes" role="doc-endnotes"&gt;
&lt;hr&gt;
&lt;ol&gt;
&lt;li id="fn:1"&gt;
&lt;p&gt;The above quote is excerpted from Rob Pike&amp;rsquo;s &lt;a class="link" href="https://www.youtube.com/watch?v=PAAkCSZUG1c" target="_blank" rel="noopener"
 &gt;talk&lt;/a&gt; during Gopherfest, November 18, 2015.&amp;#160;&lt;a href="#fnref:1" class="footnote-backref" role="doc-backlink"&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;</description></item><item><title>Image gallery</title><link>https://zhangkaiyuan007.github.io/p/image-gallery/</link><pubDate>Sat, 26 Aug 2023 00:00:00 +0000</pubDate><guid>https://zhangkaiyuan007.github.io/p/image-gallery/</guid><description>&lt;img src="https://zhangkaiyuan007.github.io/p/image-gallery/2.jpg" alt="Featured image of post Image gallery" /&gt;&lt;p&gt;Hugo theme Stack supports the creation of interactive image galleries using Markdown. It&amp;rsquo;s powered by &lt;a class="link" href="https://photoswipe.com/" target="_blank" rel="noopener"
 &gt;PhotoSwipe&lt;/a&gt; and its syntax was inspired by &lt;a class="link" href="https://typlog.com/" target="_blank" rel="noopener"
 &gt;Typlog&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;To use this feature, the image must be in the same directory as the Markdown file, as it uses Hugo&amp;rsquo;s page bundle feature to read the dimensions of the image. &lt;strong&gt;External images are not supported.&lt;/strong&gt;&lt;/p&gt;
&lt;h2 id="syntax"&gt;Syntax
&lt;/h2&gt;&lt;div class="highlight"&gt;&lt;div class="chroma"&gt;
&lt;table class="lntable"&gt;&lt;tr&gt;&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code&gt;&lt;span class="lnt"&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;![&lt;span class="nt"&gt;Image 1&lt;/span&gt;](&lt;span class="na"&gt;1.jpg&lt;/span&gt;) ![&lt;span class="nt"&gt;Image 2&lt;/span&gt;](&lt;span class="na"&gt;2.jpg&lt;/span&gt;)
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h2 id="result"&gt;Result
&lt;/h2&gt;&lt;p&gt;&lt;img alt="Image 1" class="gallery-image" data-flex-basis="342px" data-flex-grow="142" height="1400" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://zhangkaiyuan007.github.io/p/image-gallery/1.jpg" srcset="https://zhangkaiyuan007.github.io/p/image-gallery/1_hu_4c8600a66f278e44.jpg 800w, https://zhangkaiyuan007.github.io/p/image-gallery/1_hu_ba10ab92dc5a4e16.jpg 1600w, https://zhangkaiyuan007.github.io/p/image-gallery/1.jpg 2000w" width="2000"&gt; &lt;img alt="Image 2" class="gallery-image" data-flex-basis="160px" data-flex-grow="66" height="2250" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://zhangkaiyuan007.github.io/p/image-gallery/2.jpg" srcset="https://zhangkaiyuan007.github.io/p/image-gallery/2_hu_e511c73cee932c22.jpg 800w, https://zhangkaiyuan007.github.io/p/image-gallery/2.jpg 1500w" width="1500"&gt;&lt;/p&gt;

 &lt;blockquote&gt;
 &lt;p&gt;Photo by &lt;a class="link" href="https://unsplash.com/@mymind" target="_blank" rel="noopener"
 &gt;mymind&lt;/a&gt; and &lt;a class="link" href="https://unsplash.com/@lukechesser" target="_blank" rel="noopener"
 &gt;Luke Chesser&lt;/a&gt; on &lt;a class="link" href="https://unsplash.com/" target="_blank" rel="noopener"
 &gt;Unsplash&lt;/a&gt;&lt;/p&gt;

 &lt;/blockquote&gt;</description></item><item><title>Shortcodes</title><link>https://zhangkaiyuan007.github.io/p/shortcodes/</link><pubDate>Fri, 25 Aug 2023 00:00:00 +0000</pubDate><guid>https://zhangkaiyuan007.github.io/p/shortcodes/</guid><description>&lt;img src="https://zhangkaiyuan007.github.io/p/shortcodes/cover.jpg" alt="Featured image of post Shortcodes" /&gt;&lt;p&gt;For more details, check out the &lt;a class="link" href="https://stack.jimmycai.com/writing/shortcodes" target="_blank" rel="noopener"
 &gt;documentation&lt;/a&gt;.&lt;/p&gt;
&lt;h2 id="bilibili-video"&gt;Bilibili video
&lt;/h2&gt;





 


&lt;div class="video-wrapper"&gt;
 &lt;iframe src="https://player.bilibili.com/player.html?as_wide=1&amp;amp;high_quality=1&amp;amp;page=1&amp;bvid=BV1d4411N7zD"
 scrolling="no"
 frameborder="no"
 framespacing="0"
 allowfullscreen="true"
 &gt;
 &lt;/iframe&gt;
&lt;/div&gt;

&lt;h2 id="tencent-video"&gt;Tencent video
&lt;/h2&gt;
&lt;div class="video-wrapper"&gt;
 &lt;iframe src="https://v.qq.com/txp/iframe/player.html?vid=g0014r3khdw&amp;auto=0" 
 scrolling="no" 
 frameborder="no"
 framespacing="0" 
 allowfullscreen="true"
 &gt;
 &lt;/iframe&gt;
&lt;/div&gt;
&lt;h2 id="youtube-video"&gt;YouTube video
&lt;/h2&gt;&lt;div class="video-wrapper"&gt;
 &lt;iframe loading="lazy" 
 src="https://www.youtube.com/embed/0qwALOOvUik" 
 allowfullscreen 
 title="YouTube Video"
 &gt;
 &lt;/iframe&gt;
&lt;/div&gt;

&lt;h2 id="generic-video-file"&gt;Generic video file
&lt;/h2&gt;&lt;div class="video-wrapper"&gt;
 &lt;video
 controls
 src="https://www.w3schools.com/tags/movie.mp4"
 
 
 
 &gt;
 &lt;p&gt;
 Your browser doesn't support HTML5 video. Here is a
 &lt;a href="https://www.w3schools.com/tags/movie.mp4"&gt;link to the video&lt;/a&gt; instead.
 &lt;/p&gt;
 &lt;/video&gt;
&lt;/div&gt;

&lt;h2 id="gitlab"&gt;GitLab
&lt;/h2&gt;&lt;script
 type="application/javascript"
 src="https://gitlab.com/-/snippets/2589724.js"
&gt;&lt;/script&gt;
&lt;h2 id="quote"&gt;Quote
&lt;/h2&gt;&lt;blockquote&gt;
 &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;&lt;span class="cite"&gt;&lt;span&gt;― &lt;/span&gt;&lt;span&gt;A famous person, &lt;/span&gt;&lt;a href="https://en.wikipedia.org/wiki/Book"&gt;&lt;cite&gt;The book they wrote&lt;/cite&gt;&lt;/a&gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;hr&gt;

 &lt;blockquote&gt;
 &lt;p&gt;Photo by &lt;a class="link" href="https://unsplash.com/@codioful" target="_blank" rel="noopener"
 &gt;Codioful&lt;/a&gt; on &lt;a class="link" href="https://unsplash.com/photos/WDSN62Qdxuk" target="_blank" rel="noopener"
 &gt;Unsplash&lt;/a&gt;&lt;/p&gt;

 &lt;/blockquote&gt;</description></item><item><title>Math Typesetting</title><link>https://zhangkaiyuan007.github.io/p/math-typesetting/</link><pubDate>Thu, 24 Aug 2023 00:00:00 +0000</pubDate><guid>https://zhangkaiyuan007.github.io/p/math-typesetting/</guid><description>&lt;p&gt;Stack has built-in support for math typesetting using &lt;a class="link" href="https://katex.org/" target="_blank" rel="noopener"
 &gt;KaTeX&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;It&amp;rsquo;s not enabled by default side-wide,&lt;/strong&gt; but you can enable it for individual posts by adding &lt;code&gt;math: true&lt;/code&gt; to the front matter. Or you can enable it side-wide by adding &lt;code&gt;math = true&lt;/code&gt; to the &lt;code&gt;params.article&lt;/code&gt; section in &lt;code&gt;config.toml&lt;/code&gt;.&lt;/p&gt;
&lt;h2 id="inline-math"&gt;Inline math
&lt;/h2&gt;&lt;p&gt;This is an inline mathematical expression: $\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…$&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;div class="chroma"&gt;
&lt;table class="lntable"&gt;&lt;tr&gt;&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code&gt;&lt;span class="lnt"&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;$\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…$
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h2 id="block-math"&gt;Block math
&lt;/h2&gt;$$
 \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } 
$$&lt;div class="highlight"&gt;&lt;div class="chroma"&gt;
&lt;table class="lntable"&gt;&lt;tr&gt;&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code&gt;&lt;span class="lnt"&gt;1
&lt;/span&gt;&lt;span class="lnt"&gt;2
&lt;/span&gt;&lt;span class="lnt"&gt;3
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;$$
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } 
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;$$
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;$$
 f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi
$$&lt;div class="highlight"&gt;&lt;div class="chroma"&gt;
&lt;table class="lntable"&gt;&lt;tr&gt;&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code&gt;&lt;span class="lnt"&gt;1
&lt;/span&gt;&lt;span class="lnt"&gt;2
&lt;/span&gt;&lt;span class="lnt"&gt;3
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;$$
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;$$
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;</description></item><item><title>Hello World</title><link>https://zhangkaiyuan007.github.io/p/hello-world/</link><pubDate>Sun, 06 Mar 2022 00:00:00 +0000</pubDate><guid>https://zhangkaiyuan007.github.io/p/hello-world/</guid><description>&lt;img src="https://zhangkaiyuan007.github.io/p/hello-world/cover.jpg" alt="Featured image of post Hello World" /&gt;&lt;p&gt;Welcome to Hugo theme Stack. This is your first post. Edit or delete it, then start writing!&lt;/p&gt;
&lt;p&gt;For more information about this theme, check the documentation: &lt;a class="link" href="https://stack.jimmycai.com/" target="_blank" rel="noopener"
 &gt;https://stack.jimmycai.com/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Want a site like this? Check out &lt;a class="link" href="https://github.com/CaiJimmy/hugo-theme-stack-starter" target="_blank" rel="noopener"
 &gt;hugo-theme-stack-stater&lt;/a&gt;&lt;/p&gt;

 &lt;blockquote&gt;
 &lt;p&gt;Photo by &lt;a class="link" href="https://unsplash.com/@pawel_czerwinski" target="_blank" rel="noopener"
 &gt;Pawel Czerwinski&lt;/a&gt; on &lt;a class="link" href="https://unsplash.com/" target="_blank" rel="noopener"
 &gt;Unsplash&lt;/a&gt;&lt;/p&gt;

 &lt;/blockquote&gt;</description></item></channel></rss>