heaven/blog2025
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
heaven
2025-07-18 18:12:06 +02:00
parent 5b1f491211
commit 8d5d998302
7 changed files with 0 additions and 430 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/content/posts/KaTeX-example.md
View File

@@ -1,49 +0,0 @@
---
title: 'KaTeX Examples'
pubDate: '2025-05-19'
---
This theme includes built-in KaTeX support for rendering mathematical expressions in your content.
---
## Examples
- Inline math: $E = mc^2$
- Block math:
$$
\begin{equation}
\sum_{i=1}^{k+1} i = \left(\sum_{i=1}^{k} i\right) + (k+1)
\end{equation}
$$
$$
\begin{equation}
= \frac{k(k+1)}{2} + k + 1
\end{equation}
$$
$$
\begin{equation}
= \frac{k(k+1) + 2(k+1)}{2}
\end{equation}
$$
$$
\begin{equation}
= \frac{(k+1)(k+2)}{2}
\end{equation}
$$
$$
\begin{equation}
= \frac{(k+1)((k+1)+1)}{2}
\end{equation}
$$
---
## Ref
- [KaTeX Documentation](https://katex.org/docs/supported.html)

6
src/content/posts/_draft-example.md
View File

@@ -1,6 +0,0 @@
---
title: 'Draft Example'
pubDate: '2025-07-09'
---
Start the filename with `_` to mark it as a draft and hide it from the list.

50
src/content/posts/embedded-content.md
View File

@@ -1,50 +0,0 @@
---
title: 'Embedded Content'
pubDate: '2025-06-06'
---
Use these directives to embed media:
```
::link{url="https://xxxxx"}
::spotify{url="https://open.spotify.com/type/xxxxxx"}
::youtube{url="https://www.youtube.com/watch?v=xxxxxx"}
::bilibili{url="https://www.bilibili.com/video/xxxxxx"}
::github{repo="username/repo"}
::x{url="https://x.com/username/status/xxxxxx"}
```
```
🟡 When embedded content is still loading, the table of contents positioning may be inaccurate.
```
## Link Card
::link{url="https://pitchfork.com/reviews/albums/ichiko-aoba-luminescent-creatures/"}
## Spotify
::spotify{url="https://open.spotify.com/track/41Y0ch6R3jzpJOZv6nhf9Z?si=6c82dbed65ab4853"}
::spotify{url="https://open.spotify.com/album/1kBPEN3NIVwjdmIjjNk9vB?si=Lz29MvjwRnKX9y3dhxlbaQ"}
## YouTube
::youtube{url="https://www.youtube.com/embed/GlhV-OKHecI?si=KdB4rRPLAMEK-ozf"}
## BiliBili
::bilibili{url="https://www.bilibili.com/video/BV1Vm421W7pX/?vd_source=c0bc2746a6d2b23de50d26376498b2ff"}
## GitHub
::github{repo="the3ash/astro-chiri"}
## X Post
::x{url="https://x.com/DAVID_LYNCH/status/1174367510893752321"}

87
src/content/posts/markdown-style-guide.md
View File

@@ -1,87 +0,0 @@
---
title: 'Markdown Style Guide'
pubDate: '2025-06-28'
---
This theme does not define more levels of headlines. If needed, you can define them in `src/styles/post.css`.
---
## Paragraph
Here's a practical example of a paragraph in Markdown. This text demonstrates how content flows naturally in a blog post.
You can use various formatting options like **bold**, _italic_, ~~strikethrough~~, and `code` within your paragraphs.
## Blockquotes
> Don't communicate by sharing memory, share memory by communicating.<br>
> — <cite>Rob Pike[^1]</cite>
[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
### Ordered List
1. First item
2. Second item
3. Third item
### Unordered List
- Item
- Subitem
- Subitem
## Task List
- [ ] First item
- [ ] Second item
- [x] Third item
## Image
To hide the caption, start it with an underscore `_` or leave the alt text empty.
![HIKARI](./_assets/hikari.jpg)
## Tables
| Style | Weight | Other |
| -------- | -------- | ------ |
| Normal | Regular | Text |
| _Italic_ | **Bold** | `Code` |
## Code Blocks
```jsx
// Button.jsx
const Button = ({ text, onClick }) => {
const [count, setCount] = useState(0)
const handleClick = () => {
setCount(count + 1)
onClick?.()
}
return (
<button className="btn" onClick={handleClick}>
{text} ({count})
</button>
)
}
```
## Other Elements — sub, sup, abbr, kbd, mark
H<sub>2</sub>O
X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
Press <kbd>CTRL</kbd> + <kbd>ALT</kbd> + <kbd>Delete</kbd> to end the session.
Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.
---

77
src/content/posts/the-tr-808-story.md
View File

@@ -1,77 +0,0 @@
---
title: 'The TR-808 Story'
pubDate: '2025-05-10'
---
![_tr-808](./_assets/tr-808.jpg)
The Roland TR-808 Rhythm Composer, often simply called the "808," is one of the most influential electronic instruments ever created. Despite its initial commercial failure, this drum machine went on to shape entire genres of music and become a cultural icon. This is the story of how a machine designed to replace drummers ended up revolutionizing music production.
## The Birth of the 808
In the late 1970s, Roland Corporation was looking to create an affordable drum machine that could compete with the expensive Linn LM-1, which was the first drum machine to use digital samples. The company's engineers, led by **Ikutaro Kakehashi**, set out to create something different—a machine that would use **analog synthesis** to generate drum sounds rather than digital samples.
The development team faced several challenges:
1. **Cost constraints** - The machine needed to be affordable for home musicians
2. **Sound design** - Creating realistic drum sounds using only analog circuits
3. **User interface** - Making it intuitive for musicians to program rhythms
> "We wanted to create something that would make drummers obsolete, but instead we created something that made everyone want to be a drummer." — Ikutaro Kakehashi
## The "Failed" Launch
When the TR-808 was released in 1980, it was met with **disappointing sales**. The machine cost \$1,195 (approximately \$4,000 in today's dollars) and was criticized for its "unrealistic" drum sounds. Professional studios preferred the more expensive Linn LM-1, which used actual drum samples.
The 808's analog sounds were considered too electronic and artificial:
- The kick drum was too boomy and lacked the punch of real drums
- The snare had a distinctive "clap" sound that sounded nothing like a real snare
- The hi-hats were metallic and harsh
- The toms had a characteristic "boing" sound
Roland discontinued the TR-808 in 1983 after selling only about **12,000 units**, considering it a commercial failure.
## The Hip-Hop Revolution
The TR-808's fortunes changed dramatically when **hip-hop producers** discovered its unique sound. In the early 1980s, young producers in New York, particularly in the Bronx, began experimenting with the machine.
Key early adopters included **Afrika Bambaataa** who used the 808 on "Planet Rock" (1982), **Marley Marl** who pioneered the use of 808 kicks in hip-hop, **Rick Rubin** who incorporated 808 sounds in early Def Jam recordings, and **The Bomb Squad** who used 808s extensively in Public Enemy's production.
The 808's distinctive kick drum became the foundation of hip-hop's rhythmic backbone. Its deep, resonant bass sound could shake entire neighborhoods when played through powerful sound systems.
## The Miami Bass Phenomenon
In the mid-1980s, the TR-808 found another home in **Miami**, where it became the centerpiece of a new genre called **Miami Bass** or **Booty Bass**. Producers like **2 Live Crew** made the 808 kick drum the star of their tracks, **DJ Magic Mike** created entire albums built around 808 patterns, and **Luke Skyywalker** used 808s to create the signature Miami sound.
The 808's ability to produce extremely low frequencies made it perfect for the car audio culture that was emerging in Miami, where bass-heavy music became a status symbol.
## Electronic Music and Dance
The TR-808's influence extended far beyond hip-hop. In the late 1980s and early 1990s, it became essential in house music and techno. **Frankie Knuckles** and **Marshall Jefferson** used 808s in early Chicago house, while the machine's hi-hats and claps became signature sounds of house music. Its programmable sequencer allowed for complex rhythmic patterns.
In techno music, **Juan Atkins**, **Derrick May**, and **Kevin Saunderson** (the Belleville Three) incorporated 808s into Detroit techno. The machine's futuristic sounds fit perfectly with techno's robotic aesthetic, and its affordability made it accessible to bedroom producers.
## The 808 in Modern Music
Even today, the TR-808 continues to influence music production through software emulations and hardware reissues. **Roland Cloud** offers the official software version of the 808, **Native Instruments** includes 808 samples in their libraries, and **Ableton Live** features 808-inspired drum racks.
Hardware reissues include the **Roland TR-08** boutique series reissue, the **Roland TR-8S** modern drum machine with 808 sounds, and the **Behringer RD-8** affordable clone of the original.
## Cultural Impact
The TR-808 has transcended its role as a musical instrument to become a **cultural symbol**. It has influenced fashion with 808-inspired clothing and accessories, art with visual artists incorporating 808 imagery in their work, film through documentaries and movies about the machine's impact, and literature with books and articles celebrating its legacy.
> "The 808 didn't just change music—it changed culture. It gave a voice to communities that didn't have access to expensive studio equipment." — Questlove
## The Enduring Legacy
The Roland TR-808's story is a perfect example of how **failure can lead to innovation**. What was initially considered a commercial flop became one of the most important musical instruments of the 20th century.
Key lessons from the 808 story include embracing imperfection (the 808's "flaws" became its greatest strengths), understanding that accessibility matters (affordable tools can democratize music creation), recognizing that community adoption is crucial (users often find creative applications designers never imagined), and appreciating that timeless design remains relevant for decades.
The TR-808's influence continues to grow, proving that sometimes the most revolutionary innovations come from unexpected places. From its humble beginnings as a "failed" drum machine to its status as a cultural icon, the 808 has truly earned its place in music history.
---
_The TR-808 may have been discontinued in 1983, but its beat goes on, inspiring new generations of musicians and producers to create the music of tomorrow._

130
src/content/posts/theme-guide.md
View File

@@ -1,130 +0,0 @@
---
title: 'Theme Guide'
pubDate: '2025-07-10'
---
Chiri is a minimal blog theme built with [Astro](https://astro.build), offering customization options while preserving its clean aesthetic.
---
## Basic Commands
- `pnpm new <title>` - Create a new post (use `_title` for drafts)
- `pnpm update-theme` - Update the theme to the latest version
## Main Files & Directories
- `src/content/about/about.md` - Edit the about section of the index page. Leave it empty if you don't want any content.
- `src/content/posts/` - All blog posts are stored here
- `src/config.ts` - Configure main site info and settings
```ts
// Site Info
site: {
// Site domain
website: 'https://astro-chiri.netlify.app/',
// Site title
title: 'CHIRI',
// Author name
author: '3ASH',
// Site description
description: 'Minimal blog built by Astro',
// Default language
language: 'en-US'
},
```
```ts
// General Settings
general: {
// Content area width
contentWidth: '35rem',
// Use centered layout (false for left-aligned)
centeredLayout: true,
// Show theme toggle button (uses system theme by default)
themeToggle: false,
// Show dotted divider in post list
postListDottedDivider: false,
// Show footer
footer: true,
// Enable fade animations
fadeAnimation: true
},
```
```ts
// Date Settings
date: {
// Date format: YYYY-MM-DD, MM-DD-YYYY, DD-MM-YYYY, MONTH DAY YYYY, DAY MONTH YYYY
dateFormat: 'YYYY-MM-DD',
// Date separator: . - / (except for MONTH DAY YYYY and DAY MONTH YYYY)
dateSeparator: '.',
// Date position in post list (true for right, false for left)
dateOnRight: true
},
```
```ts
// Post Settings
post: {
// Show reading time in posts
readingTime: false,
// Show the table of contents (when there is enough page width)
toc: true,
// Enable image viewer
imageViewer: true,
// Enable copy button in code blocks
copyCode: true
}
```
## Post Frontmatter
Only `title` and `pubDate` are required fields
```ts
---
title: 'Post Title'
pubDate: '2025-07-10'
---
```
## Syntax Highlighting
You can configure the theme via `shikiConfig` in `astro.config.ts`.
More details: [Syntax Highlighting | Astro Docs](https://docs.astro.build/en/guides/syntax-highlighting/)
```ts
import { defineConfig } from 'astro/config'
export default defineConfig({
markdown: {
shikiConfig: {
light: 'github-light',
dark: 'github-dark',
wrap: false
}
}
})
```
---
## Preview of Some Features
![Theme Toggle](./_assets/theme-toggle.png)
![Dotted Divider](./_assets/dotted-divider.png)
![Date on Left Side](./_assets/date-on-left.png)
![Table of Contents](./_assets/toc.png)
![Reading Time](./_assets/reading-time.png)
![Copy Code](./_assets/copy-code.png)

31
src/content/posts/using-mdx.mdx
View File

@@ -1,31 +0,0 @@
---
title: 'Using MDX'
pubDate: '2025-05-12'
---
import Callout from '@/components/examples/Callout.astro'
import CounterButton from '@/components/examples/CounterButton.astro'
import Tag from '@/components/examples/Tag.astro'
MDX combines Markdown with embedded JavaScript and JSX, making it easy to build interactive content. Below are some examples.
---
## Callout
<Callout />
## Button
<CounterButton />
## Tag
<Tag />
---
## Ref
- [MDX Syntax Documentation](https://mdxjs.com/docs/what-is-mdx)
- [Astro Usage Documentation](https://docs.astro.build/en/guides/markdown-content/#markdown-and-mdx-pages)