### Electron Configuration Examples Source: https://github.com/anyayayplus/chemistry-note/blob/master/01 原子结构与元素性质/04 原子结构 元素周期表.md Examples of full electron configurations and valence electron configurations for specific elements. Note that valence electron configuration excludes inner d or f orbitals for transition and inner transition metals. ```text As: 核外电子排布式:[Ar]3d104s24p3 As: 价层电子排布式:4s24p3 ``` ```text Xe: 核外电子排布式:[Kr]4d105s25p6 Xe: 价层电子排布式:5s25p6 ``` -------------------------------- ### PDF Output Structure Example Source: https://github.com/anyayayplus/chemistry-note/blob/master/scripts/README.md Illustrates how the directory structure and file extensions are preserved and transformed from HTML to PDF during the export process. ```txt .vitepress/dist/03 分子空间结构与物质性质/01 价层电子对互斥模型.html 使用 pdf:single 后会输出为: pdf-repo-single/03 分子空间结构与物质性质/01 价层电子对互斥模型.pdf 使用 pdf:all 后会输出为: pdf-repo/03 分子空间结构与物质性质/01 价层电子对互斥模型.pdf ``` -------------------------------- ### Create and Populate PDF List File Source: https://github.com/anyayayplus/chemistry-note/blob/master/scripts/README.md Commands to create an empty list file and add example HTML paths for debugging specific pages. ```bash touch scripts/pdf-repo-test.txt # 文件内容可以是 # 03 分子空间结构与物质性质/01 价层电子对互斥模型.html # 02 微粒间作用力与物质性质/04 金属键 金属晶体.html ``` -------------------------------- ### Alkene Copolymerization Example Source: https://github.com/anyayayplus/chemistry-note/blob/master/04 有机化学基础/09 有机合成进阶.md Illustrates the copolymerization of ethylene and propylene under specific conditions to form a polymer chain. ```chemical nCH2=CH2 +nCH2=CH-CH3->[一定条件] [\!\!\ce{-CH2-CH2-CH(CH3)-CH2}] \!\!-_n ``` -------------------------------- ### Example List File for Single Export Source: https://github.com/anyayayplus/chemistry-note/blob/master/scripts/README.md Shows the format of the list file used by the `--list` argument, with each line being a relative path to an HTML file within the VitePress dist directory. ```txt 03 分子空间结构与物质性质/01 价层电子对互斥模型.html 02 微粒间作用力与物质性质/04 金属键 金属晶体.html ``` -------------------------------- ### Electron Filling Order for Periods Source: https://github.com/anyayayplus/chemistry-note/blob/master/01 原子结构与元素性质/04 原子结构 元素周期表.md Illustrates the sequential filling of electron orbitals across different periods of the periodic table, starting from the first period and extending to the sixth and seventh periods, including the involvement of d and f orbitals. ```text 第一周期:1s1→1s2 第二周期:2s1→2s2→2s22p1→ … → 2s22p6 第三周期:3s1→3s2→3s23p1→...→ 3s23p6 第四周期:4s1 → 4s2→ 3d14s2→...→3d104s2→4s24p1→...→4s24p6 第五周期:5s1→5s2→ 4d15s2→...→ 4d105s2→ 5s25p1→...→ 5s25p6 第六周期:La 系 6s→ 4f→ 5d→ 6p 第七周期:Ac 系 7s→ 5f→ 6d→ 7p ``` -------------------------------- ### Halogenation of Methane Source: https://github.com/anyayayplus/chemistry-note/blob/master/04 有机化学基础/考点 有机反应类型梳理.md Under light conditions, alkanes undergo substitution reactions with halogens. This example shows the stepwise chlorination of methane. ```chemical CH4 +Cl2->[光]CH3Cl + HCl ``` ```chemical CH3Cl +Cl2->[光]CH2Cl2 + HCl ``` ```chemical CH2Cl +Cl2->[光]CHCl3 + HCl ``` ```chemical CHCl3 +Cl2->[光]CCl4 + HCl ``` -------------------------------- ### Hydrometallurgy Example Source: https://github.com/anyayayplus/chemistry-note/blob/master/06 元素及其化合物/10 金属材料与金属矿物开发.md Illustrates a wet metallurgy process where copper is displaced from copper sulfate solution by iron. This method is used in hydrometallurgy for metal extraction. ```chemical CuSO4 +Fe \xlongequal{} Cu +FeSO4 ``` -------------------------------- ### Hydrolysis of Haloalkanes Source: https://github.com/anyayayplus/chemistry-note/blob/master/04 有机化学基础/考点 有机反应类型梳理.md Haloalkanes can be hydrolyzed to alcohols. This example shows the hydrolysis of ethyl bromide with sodium hydroxide. ```chemical C2H5-Br + NaOH->[H2O][Δ]C2H5OH + NaBr ``` -------------------------------- ### Build VitePress Documentation Source: https://github.com/anyayayplus/chemistry-note/blob/master/scripts/README.md Command to build the VitePress static assets before running PDF export. ```bash bun run docs:build ``` -------------------------------- ### Allylic Substitution Source: https://github.com/anyayayplus/chemistry-note/blob/master/04 有机化学基础/考点 有机反应类型梳理.md Hydrogen atoms on the carbon adjacent to a double bond (alpha-H) can be substituted, for example, in the reaction of propene with chlorine at elevated temperatures. ```chemical CH3-CH=CH2 + Cl2->[Δ]Cl-CH2-CH=CH2 +HCl ``` -------------------------------- ### Detailed All PDF Export Command Source: https://github.com/anyayayplus/chemistry-note/blob/master/scripts/README.md Equivalent to `bun run pdf:all`, this command explicitly shows the parameters for exporting all pages with a concurrency of 4. ```bash bun scripts/export-pdf.js --out-dir pdf-repo --concurrency 4 ``` -------------------------------- ### Run All PDF Export Source: https://github.com/anyayayplus/chemistry-note/blob/master/scripts/README.md Executes the `pdf:all` script to export all eligible HTML pages from the VitePress build output. ```bash bun run pdf:all ``` -------------------------------- ### Debug Font Loading with Google Font Enabled Source: https://github.com/anyayayplus/chemistry-note/blob/master/scripts/README.md Combines enabling Google Font loading with detailed font debugging output. ```bash DEBUG_PDF_FONTS=1 PDF_USE_GOOGLE_FONT=1 bun run pdf:single ``` -------------------------------- ### 乙醇消去反应制乙烯 Source: https://github.com/anyayayplus/chemistry-note/blob/master/06 元素及其化合物/08 硫及其化合物.md 浓硫酸在 $170°C$ 条件下催化乙醇发生消去反应生成乙烯。 ```chemical C2H5OH->[浓 H2SO4][170°C]CH2=CH2 ^ +H2O ``` -------------------------------- ### Thermite Reaction Examples Source: https://github.com/anyayayplus/chemistry-note/blob/master/06 元素及其化合物/05 铝及其化合物.md Aluminum is used in thermite reactions with metal oxides like iron(III) oxide and chromium(III) oxide to produce metals and aluminum oxide. These reactions are highly exothermic and used for welding and smelting. ```chemical 2Al + Fe2O3 ≈≈[高温] Al2O3 + 2Fe ``` ```chemical 2Al + Cr2O3 ≈≈[高温] Al2O3 + 2Cr ``` -------------------------------- ### Detailed Single PDF Export Command Source: https://github.com/anyayayplus/chemistry-note/blob/master/scripts/README.md Equivalent to `bun run pdf:single`, this command explicitly shows the parameters for exporting a list of pages with single concurrency. ```bash bun scripts/export-pdf.js --list scripts/pdf-repo-test.txt --out-dir pdf-repo-single --concurrency 1 ``` -------------------------------- ### Iron Reaction with Dilute Nitric Acid (Stoichiometry Examples) Source: https://github.com/anyayayplus/chemistry-note/blob/master/06 元素及其化合物/02 铁及其化合物.md These equations illustrate the products formed when iron reacts with dilute nitric acid at different molar ratios, affecting whether iron(II) or iron(III) ions are predominantly produced. ```chemical 3Fe(过量) +8HNO3(稀) \xlongequal{} 3Fe(NO3)2 + 2NO↑ + 4H2O ``` ```chemical 3Fe(NO3)2 +4HNO3(稀) \xlongequal{} 3Fe(NO3)3 + NO↑ + 2H2O ``` ```chemical Fe +4HNO3(稀) \xlongequal{} Fe(NO3)3 + NO↑ + 2H2O ``` -------------------------------- ### 文章结构示例 Source: https://github.com/anyayayplus/chemistry-note/blob/master/00 说明/贡献指南.md 展示了单篇文章的结构,包括 YAML Front Matter 和一级标题的格式要求。 ```markdown --- description: "介绍电子排布式、简化电子排布式和轨道表示式的概念、书写规则和意义,包括实例和价层电子轨道表示式表格。" --- # 03 · 电子排布式与轨道表示式 正文... ``` -------------------------------- ### 二氧化碳与苯酚钠的反应(实验C) Source: https://github.com/anyayayplus/chemistry-note/blob/master/04 有机化学基础/05 烃的衍生物.md 实验C的反应方程式,用于证明碳酸的酸性强于苯酚。 ```化学方程式 CO2 +H2O +C6H5ONa->C6H5OH +NaHCO3 ``` -------------------------------- ### High-Temperature Thermal Reduction for Metal Smelting Source: https://github.com/anyayayplus/chemistry-note/blob/master/06 元素及其化合物/10 金属材料与金属矿物开发.md Illustrates metal smelting using high-temperature reduction with agents like carbon, hydrogen, and aluminum. Includes examples of coke reduction of copper oxide, hydrogen reduction of tungsten trioxide, and the thermite reaction for iron and chromium. ```chemical C +2CuO\xlongequal{高温}2Cu +CO2 ^ ``` ```chemical 3H2 +WO3\xlongequal{\Delta}W +3H2O ``` ```chemical 2Al +Fe2O3\xlongequal{高温}2Fe +Al2O3 ``` ```chemical 2Al +Cr2O3\xlongequal{高温}2Cr +Al2O3 ``` ```chemical 3CO +Fe2O3\xlongequal{高温}2Fe +3CO2 ``` -------------------------------- ### 共轭二烯烃与溴单质加成反应 Source: https://github.com/anyayayplus/chemistry-note/blob/master/04 有机化学基础/04 烃.md 展示了1,3-丁二烯与溴单质在不同温度下发生1,2-加成和1,4-加成反应。低温下主要发生1,2-加成,高温下主要发生1,4-加成,且1,2-加成产物在高温下可转化为1,4-加成产物。 ```chemical CH2=CH-CH=CH2 +Br2 -> CH2Br-CHBr-CH=CH2 ``` ```chemical CH2=CH-CH=CH2 +Br2 -> CH2Br-CH2-CHBr-CH2 ``` -------------------------------- ### Markdown 图片反色控制 Source: https://github.com/anyayayplus/chemistry-note/blob/master/00 说明/贡献指南.md 演示如何在 Markdown 图片标签中添加 `&keep-color` 参数来阻止图片在深色模式下被反色处理。 ```markdown ![&keep-color](images/example.webp) ``` -------------------------------- ### Markdown Github 风格警报示例 Source: https://github.com/anyayayplus/chemistry-note/blob/master/00 说明/贡献指南.md 展示了不同类型的 Github 风格警报框,用于强调不同级别的信息。 ```markdown > [!NOTE] > 强调用户在快速浏览文档时也不应忽略的重要信息。 > [!TIP] > 有助于用户更顺利达成目标的建议性信息。 > [!IMPORTANT] > 对用户达成目标至关重要的信息。 > [!WARNING] > 因为可能存在风险,所以需要用户立即关注的关键内容。 > [!CAUTION] > 行为可能带来的负面影响。 ``` -------------------------------- ### 丙酮催化加氢反应 Source: https://github.com/anyayayplus/chemistry-note/blob/master/04 有机化学基础/05 烃的衍生物.md 展示了丙酮在催化剂和加热条件下与氢气发生加成反应生成异丙醇。 ```化学方程式 CH3COCH3 +H2->[催化剂][\Delta]CH3CH(OH)CH3 ``` -------------------------------- ### 葡萄糖氧化反应(与新制氢氧化铜反应) Source: https://github.com/anyayayplus/chemistry-note/blob/master/04 有机化学基础/06 生物大分子.md 展示葡萄糖与新制氢氧化铜在加热条件下发生氧化反应生成氧化亚铜沉淀的现象。此反应也可用于检验葡萄糖的存在。 ```chemical CH2OH(CHOH)4CHO +2Cu(OH)2 +NaOH->[Δ]CH2OH(CHOH)4COONa +Cu2O v +3H2O ``` -------------------------------- ### 葡萄糖发酵反应 Source: https://github.com/anyayayplus/chemistry-note/blob/master/04 有机化学基础/06 生物大分子.md 展示葡萄糖在酒化酶的作用下发生发酵反应生成乙醇和二氧化碳的化学方程式。 ```chemical C6H12O6->[酒化酶]2C2H5OH +2CO2 ^ ``` -------------------------------- ### 硫与氧气反应 Source: https://github.com/anyayayplus/chemistry-note/blob/master/06 元素及其化合物/08 硫及其化合物.md 硫单质在点燃条件下与氧气反应生成二氧化硫。 ```chemical O2 +S<0xE2><0x9A><0x96>SO2 ``` -------------------------------- ### 乙酸与碳酸钠的反应 Source: https://github.com/anyayayplus/chemistry-note/blob/master/04 有机化学基础/05 烃的衍生物.md 用于比较乙酸和碳酸的酸性强弱,乙酸与碳酸钠反应生成乙酸钠、二氧化碳和水。 ```化学方程式 2CH3COOH +Na2CO3→2CH3COONa +CO2 ^ +H2O ``` -------------------------------- ### 硫与氢气反应 Source: https://github.com/anyayayplus/chemistry-note/blob/master/06 元素及其化合物/08 硫及其化合物.md 硫单质在加热条件下与氢气反应生成硫化氢。 ```chemical H2 +S<0xE2><0x9A><0x96>H2S ``` -------------------------------- ### Run Single PDF Export Source: https://github.com/anyayayplus/chemistry-note/blob/master/scripts/README.md Executes the `pdf:single` script to export only specified pages, useful for debugging individual page styles. ```bash bun run pdf:single ``` -------------------------------- ### Benzene Addition Reactions Source: https://github.com/anyayayplus/chemistry-note/blob/master/04 有机化学基础/考点 有机反应类型梳理.md Illustrates addition reactions of benzene, typically under harsh conditions like high pressure and temperature with catalysts. ```chemical ``` ```chemical ``` -------------------------------- ### 浓硫酸与木炭反应 Source: https://github.com/anyayayplus/chemistry-note/blob/master/06 元素及其化合物/08 硫及其化合物.md 浓硫酸在加热条件下与木炭反应生成二氧化碳、二氧化硫和水。 ```chemical C +H2SO4(浓)<0xE2><0x9A><0x96>CO2 ^ +2SO2 ^ +2H2O ``` -------------------------------- ### Enable Google Font Loading Source: https://github.com/anyayayplus/chemistry-note/blob/master/scripts/README.md Activates the loading of Google Fonts during PDF generation by setting the PDF_USE_GOOGLE_FONT environment variable. ```bash PDF_USE_GOOGLE_FONT=1 bun run pdf:single ``` -------------------------------- ### 浓硫酸与铜反应 Source: https://github.com/anyayayplus/chemistry-note/blob/master/06 元素及其化合物/08 硫及其化合物.md 浓硫酸在加热条件下与铜反应生成硫酸铜、二氧化硫和水。 ```chemical Cu +2H2SO4(浓)<0xE2><0x9A><0x96>CuSO4 +SO2 ^ +2H2O ``` -------------------------------- ### 烯烃与卤化氢加成反应 Source: https://github.com/anyayayplus/chemistry-note/blob/master/04 有机化学基础/04 烃.md 展示了烯烃与氯化氢发生加成反应生成卤代烷。例如乙烯制氯乙烷。注意不对称烯烃加成遵循马氏规则。 ```chemical R-CH=CH2 +HCl ->[一定条件] R-CH(Cl)-CH3 \text{ 或 } R-CH2-CH2Cl ``` ```chemical CH2=CH2 +HCl ->[\Delta][催化剂] CH3-CH2-Cl ``` -------------------------------- ### 烯烃被酸性高锰酸钾氧化 Source: https://github.com/anyayayplus/chemistry-note/blob/master/04 有机化学基础/09 有机合成进阶.md 烯烃与酸性高锰酸钾反应,根据烯烃结构不同,产物为羧酸、酮或二氧化碳。口诀:有氢成酸,无氢成酮,边碳成气。 ```chemical -CH2=->HO-CO-OH  RCH=->R-COOH  CR1R2=->CR1R2=O ``` ```chemical CH3-CH=CH2->HO-CO-OH->CO2 ^ +H2O ``` -------------------------------- ### 氨基酸成环反应 Source: https://github.com/anyayayplus/chemistry-note/blob/master/04 有机化学基础/09 有机合成进阶.md 氨基酸在浓硫酸加热条件下脱水成环,生成环状酰胺(内酰胺)。 ```chemical H2NCH2CH2COOH->[浓硫酸][∆] + ``` -------------------------------- ### 乙酸与碳酸钙的反应 Source: https://github.com/anyayayplus/chemistry-note/blob/master/04 有机化学基础/05 烃的衍生物.md 展示了乙酸与碳酸钙反应生成乙酸钙、水和二氧化碳。 ```化学方程式 2CH3COOH +CaCO3=Ca(CH3COO)2 +H2O + CO2 ^ ``` -------------------------------- ### 二元醇成环反应 Source: https://github.com/anyayayplus/chemistry-note/blob/master/04 有机化学基础/09 有机合成进阶.md 二元醇在浓硫酸加热条件下脱水成环,生成环状醚。 ```chemical HOCH2CH2OH->[浓硫酸][∆] +H2O ``` -------------------------------- ### Markdown 徽章组件示例 Source: https://github.com/anyayayplus/chemistry-note/blob/master/00 说明/贡献指南.md 使用全局组件 Badge 创建不同类型和颜色的徽章,用于标记内容。 ```markdown ### Title ### Title ### Title ``` -------------------------------- ### Debug Font Loading Information Source: https://github.com/anyayayplus/chemistry-note/blob/master/scripts/README.md Enables detailed logging of font loading and checking by setting the DEBUG_PDF_FONTS environment variable. ```bash DEBUG_PDF_FONTS=1 bun run pdf:single ```