Logo

Sherry

A demo of `react-markdown`

# A demo of `react-markdown` `react-markdown` is a markdown component for React. 👉 Changes are re-rendered as you type. 👈 Try writing some markdown on the left. ## Overview - Follows [CommonMark](https://commonmark.org) - Optionally follows [GitHub Flavored Markdown](https://github.github.com/gfm/) - Renders actual React elements instead of using `dangerouslySetInnerHTML` - Lets you define your own components (to render `MyHeading` instead of `'h1'`) - Has a lot of plugins ## Contents Here is an example of a plugin in action ([`remark-toc`](https://github.com/remarkjs/remark-toc)). **This section is replaced by an actual table of contents**. ## Syntax highlighting Here is an example of a plugin to highlight code: [`rehype-highlight`](https://github.com/rehypejs/rehype-highlight). ```js import React from "react"; import ReactDOM from "react-dom"; import Markdown from "react-markdown"; import rehypeHighlight from "rehype-highlight"; const markdown = ` # Your markdown here `; ReactDOM.render( <Markdown rehypePlugins={[rehypeHighlight]}>{markdown}</Markdown>, document.querySelector("#content"), ); ``` Pretty neat, eh? ## GitHub flavored markdown (GFM) For GFM, you can _also_ use a plugin: [`remark-gfm`](https://github.com/remarkjs/react-markdown#use). It adds support for GitHub-specific extensions to the language: tables, strikethrough, tasklists, and literal URLs. These features **do not work by default**. 👆 Use the toggle above to add the plugin. | Feature | Support | | ---------: | :------------------- | | CommonMark | 100% | | GFM | 100% w/ `remark-gfm` | ~~strikethrough~~ - [ ] task list - [x] checked item https://example.com ## HTML in markdown ⚠️ HTML in markdown is quite unsafe, but if you want to support it, you can use [`rehype-raw`](https://github.com/rehypejs/rehype-raw). You should probably combine it with [`rehype-sanitize`](https://github.com/rehypejs/rehype-sanitize). <blockquote> 👆 Use the toggle above to add the plugin. </blockquote> ## Components You can pass components to change things: ```js import React from "react"; import ReactDOM from "react-dom"; import Markdown from "react-markdown"; import MyFancyRule from "./components/my-fancy-rule.js"; const markdown = ` # Your markdown here `; ReactDOM.render( <Markdown components={{ // Use h2s instead of h1s h1: "h2", // Use a component instead of hrs hr(props) { const { node, ...rest } = props; return <MyFancyRule {...rest} />; }, }} > {markdown} </Markdown>, document.querySelector("#content"), ); ``` ## More info? Much more info is available in the [readme on GitHub](https://github.com/remarkjs/react-markdown)! --- A component by [Espen Hovlandsdal](https://espen.codes/)

Cover image

Sherry

The Rise of Electric Vehicles: A Sustainable Future

In recent years, the automotive industry has witnessed a significant shift towards electric vehicles (EVs). This transformation is not just a trend but a necessary evolution towards a more sustainable future. As concerns about climate change and environmental degradation grow, electric vehicles offer a promising solution to reduce carbon emissions and reliance on fossil fuels. In this blog post, we will explore the rise of electric vehicles, their benefits, challenges, and what the future holds for this burgeoning industry. The Growth of Electric Vehicles The adoption of electric vehicles has accelerated rapidly over the past decade. According to the International Energy Agency (IEA), the global electric car stock surpassed 10 million in 2020, a 43% increase from the previous year. This growth is driven by several factors, including advancements in battery technology, government incentives, and increasing consumer awareness about environmental issues. Advancements in Battery Technology One of the critical factors contributing to the rise of EVs is the advancement in battery technology. Modern lithium-ion batteries are more efficient, have a longer lifespan, and are cheaper to produce than their predecessors. This has led to a significant reduction in the cost of electric vehicles, making them more accessible to the average consumer. Government Incentives Governments worldwide are playing a crucial role in promoting the adoption of electric vehicles. Many countries offer incentives such as tax credits, rebates, and grants to encourage consumers to switch to EVs. Additionally, investments in charging infrastructure and stricter emissions regulations are further driving the transition towards electric mobility. Consumer Awareness As the effects of climate change become more apparent, consumers are becoming increasingly conscious of their environmental impact. This awareness is translating into a growing demand for sustainable transportation options, with electric vehicles at the forefront. Benefits of Electric Vehicles Electric vehicles offer numerous benefits over traditional internal combustion engine (ICE) vehicles. Here are some of the key advantages: Environmental Impact EVs produce zero tailpipe emissions, significantly reducing air pollution and greenhouse gas emissions. By transitioning to electric vehicles, we can decrease our carbon footprint and contribute to a cleaner, healthier planet. Cost Savings While the upfront cost of electric vehicles can be higher than that of ICE vehicles, EVs are generally cheaper to operate and maintain. Electricity is less expensive than gasoline, and EVs have fewer moving parts, resulting in lower maintenance costs. Performance Electric vehicles are known for their impressive performance. They offer instant torque, providing quick acceleration and a smooth driving experience. Additionally, EVs operate quietly, reducing noise pollution in urban areas. Challenges Facing Electric Vehicles Despite their many benefits, electric vehicles face several challenges that need to be addressed to ensure widespread adoption. Charging Infrastructure One of the primary barriers to EV adoption is the lack of charging infrastructure. While progress is being made, there is still a need for more charging stations, especially in rural and underserved areas. Range Anxiety Range anxiety, or the fear of running out of battery power before reaching a charging station, remains a concern for many potential EV buyers. However, advancements in battery technology are gradually increasing the range of electric vehicles, alleviating this concern. Battery Production and Recycling The production and disposal of batteries pose environmental challenges. Mining for battery materials can have significant ecological impacts, and there is a need for sustainable recycling solutions to manage battery waste. The Future of Electric Vehicles The future of electric vehicles looks promising. As technology continues to advance, we can expect to see even more efficient, affordable, and sustainable EVs on the market. Automakers are investing heavily in electric mobility, with many pledging to phase out internal combustion engines entirely in the coming decades. Moreover, the development of autonomous electric vehicles and the integration of renewable energy sources into charging infrastructure will further enhance the sustainability of electric transportation. Conclusion The rise of electric vehicles marks a pivotal moment in the quest for a sustainable future. While challenges remain, the benefits of EVs are undeniable. As we continue to innovate and invest in this technology, electric vehicles will play a crucial role in reducing our environmental impact and creating a cleaner, greener world for future generations.

Dade

A demo of `react-markdown`

this is just a test 2

Dade

Nihao

Okhhhhjnvvb. Hi. U. U u u. U

Sherry

假设买房子总价475万

## 贷款信息 - 购房总价: ¥4,750,000 - 首付款: ¥1,500,000 - 贷款总额: ¥3,250,000 - 贷款期限: 15年 - 年利率: 3.5% ### 等额本金还款法 | 月份 | 月供总额 (¥) | 本金 (¥) | 利息 (¥) | |:----:|:-------------:|:--------:|:--------:| | 1 | 27,534.72 | 18,055.56 | 9,479.17 | | 2 | 27,482.06 | 18,055.56 | 9,426.50 | | 3 | 27,429.40 | 18,055.56 | 9,373.84 | | 4 | 27,376.74 | 18,055.56 | 9,321.18 | | 5 | 27,324.07 | 18,055.56 | 9,268.52 | | 6 | 27,271.41 | 18,055.56 | 9,215.86 | ### 等额本息还款法 每月月供固定为: ¥23,233.68 | 月份 | 月供总额 (¥) | 本金 (¥) | 利息 (¥) | |:----:|:-------------:|:--------:|:--------:| | 1 | 23,233.68 | 13,754.52 | 9,479.17 | | 2 | 23,233.68 | 13,794.63 | 9,439.05 | | 3 | 23,233.68 | 13,834.87 | 9,398.81 | | 4 | 23,233.68 | 13,875.22 | 9,358.46 | | 5 | 23,233.68 | 13,915.69 | 9,317.99 | | 6 | 23,233.68 | 13,956.28 | 9,277.41 |