<?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet href="/scripts/pretty-feed-v3.xsl" type="text/xsl"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:h="http://www.w3.org/TR/html4/"><channel><title>Yechen&apos;s Blog</title><description>Stay hungry, stay foolish</description><link>https://user309dec.github.io</link><item><title>中国的民主化道路思考</title><link>https://user309dec.github.io/blog/china-democratization.mdx</link><guid isPermaLink="true">https://user309dec.github.io/blog/china-democratization.mdx</guid><description>从党内改革、舆论监督到司法纪检，讨论中国民主化的渐进路径与现实困境。</description><pubDate>Sun, 23 Nov 2025 00:00:00 GMT</pubDate><content:encoded>&lt;h2&gt;引言&lt;/h2&gt;
&lt;p&gt;很荣幸，拜休斯顿亚洲口述历史协会提供的机会，今天我同Dr.Schoenberger和Dr.Lewis讨论了一个很有意思的问题，中国会如何实现民主化。在讨论这个问题之前，我有一个很有意思的发现，那就是很多学者都认定一个共识，即中国的民主化进程虽然缓慢，但是近乎是历史必然。接下来我想对这个话题发表一些愚见，融合了两位受人敬仰的教授的观点。&lt;/p&gt;
&lt;h2&gt;民主化的现实困境&lt;/h2&gt;
&lt;p&gt;在追寻民主化的道路上，中国已拖着沉重的脚步探索了一百多年。至于如何评价过去的民主化成果，另当别论；可以肯定的现实是，中国今日的政治环境离民主政治还有太大的差距。如果说毛泽东建立人民代表大会制度和党内民主集中制是中国民主建设道路上的一大进步的话，那么，从此以后，再也没有值得炫耀的成果。如果说党中央高层的“集体领导原则”还算是一个民主的尝试，同样肯定的是，这一制度本身只能是权宜之计，因为参与这一“集体”的人员产生过程没有任何规范的制度，“集体”内部的责任承担和职责安排也被模糊，结果是：对一系列问题议而不决，同时也削弱了中央的权威，而这个“集体”并没有给“集体”外人士的参与提供合理的管道；即使强调维护“核心”的重要，但因“核心”本身产生的过程及其个人的操守和能力，也给这个“核心”的权威带来不确定性。与过去不同的是：个人的独裁转化为“小集体”的独裁，当今中央高层的产生和运作始终没有从落后的blackbox中解脱出来；个别领导人的上升和下降，根本上与他的“人际关系”密切相关，而与治国的能力和贡献没有关系；这必然导致“逆向淘汰”现象的出现，不能不说是中国政治的一大悲哀。“集体领导原则”和突出维护“核心”只能是权宜之计，而不应，也不可能成为中国高层政治的常态。而集体内部的拉帮结派，难免形成占优势的组合，则可轻而易举地摧毁内部的民主氛围。&lt;/p&gt;
&lt;h2&gt;渐进路径与改革前提&lt;/h2&gt;
&lt;p&gt;在探索中国民主化道路时，必须首先明确的是，中国民主化道路在未来相当长时间内，不能考虑对共产党本身执政地位的挑战；这与是否喜欢共产党无关。否则，不仅无助于民主的发展，很可能导致中国民主化的停滞，甚至倒退，看一下8964对民主化进程的破坏就明白了。中国经受不起“推倒一切，从头再来”的冲击；其社会成本的高昂将与民主化本身的目标效果背道而驰。这并非刻意维护共产党的领导地位。其实，我首先承认我是个民族主义者，然后才是共产主义者，因为“中国共产党”组织的基础是“中国”两个字。&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;p&gt;至于中国共产党民主化建设的终极目标是什么，此处无意多谈，因那是较为遥远的课题。当前，中国共产党民主化建设的首要任务应该是处理好以下一些理论课题：&lt;/p&gt;
&lt;h2&gt;党内民主化的六个关键课题&lt;/h2&gt;
&lt;h3&gt;1. 如何理解“党领导一切”？&lt;/h3&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;/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;p&gt;由此可见，如果中国共产党不能很好地处理“党的领导”，中国的民主化建设将寸步难行。即使仅就村民自治选举制度的完善，而弱化行政村党委书记的权力，让人民选举出真正的“一把手”，中国基层民主化建设也将取得根本性的进步，基层贪污之风将会得到有效遏制。同时，民主的“种子”也将通过几年的选举而在人民心目中生根发芽，为将来更大范围的民主化建设准备社会基础。&lt;/p&gt;
&lt;p&gt;只有当民主的概念融入到人们的生活和思维习惯中，“民主”才真正成为中华文化的一部分，否则，它将永远停留在政治理念和学术的层面上。&lt;/p&gt;
&lt;h3&gt;2. 如何处理“反对党的领导人”和“反党”的关系问题&lt;/h3&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;我们在讨论中国的民主化方向时，从来不把“人”看成是理想的，甚至中共中央政治局委员也被看成是有私欲的，而不是共产党传统所宣扬的理想革命者；只有这样，才能确立起稳定而有效的民主体制。因此，上述中央政治局委员考虑的问题，也顾及到对他们自身群体利益的伤害程度；否则，再好的民主化改革建议，也很难通过高层那一关。这是无奈的，但又是负责任的和非对抗性的，最终将比激进式的改革更能实际推动中国的进步。8964之后中国民主化发展的停滞就是最好的例证。这也决定了中国的民主化改革是渐进的，而不是跳跃式的。&lt;/p&gt;
&lt;h3&gt;3. 有效舆论监督体系的确立&lt;/h3&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;h3&gt;4. 从下而上与自上而下的同步推进&lt;/h3&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;/p&gt;
&lt;p&gt;由于中国共产党过于强大，且党国一体，要在中国培育反对党将异常困难和漫长。最快捷且能保持意识形态稳定的“法宝”就是：将共产党一分为二，成立两个左派政党，他们拥有同样的历史和意识形态，但各自独立运作。在具体民主化的游戏规则上，本处就不做细谈了，因这一天是否会来临还是未知数。&lt;/p&gt;
&lt;p&gt;当今中国共产党的高层领袖们，如果要避免未来的不得不分裂的命运，唯一的选择就是加快自身的民主化改造，并以较宽宏的气度为党外监督创造条件。&lt;/p&gt;
&lt;h3&gt;5. 司法和纪检体系的改革势在必行&lt;/h3&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;h3&gt;6. 各级人大功能强化与代表产生的民主化&lt;/h3&gt;
&lt;p&gt;当今的人大体系，虽然从宪法上讲具有很高的合理性，但因“党领导一切”而带来具体操作上的非民主色彩，导致了功能的弱化。各级人大其实是各级党委的橡皮图章和民主化的装饰品，实际的监督作用根本没有发挥。人大代表产生过程缺乏民主程序，很多劳动模范成为人大代表（这在人大代表中还算不错的呢），但与民主无关。让这些劳动模范成为社会的道德样板无疑足仃意义的，但让他们左批评和监督向他们授「•荣那的领导干部，则有些难以操作。由于人大代表产生过程的非民主，导致90%以上的大陆人民不知道代表他们所在社区的人大代表是怎么产生的，甚至根本不知道是谁。&lt;/p&gt;
&lt;p&gt;另外一个荒唐的现象是：各级人大的例会（全国人大除外）很少受到关注，他们都讨论些什么内容，也无人知晓。我这种极为关心国事的人，也不知道省、地、市、县级人大一年中，除每年一次的例会，是否还有其它的例会，如每季度例会等，以及人大代表都对哪些事务提出过议案或进行过辩论。&lt;/p&gt;
&lt;p&gt;更荒唐的是，大陆的城市街道、乡镇和行政村一级，没有人代会式的法定议事和监督机构（如，村民监理会，乡镇人民代表大会）。缺少了这两级的议会体制，基层的民主化就根本谈不上7，基层人民利益的维护和当家作主权力的行使，也就成了一句空话。很显然，这是大陆民主制度建设中的一大疏漏。&lt;/p&gt;
&lt;h2&gt;结语&lt;/h2&gt;
&lt;p&gt;面对世界发展大势，中国的民主化改革将是世界注目的大事。作为世界上第一个创立文官制度和考试取仕制度的国家，中国朝廷的执政素质曾长期处于领先地位，保证了文明的传承和发展。今天，面对必须要走的民主化道路，只要领袖们能更高瞻远嘱，具更博大胸襟，能建立起完善、科学的民主政体。它不仅具有西方民主政体的民本性、开放性、包容性，同时也将具有西方民主政体所欠缺的高效性、前瞻性和全域观，尤其避免西方民主政体所固有的选举型或短期利益追求型的执政特点。&lt;/p&gt;</content:encoded><h:img src="/YokohamaSnowlyBlog/_astro/cover.6P6Mr7Pw.webp"/><enclosure url="/YokohamaSnowlyBlog/_astro/cover.6P6Mr7Pw.webp"/></item><item><title>The Impact of Technology on the Music World</title><link>https://user309dec.github.io/blog/music-journey/index.mdx</link><guid isPermaLink="true">https://user309dec.github.io/blog/music-journey/index.mdx</guid><description>The evolution of music is a symphony of creativity, rhythm, and technology.</description><pubDate>Sat, 30 Nov 2024 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;The evolution of music is a symphony of creativity, rhythm, and technology. From the humble beginnings of acoustic instruments to the present-day digital era, the relationship between music and technology has been transformative. In this article, we will explore the historical milestones, digital revolution, and emerging technologies that have shaped the music world. Join us on a journey through the chords of innovation as we discuss how technology has changed music.&lt;/p&gt;
&lt;h2&gt;Historical Perspective&lt;/h2&gt;
&lt;p&gt;The marriage of music and technology dates back centuries, with pivotal moments shaping the industry. The invention of the phonograph by Thomas Edison in the late 19th century marked the first time music could be recorded and replayed. Subsequent milestones, such as the electric guitar and the synthesizer, revolutionized music creation, paving the way for new genres and sounds.&lt;/p&gt;
&lt;p&gt;These technological leaps didn&apos;t merely shape the musical landscape of their time but laid a foundation for the continuous evolution of the intersection between music and technology. As artists embraced these innovations, they unlocked new avenues for creativity, paving the way for diverse sounds and genres that have become integral to the vibrant tapestry of the modern music industry. The historical perspective illuminates the symbiotic relationship between music and technology, highlighting the transformative impact that each innovation has had on the way we create, consume, and experience music.&lt;/p&gt;
&lt;h2&gt;Digital Revolution&lt;/h2&gt;
&lt;p&gt;The digital revolution has been a seismic shift in the music industry, altering how music is consumed, distributed, and produced. The transition from physical formats like CDs and vinyl to digital formats such as MP3s and streaming services has democratized access to music. The ease of streaming has transformed how listeners discover and enjoy music, challenging traditional revenue models while offering unparalleled convenience.&lt;/p&gt;
&lt;h2&gt;Technology in Music Consumption and Distribution&lt;/h2&gt;
&lt;p&gt;Streaming services have become the heartbeat of music consumption, causing a decline in traditional music stores. The accessibility of music online has reshaped distribution channels, impacting both artists and record labels. While it provides exposure to a global audience, it also poses challenges regarding fair compensation for artists. The dynamics of the industry are evolving, reflecting the intricate dance between technology and music.
Music Production and Creation&lt;/p&gt;
&lt;p&gt;The advent of digital audio workstations (DAWs), software instruments, and electronic production techniques has democratized music creation. Artists now have powerful tools at their fingertips, enabling them to experiment with sounds, collaborate remotely, and produce music independently. This technological shift has broken down barriers, allowing for a diverse array of voices to be heard in the ever-expanding realm of music.&lt;/p&gt;</content:encoded><h:img src="/YokohamaSnowlyBlog/_astro/thumbnail.Cx18cRmB.jpg"/><enclosure url="/YokohamaSnowlyBlog/_astro/thumbnail.Cx18cRmB.jpg"/></item><item><title>Personalized Customization Guide</title><link>https://user309dec.github.io/blog/customize/index.mdx</link><guid isPermaLink="true">https://user309dec.github.io/blog/customize/index.mdx</guid><description>astro-theme-pure Personalized Customization Guide</description><pubDate>Sat, 27 Jul 2024 00:00:00 GMT</pubDate><content:encoded>&lt;h2&gt;Site Configuration&lt;/h2&gt;
&lt;p&gt;&lt;a href=&quot;https://github.com/cworld1/astro-theme-pure&quot;&gt;astro-theme-pure&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Customizing this theme requires adjusting a significant amount of source code.&lt;/p&gt;
&lt;p&gt;We have made efforts to centralize the configuration options in the &lt;code&gt;src/site.config.ts&lt;/code&gt; file for user convenience and have integrated a variety of common social media/tools icons. If you want to add new icons, you will need to modify the source code yourself.&lt;/p&gt;
&lt;p&gt;You can globally search for the following keywords to find the text that needs to be replaced:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;Lorem ipsum&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;astro-theme-pure&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;cworld&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Next, we will introduce each aspect in detail.&lt;/p&gt;
&lt;h3&gt;Configuration Files&lt;/h3&gt;
&lt;p&gt;See &lt;a href=&quot;/docs/setup/configuration&quot;&gt;Configuration Files&lt;/a&gt; for details.&lt;/p&gt;
&lt;h4&gt;Waline Comment System&lt;/h4&gt;
&lt;p&gt;See &lt;a href=&quot;/docs/integrations/comment&quot;&gt;Waline Comment System&lt;/a&gt; for details.&lt;/p&gt;
&lt;h4&gt;Footer&lt;/h4&gt;
&lt;p&gt;Currently supported social media include:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;coolapk&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;telegram&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;github&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;bilibili&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;twitter&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;zhihu&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;steam&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;netease_music&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;If you want to add new social media, you need to modify the following files:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;code&gt;src/types.ts&lt;/code&gt;: Add a new &lt;code&gt;SocialLink.name&lt;/code&gt; enum value and the icon mapping relationship for &lt;code&gt;SocialMediaIconId&lt;/code&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;code&gt;public/icons/social.svg&lt;/code&gt;: Follow the existing format and add a new icon as a symbol&lt;/p&gt;
&lt;p&gt;It is recommended to find social media icons on the following websites to maintain consistency:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;https://remixicon.com/&quot;&gt;remixicon&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://www.mingcute.com/&quot;&gt;mingcute&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;Other Files to Replace&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;public/favicon&lt;/code&gt;: The site&apos;s favicon. You can generate a favicon at &lt;a href=&quot;https://favicon.io/favicon-converter/&quot;&gt;favicon.io&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;public/images/social-card.png&lt;/code&gt;: The site&apos;s social card&lt;/li&gt;
&lt;li&gt;&lt;code&gt;src/assets/&lt;/code&gt;: This directory contains client-rendered avatars, sponsorship QR codes, and other images. Please replace them with your own images&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;Other Pages&lt;/h2&gt;
&lt;h3&gt;About&lt;/h3&gt;
&lt;p&gt;Currently supported icons can be found in the &lt;code&gt;src/icons&lt;/code&gt; directory.&lt;/p&gt;
&lt;p&gt;If you want to add new Tools icons, you need to add a new icon in the &lt;code&gt;src/icons&lt;/code&gt; directory.&lt;/p&gt;
&lt;p&gt;It is recommended to find new icons on the following websites to maintain consistency:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;https://icon-sets.iconify.design/&quot;&gt;iconify&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://icones.js.org/&quot;&gt;icones&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;Deployment Mode&lt;/h2&gt;
&lt;p&gt;See &lt;a href=&quot;/docs/deployment&quot;&gt;Deployment&lt;/a&gt; for details.&lt;/p&gt;</content:encoded><h:img src="/YokohamaSnowlyBlog/_astro/thumbnail.H3t_xmcX.jpg"/><enclosure url="/YokohamaSnowlyBlog/_astro/thumbnail.H3t_xmcX.jpg"/></item><item><title>Tips to improve concentration</title><link>https://user309dec.github.io/blog/improve-concentration/index.mdx</link><guid isPermaLink="true">https://user309dec.github.io/blog/improve-concentration/index.mdx</guid><description>Mindfulness, cognitive training, and a healthy lifestyle may help sharpen your focus.</description><pubDate>Fri, 10 May 2024 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;import { Aside } from &apos;astro-pure/user&apos;&lt;/p&gt;
&lt;p&gt;You&apos;re trying to concentrate, but your mind is wandering or you&apos;re easily distracted. What happened to the laser-sharp focus you once enjoyed? As we age, we tend to have more difficulty filtering out stimuli that are not relevant to the task at hand.&lt;/p&gt;
&lt;h2&gt;What&apos;s fogging up focus?&lt;/h2&gt;
&lt;p&gt;Like a computer that slows with use, the brain accumulates wear and tear that affects processing. This can be caused by a number of physiological stressors such as inflammation, injury to blood vessels (especially if you have high blood pressure), the buildup of abnormal proteins, and naturally occurring brain shrinkage.&lt;/p&gt;
&lt;p&gt;The following factors can also affect your concentration.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Underlying conditions.&lt;/strong&gt; Depression or sleep disorders (such as sleep apnea) can undermine your ability to concentrate. So can the effects of vision or hearing loss. You waste precious cognitive resources when you spend too much time trying to make out what&apos;s written on a page or just hear what someone is saying.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Medication side effects.&lt;/strong&gt; Some drugs, especially anticholinergics (such as treatments for incontinence, depression, or allergies), can slow processing speed and your ability to think clearly.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Excessive drinking.&lt;/strong&gt; Having too much alcohol impairs thinking and causes interrupted sleep, which affects concentration.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Information overload.&lt;/strong&gt; We are bombarded with information from TVs, computers, and messages such as texts or emails. When there&apos;s too much material, it burdens our filtering system and it&apos;s easy to get distracted.&lt;/p&gt;
&lt;h2&gt;Strategies to stay focused&lt;/h2&gt;
&lt;p&gt;To improve attention, consider the following strategies.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Mindfulness.&lt;/strong&gt; &quot;Mindfulness is about focusing attention on the present moment, and practicing mindfulness has been shown to rewire the brain so that attention is stronger in everyday life,&quot; says Kim Willment, a neuropsychologist with Brigham and Women&apos;s Hospital. She recommends sitting still for a few minutes each day, closing your eyes, and focusing on your breathing as well as the sounds and sensations around you.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Cognitive training.&lt;/strong&gt; Computerized cognitive training games aim to improve your response times and attention. Evidence that this works has been mixed. &quot;The goal of playing these games is not to get better at them, but to get better in the cognitive activities of everyday life,&quot; Willment says. &quot;But there is evidence that a person&apos;s ability to pay attention can be improved by progressively pushing the person to higher levels of performance. So if you reach a certain level of sustained attention, pushing it to the next level can help improve it, and this may translate to everyday life.&quot;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;A healthier lifestyle.&lt;/strong&gt; Many aspects of a healthy lifestyle can help attention, starting with sleep and exercise. There is a direct link between exercise and cognitive ability, especially attention. When you exercise, you increase the availability of brain chemicals that promote new brain connections, reduce stress, and improve sleep. And when we sleep, we reduce stress hormones that can be harmful to the brain, and we clear out proteins that injure it.&lt;/p&gt;
&lt;p&gt;Aim for seven to eight hours of sleep each night, and 150 minutes per week of aerobic exercise, such as brisk walking.&lt;/p&gt;
&lt;p&gt;Other healthy steps to improve focus: eat a Mediterranean-style diet, which has been shown to support brain health; treat underlying conditions; and change medications that may be affecting your ability to focus.&lt;/p&gt;
&lt;p&gt;Getting older is out of your control, but healthier living is something you determine, and it may improve concentration.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Article from: &lt;a href=&quot;https://www.health.harvard.edu/mind-and-mood/tips-to-improve-concentration&quot;&gt;Harvard Health Publishing&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;</content:encoded><h:img src="/YokohamaSnowlyBlog/_astro/thumbnail.1GZ294Dz.jpg"/><enclosure url="/YokohamaSnowlyBlog/_astro/thumbnail.1GZ294Dz.jpg"/></item><item><title>Using MDX</title><link>https://user309dec.github.io/blog/using-mdx.mdx</link><guid isPermaLink="true">https://user309dec.github.io/blog/using-mdx.mdx</guid><description>Learning how to use MDX in Astro</description><pubDate>Sat, 01 Jun 2024 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;This theme comes with the &lt;a href=&quot;https://docs.astro.build/en/guides/integrations-guide/mdx/&quot;&gt;@astrojs/mdx&lt;/a&gt; integration installed and configured in your &lt;code&gt;astro.config.mjs&lt;/code&gt; config file. If you prefer not to use MDX, you can disable support by removing the integration from your config file.&lt;/p&gt;
&lt;h2&gt;Why MDX?&lt;/h2&gt;
&lt;p&gt;MDX is a special flavor of Markdown that supports embedded JavaScript &amp;#x26; JSX syntax. This unlocks the ability to &lt;a href=&quot;https://docs.astro.build/en/guides/markdown-content/#mdx-features&quot;&gt;mix JavaScript and UI Components into your Markdown content&lt;/a&gt; for things like interactive charts or alerts.&lt;/p&gt;
&lt;p&gt;If you have existing content authored in MDX, this integration will hopefully make migrating to Astro a breeze.&lt;/p&gt;
&lt;h2&gt;Example&lt;/h2&gt;
&lt;p&gt;Here is how you import and use a UI component inside of MDX.&lt;br&gt;
When you open this page in the browser, you should see the clickable button below.&lt;/p&gt;
&lt;p&gt;import { Button } from &apos;astro-pure/user&apos;&lt;/p&gt;
&lt;p&gt;Click Me&lt;/p&gt;
&lt;h2&gt;More Links&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;https://mdxjs.com/docs/what-is-mdx&quot;&gt;MDX Syntax Documentation&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://docs.astro.build/en/guides/markdown-content/#markdown-and-mdx-pages&quot;&gt;Astro Usage Documentation&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Note:&lt;/strong&gt; &lt;a href=&quot;https://docs.astro.build/en/reference/directives-reference/#client-directives&quot;&gt;Client Directives&lt;/a&gt; are still required to create interactive components. Otherwise, all components in your MDX will render as static HTML (no JavaScript) by default.&lt;/li&gt;
&lt;/ul&gt;</content:encoded><h:img src="undefined"/><enclosure url="undefined"/></item><item><title>What Is 3D Rendering? Complete Guide to 3D Visualization</title><link>https://user309dec.github.io/blog/3d-rendering/index.mdx</link><guid isPermaLink="true">https://user309dec.github.io/blog/3d-rendering/index.mdx</guid><description>3D imagery has the power to bring cinematic visions to life and help accurately plan tomorrow&apos;s cityscapes. Here, 3D expert Ricardo Ortiz explains how it works.</description><pubDate>Fri, 09 Feb 2024 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;3D rendering is all around us. From huge action movies to car commercials to previews of upcoming buildings or product designs, 3D visualization has become so widespread and realistic that you probably don’t even know it’s there.&lt;/p&gt;
&lt;p&gt;In this introductory piece, Chaos&apos; Ricardo Ortiz explains the basics of 3D rendering, from the computational methods that create imagery to the artistic techniques that create great computer-generated (CG) content and its various uses.&lt;/p&gt;
&lt;p&gt;Put simply, 3D rendering is the process of using a computer to generate a 2D image from a digital three-dimensional scene.&lt;/p&gt;
&lt;p&gt;To generate an image, specific methodologies and special software and hardware are used. Therefore, we need to understand that 3D rendering is a process—the one that builds the image.&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;./nikola-arsov-still-life-interior-design-vray-3ds-max-05-930px.jpg&quot; alt=&quot;alt text&quot;&gt;&lt;/p&gt;
&lt;h2&gt;Types of 3D rendering&lt;/h2&gt;
&lt;p&gt;We can create different types of rendered image; they can be realistic or non-realistic.&lt;/p&gt;
&lt;p&gt;A realistic image could be an architectural interior that looks like a photograph, a product-design image such as a piece of furniture, or an automotive rendering of a car. On the other hand, we can create a non-realistic image such as an outline-type diagram or a cartoon-style image with a traditional 2D look. Technically, we can visualize anything we can imagine.&lt;/p&gt;
&lt;h2&gt;How is 3D rendering used?&lt;/h2&gt;
&lt;p&gt;3D rendering is an essential technique for many industries including architecture, product design, advertising, video games and visual effects for film, TV and animation.&lt;/p&gt;
&lt;p&gt;In design and architecture, renders allow creative people to communicate their ideas in a clear and transparent way. A render gives them the chance to evaluate their proposals, experiment with materials, conduct studies and contextualize their designs in the real world before they are built or manufactured.&lt;/p&gt;
&lt;p&gt;For the media and entertainment industries, 3D rendering is fundamental to the creation of sequences and animations that tell stories, whether we’re watching an animated movie, a period drama, or an action sequence with explosions, ships from the future, exotic locales, or extraterrestrial creatures.&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;./thanos-dd-single-image-004a.jpg&quot; alt=&quot;alt text&quot;&gt;&lt;/p&gt;
&lt;p&gt;Over the past few years, the evolution of computer graphics in these industries has replaced traditional techniques. For example, special effects are being replaced by visual effects, which means stunt people no longer risk their lives in car crashes.&lt;/p&gt;
&lt;p&gt;In advertising, I would dare to say that 90% of automotive commercials are CG—or even more. In the architecture industry, many traditional techniques to create representations, such as scale models, have been replaced with photorealistic imagery to ensure we can see exactly how something will look once it’s built.&lt;/p&gt;
&lt;p&gt;Accelerating processes, reducing costs and the demand for better quality results have helped technology evolve. Hardware is more powerful than ever and the switch to CG was inevitable.&lt;/p&gt;
&lt;h2&gt;How is a 3D rendered image generated?&lt;/h2&gt;
&lt;p&gt;Two pieces of software, with different characteristics, are used to computer-generate images and animations: render engines and game engines. Render engines use a technique called ray tracing, while game engines use a technique called rasterization—and some engines mix both techniques, but we will talk about that later on.&lt;/p&gt;</content:encoded><h:img src="/YokohamaSnowlyBlog/_astro/thumbnail.DzZDiYKA.jpg"/><enclosure url="/YokohamaSnowlyBlog/_astro/thumbnail.DzZDiYKA.jpg"/></item><item><title>Markdown Syntax Support</title><link>https://user309dec.github.io/blog/markdown/index.mdx</link><guid isPermaLink="true">https://user309dec.github.io/blog/markdown/index.mdx</guid><description>Markdown is a lightweight markup language.</description><pubDate>Wed, 26 Jul 2023 00:00:00 GMT</pubDate><content:encoded>&lt;h2&gt;Basic Syntax&lt;/h2&gt;
&lt;p&gt;Markdown is a lightweight and easy-to-use syntax for styling your writing.&lt;/p&gt;
&lt;h3&gt;Headers&lt;/h3&gt;
&lt;p&gt;When the content of the article is extensive, you can use headers to segment:&lt;/p&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;# Header 1

## Header 2

## Large Header

### Small Header

Header previews would disrupt the structure of the article, so they are not displayed here.

### Bold and Italics

```markdown
**Bold text**

Preview:

_Italic text_ and **Bold text**, together will be **_Bold Italic text_**

### Links

```markdown
Text link [Link Name](http://link-url)
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Preview:&lt;/p&gt;
&lt;p&gt;Text link &lt;a href=&quot;http://link-url&quot;&gt;Link Name&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;Inline Code&lt;/h3&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;This is an `inline code`
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Preview:&lt;/p&gt;
&lt;p&gt;This is an &lt;code&gt;inline code&lt;/code&gt;&lt;/p&gt;
&lt;h3&gt;Code Blocks&lt;/h3&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;```js
// calculate fibonacci
function fibonacci(n) {
  if (n &amp;#x3C;= 1) return 1
  const result = fibonacci(n - 1) + fibonacci(n - 2) // [\!code --]
  return fibonacci(n - 1) + fibonacci(n - 2) // [\!code ++]
}
```
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Preview:&lt;/p&gt;
&lt;pre&gt;&lt;code class=&quot;language-js&quot;&gt;// calculate fibonacci
function fibonacci(n) {
  if (n &amp;#x3C;= 1) return 1
  const result = fibonacci(n - 1) + fibonacci(n - 2) // [!code --]
  return fibonacci(n - 1) + fibonacci(n - 2) // [!code ++]
}
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Currently using shiki as the code highlighting plugin. For supported languages, refer to &lt;a href=&quot;https://shiki.matsu.io/languages.html&quot;&gt;Shiki: Languages&lt;/a&gt;.&lt;/p&gt;
&lt;h3&gt;Inline Formula&lt;/h3&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;This is an inline formula $e^{i\pi} + 1 = 0$
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Preview:&lt;/p&gt;
&lt;p&gt;This is an inline formula $e^{i\pi} + 1 = 0$&lt;/p&gt;
&lt;h3&gt;Formula Blocks&lt;/h3&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;$$
\hat{f}(\xi) = \int_{-\infty}^{\infty} f(x) e^{-2\pi i x \xi} \, dx
$$
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Preview:&lt;/p&gt;
&lt;p&gt;$$
\hat{f}(\xi) = \int_{-\infty}^{\infty} f(x) e^{-2\pi i x \xi} , dx
$$&lt;/p&gt;
&lt;p&gt;Currently using KaTeX as the math formula plugin. For supported syntax, refer to &lt;a href=&quot;https://katex.org/docs/supported.html&quot;&gt;KaTeX Supported Functions&lt;/a&gt;.&lt;/p&gt;
&lt;h4&gt;Images&lt;/h4&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;![CWorld](https://cravatar.cn/avatar/1ffe42aa45a6b1444a786b1f32dfa8aa?s=200)
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Preview:&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;https://cravatar.cn/avatar/1ffe42aa45a6b1444a786b1f32dfa8aa?s=200&quot; alt=&quot;CWorld&quot;&gt;&lt;/p&gt;
&lt;h4&gt;Strikethrough&lt;/h4&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;~~Strikethrough~~
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Preview:&lt;/p&gt;
&lt;p&gt;~~Strikethrough~~&lt;/p&gt;
&lt;h3&gt;Lists&lt;/h3&gt;
&lt;p&gt;Regular unordered list&lt;/p&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;- 1
- 2
- 3
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Preview:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;1&lt;/li&gt;
&lt;li&gt;2&lt;/li&gt;
&lt;li&gt;3&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Regular ordered list&lt;/p&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;1. GPT-4
2. Claude Opus
3. LLaMa
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Preview:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;GPT-4&lt;/li&gt;
&lt;li&gt;Claude Opus&lt;/li&gt;
&lt;li&gt;LLaMa&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;You can continue to nest syntax within lists.&lt;/p&gt;
&lt;h3&gt;Blockquotes&lt;/h3&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;&gt; Gunshot, thunder, sword rise. A scene of flowers and blood.
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Preview:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Gunshot, thunder, sword rise. A scene of flowers and blood.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;You can continue to nest syntax within blockquotes.&lt;/p&gt;
&lt;h3&gt;Line Breaks&lt;/h3&gt;
&lt;p&gt;Markdown needs a blank line to separate paragraphs.&lt;/p&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;If you don&apos;t leave a blank line
it will be in one paragraph

First paragraph

Second paragraph
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Preview:&lt;/p&gt;
&lt;p&gt;If you don&apos;t leave a blank line
it will be in one paragraph&lt;/p&gt;
&lt;p&gt;First paragraph&lt;/p&gt;
&lt;p&gt;Second paragraph&lt;/p&gt;
&lt;h3&gt;Separators&lt;/h3&gt;
&lt;p&gt;If you have the habit of writing separators, you can start a new line and enter three dashes &lt;code&gt;---&lt;/code&gt; or asterisks &lt;code&gt;***&lt;/code&gt;. Leave a blank line before and after when there are paragraphs:&lt;/p&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;---
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Preview:&lt;/p&gt;
&lt;hr&gt;
&lt;h2&gt;Advanced Techniques&lt;/h2&gt;
&lt;h3&gt;Inline HTML Elements&lt;/h3&gt;
&lt;p&gt;Currently, only some inline HTML elements are supported, including &lt;code&gt;&amp;#x3C;kdb&gt; &amp;#x3C;b&gt; &amp;#x3C;i&gt; &amp;#x3C;em&gt; &amp;#x3C;sup&gt; &amp;#x3C;sub&gt; &amp;#x3C;br&gt;&lt;/code&gt;, such as&lt;/p&gt;
&lt;h4&gt;Key Display&lt;/h4&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;Use &amp;#x3C;kbd&gt;Ctrl&amp;#x3C;/kbd&gt; + &amp;#x3C;kbd&gt;Alt&amp;#x3C;/kbd&gt; + &amp;#x3C;kbd&gt;Del&amp;#x3C;/kbd&gt; to reboot the computer
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Preview:&lt;/p&gt;
&lt;p&gt;Use Ctrl + Alt + Del to reboot the computer&lt;/p&gt;
&lt;h4&gt;Bold Italics&lt;/h4&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;&amp;#x3C;b&gt; Markdown also applies here, such as _bold_ &amp;#x3C;/b&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Preview:&lt;/p&gt;
&lt;p&gt; Markdown also applies here, such as &lt;em&gt;bold&lt;/em&gt; &lt;/p&gt;
&lt;h3&gt;Other HTML Writing&lt;/h3&gt;
&lt;h4&gt;Foldable Blocks&lt;/h4&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;&amp;#x3C;details&gt;&amp;#x3C;summary&gt;Click to expand&amp;#x3C;/summary&gt;It is hidden&amp;#x3C;/details&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Preview:&lt;/p&gt;
&lt;h3&gt;Tables&lt;/h3&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;| Header1  | Header2  |
| -------- | -------- |
| Content1 | Content2 |
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Preview:&lt;/p&gt;
&lt;p&gt;| Header1  | Header2  |
| -------- | -------- |
| Content1 | Content2 |&lt;/p&gt;
&lt;h3&gt;Footnotes&lt;/h3&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;Use [^footnote] to add a footnote at the point of reference.

Then, at the end of the document, add the content of the footnote (it will be rendered at the end of the article by default).

[^footnote]: Here is the content of the footnote
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Preview:&lt;/p&gt;
&lt;p&gt;Use [^footnote] to add a footnote at the point of reference.&lt;/p&gt;
&lt;p&gt;Then, at the end of the document, add the content of the footnote (it will be rendered at the end of the article by default).&lt;/p&gt;
&lt;p&gt;[^footnote]: Here is the content of the footnote&lt;/p&gt;
&lt;h3&gt;To-Do Lists&lt;/h3&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;- [ ] Incomplete task
- [x] Completed task
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Preview:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;[ ] Incomplete task&lt;/li&gt;
&lt;li&gt;[x] Completed task&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;Symbol Escaping&lt;/h3&gt;
&lt;p&gt;If you need to use markdown symbols like _ # * in your description but don&apos;t want them to be escaped, you can add a backslash before these symbols, such as &lt;code&gt;\_&lt;/code&gt; &lt;code&gt;\#&lt;/code&gt; &lt;code&gt;\*&lt;/code&gt; to avoid it.&lt;/p&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;\_Don&apos;t want the text here to be italic\_

\*\*Don&apos;t want the text here to be bold\*\*
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Preview:&lt;/p&gt;
&lt;p&gt;_Don&apos;t want the text here to be italic_&lt;/p&gt;
&lt;p&gt;**Don&apos;t want the text here to be bold**&lt;/p&gt;
&lt;hr&gt;
&lt;h2&gt;Embedding Astro Components&lt;/h2&gt;
&lt;p&gt;See &lt;a href=&quot;/docs/integrations/components&quot;&gt;User Components&lt;/a&gt; and &lt;a href=&quot;/docs/integrations/advanced&quot;&gt;Advanced Components&lt;/a&gt; for details.&lt;/p&gt;</content:encoded><h:img src="/YokohamaSnowlyBlog/_astro/thumbnail.HAXFr_hw.jpg"/><enclosure url="/YokohamaSnowlyBlog/_astro/thumbnail.HAXFr_hw.jpg"/></item><item><title>Markdown 语法支持</title><link>https://user309dec.github.io/blog/markdown-zh/index.mdx</link><guid isPermaLink="true">https://user309dec.github.io/blog/markdown-zh/index.mdx</guid><description>Markdown 是一种轻量级的「标记语言」。</description><pubDate>Wed, 26 Jul 2023 00:00:00 GMT</pubDate><content:encoded>&lt;h2&gt;基本语法&lt;/h2&gt;
&lt;p&gt;Markdown 是一种轻量级且易于使用的语法，用于为您的写作设计风格。&lt;/p&gt;
&lt;h3&gt;标题&lt;/h3&gt;
&lt;p&gt;文章内容较多时，可以用标题分段：&lt;/p&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;# 标题 1

## 标题 2

## 大标题

### 小标题

标题预览会打乱文章的结构，所以在此不展示。

### 粗斜体

```markdown
**粗体文本**

**_粗斜体文本_**
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;预览：&lt;/p&gt;
&lt;p&gt;&lt;em&gt;斜体文本&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;粗体文本&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;&lt;em&gt;粗斜体文本&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;h3&gt;链接&lt;/h3&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;文字链接 [链接名称](http://链接网址)
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;预览：&lt;/p&gt;
&lt;p&gt;文字链接 &lt;a href=&quot;http://%E9%93%BE%E6%8E%A5%E7%BD%91%E5%9D%80&quot;&gt;链接名称&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;行内代码&lt;/h3&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;这是一条 `单行代码`
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;预览：&lt;/p&gt;
&lt;p&gt;这是一条 &lt;code&gt;行内代码&lt;/code&gt;&lt;/p&gt;
&lt;h3&gt;代码块&lt;/h3&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;```js
// calculate fibonacci
function fibonacci(n) {
  if (n &amp;#x3C;= 1) return 1
  return fibonacci(n - 1) + fibonacci(n - 2)
}
```
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;预览：&lt;/p&gt;
&lt;pre&gt;&lt;code class=&quot;language-js&quot;&gt;// calculate fibonacci
function fibonacci(n) {
  if (n &amp;#x3C;= 1) return 1
  return fibonacci(n - 1) + fibonacci(n - 2)
}
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;当前使用 shiki 作为代码高亮插件，支持的语言请参考 &lt;a href=&quot;https://shiki.matsu.io/languages.html&quot;&gt;shiki / languages&lt;/a&gt;。&lt;/p&gt;
&lt;h3&gt;行内公式&lt;/h3&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;这是一条行内公式 $e^{i\pi} + 1 = 0$
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;预览：&lt;/p&gt;
&lt;p&gt;这是一条行内公式 $e^{i\pi} + 1 = 0$&lt;/p&gt;
&lt;h3&gt;公式块&lt;/h3&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;$$
\hat{f}(\xi) = \int_{-\infty}^{\infty} f(x) e^{-2\pi i x \xi} \, dx
$$
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;预览：&lt;/p&gt;
&lt;p&gt;$$
\hat{f}(\xi) = \int_{-\infty}^{\infty} f(x) e^{-2\pi i x \xi} , dx
$$&lt;/p&gt;
&lt;p&gt;当前使用 KaTeX 作为数学公式插件，支持的语法请参考 &lt;a href=&quot;https://katex.org/docs/supported.html&quot;&gt;KaTeX Supported Functions&lt;/a&gt;。&lt;/p&gt;
&lt;h4&gt;图片&lt;/h4&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;![CWorld](https://cravatar.cn/avatar/1ffe42aa45a6b1444a786b1f32dfa8aa?s=200)
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;预览：&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;https://cravatar.cn/avatar/1ffe42aa45a6b1444a786b1f32dfa8aa?s=200&quot; alt=&quot;CWorld&quot;&gt;&lt;/p&gt;
&lt;h4&gt;删除线&lt;/h4&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;~~删除线~~
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;预览：&lt;/p&gt;
&lt;p&gt;~~删除线~~&lt;/p&gt;
&lt;h3&gt;列表&lt;/h3&gt;
&lt;p&gt;普通无序列表&lt;/p&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;- 1
- 2
- 3
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;预览：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;1&lt;/li&gt;
&lt;li&gt;2&lt;/li&gt;
&lt;li&gt;3&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;普通有序列表&lt;/p&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;1. GPT-4
2. Claude Opus
3. LLaMa
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;预览：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;GPT-4&lt;/li&gt;
&lt;li&gt;Claude Opus&lt;/li&gt;
&lt;li&gt;LLaMa&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;列表里可以继续嵌套语法&lt;/p&gt;
&lt;h3&gt;引用&lt;/h3&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;&gt; 枪响，雷鸣，剑起。繁花血景。
&lt;/code&gt;&lt;/pre&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;h3&gt;换行&lt;/h3&gt;
&lt;p&gt;markdown 分段落是需要空一行的。&lt;/p&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;如果不空行
就会在一段

第一段

第二段
&lt;/code&gt;&lt;/pre&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;h3&gt;分隔符&lt;/h3&gt;
&lt;p&gt;如果你有写分割线的习惯，可以新起一行输入三个减号&lt;code&gt;---&lt;/code&gt; 或者星号 &lt;code&gt;***&lt;/code&gt;。当前后都有段落时，请空出一行：&lt;/p&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;---
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;预览：&lt;/p&gt;
&lt;hr&gt;
&lt;h2&gt;高级技巧&lt;/h2&gt;
&lt;h3&gt;行内 HTML 元素&lt;/h3&gt;
&lt;p&gt;目前只支持部分段内 HTML 元素效果，包括 &lt;code&gt;&amp;#x3C;kdb&gt; &amp;#x3C;b&gt; &amp;#x3C;i&gt; &amp;#x3C;em&gt; &amp;#x3C;sup&gt; &amp;#x3C;sub&gt; &amp;#x3C;br&gt;&lt;/code&gt; ，如&lt;/p&gt;
&lt;h4&gt;键位显示&lt;/h4&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;使用 &amp;#x3C;kbd&gt;Ctrl&amp;#x3C;/kbd&gt; + &amp;#x3C;kbd&gt;Alt&amp;#x3C;/kbd&gt; + &amp;#x3C;kbd&gt;Del&amp;#x3C;/kbd&gt; 重启电脑
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;预览：&lt;/p&gt;
&lt;p&gt;使用 Ctrl + Alt + Del 重启电脑&lt;/p&gt;
&lt;h4&gt;粗斜体&lt;/h4&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;&amp;#x3C;b&gt; Markdown 在此处同样适用，如 _加粗_ &amp;#x3C;/b&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;预览：&lt;/p&gt;
&lt;p&gt; Markdown 在此处同样适用，如 &lt;em&gt;加粗&lt;/em&gt; &lt;/p&gt;
&lt;h3&gt;其他 HTML 写法&lt;/h3&gt;
&lt;h4&gt;折叠块&lt;/h4&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;&amp;#x3C;details&gt;&amp;#x3C;summary&gt;点击展开&amp;#x3C;/summary&gt;它被隐藏了&amp;#x3C;/details&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;预览：&lt;/p&gt;
&lt;h3&gt;表格&lt;/h3&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;| 表头1 | 表头2 |
| ----- | ----- |
| 内容1 | 内容2 |
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;预览：&lt;/p&gt;
&lt;p&gt;| 表头1 | 表头2 |
| ----- | ----- |
| 内容1 | 内容2 |&lt;/p&gt;
&lt;h3&gt;注释&lt;/h3&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;在引用的地方使用 [^注释] 来添加注释。

然后在文档的结尾，添加注释的内容（会默认于文章结尾渲染之）。

[^注释]: 这里是注释的内容
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;预览：&lt;/p&gt;
&lt;p&gt;在引用的地方使用 &lt;a href=&quot;%E8%BF%99%E9%87%8C%E6%98%AF%E6%B3%A8%E9%87%8A%E7%9A%84%E5%86%85%E5%AE%B9&quot;&gt;^注释&lt;/a&gt; 来添加注释。&lt;/p&gt;
&lt;p&gt;然后在文档的结尾，添加注释的内容（会默认于文章结尾渲染之）。&lt;/p&gt;
&lt;h3&gt;To-Do 列表&lt;/h3&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;- [ ] 未完成的任务
- [x] 已完成的任务
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;预览：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;[ ] 未完成的任务&lt;/li&gt;
&lt;li&gt;[x] 已完成的任务&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;符号转义&lt;/h3&gt;
&lt;p&gt;如果你的描述中需要用到 markdown 的符号，比如 _ # * 等，但又不想它被转义，这时候可以在这些符号前加反斜杠，如 &lt;code&gt;\_&lt;/code&gt; &lt;code&gt;\#&lt;/code&gt; &lt;code&gt;\*&lt;/code&gt; 进行避免。&lt;/p&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;\_不想这里的文本变斜体\_

\*\*不想这里的文本被加粗\*\*
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;预览：&lt;/p&gt;
&lt;p&gt;_不想这里的文本变斜体_&lt;/p&gt;
&lt;p&gt;**不想这里的文本被加粗**&lt;/p&gt;
&lt;hr&gt;
&lt;h2&gt;内嵌 Astro 组件&lt;/h2&gt;
&lt;p&gt;See &lt;a href=&quot;/docs/integrations/components&quot;&gt;User Components&lt;/a&gt; and &lt;a href=&quot;/docs/integrations/advanced&quot;&gt;Advanced Components&lt;/a&gt; for details.&lt;/p&gt;</content:encoded><h:img src="/YokohamaSnowlyBlog/_astro/thumbnail.HAXFr_hw.jpg"/><enclosure url="/YokohamaSnowlyBlog/_astro/thumbnail.HAXFr_hw.jpg"/></item></channel></rss>