Skip to content

Commit 6749d84

Browse files
authored
Updated README.md
1 parent c25013a commit 6749d84

1 file changed

Lines changed: 45 additions & 0 deletions

File tree

README.md

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,48 @@
11
# milan-codes.github.io
22

33
My personal portfolio and blog, built using Astro, Svelte, and Tailwind. 👨‍💻
4+
5+
This is my personal portfolio and blog template. It allows you to create blog posts using Markdown, display math expressions using [KaTeX](https://katex.org/), and includes analytics integration with [Plausible](https://plausible.io/), as well as a dark theme.
6+
7+
## Features
8+
9+
- Markdown Support: You can create blog posts using Markdown syntax, making it easy to format your content.
10+
- KaTeX Integration: The site supports displaying math expressions using KaTeX, enabling you to include mathematical formulas in your blog posts.
11+
- Plausible Analytics: Analytics integration with Plausible allows you to track visitor statistics and gain insights into the site's performance.
12+
- Light and Dark Theme: The site includes both light and dark themes, and the current theme is set based on system settings.
13+
14+
## Installation
15+
16+
1. Clone the repository to your local machine.
17+
2. Install the necessary dependencies by running `yarn install`.
18+
3. Customize the site's content and configuration files to reflect your personal information and preferences.
19+
4. Deploy the site, according to [Astro's documentation](https://docs.astro.build/en/guides/deploy/), to your hosting provider of choice.
20+
21+
## Usage
22+
23+
### Customizing Content
24+
25+
- Create new Markdown files in the `src/pages/blog` directory to add blog posts. You can use existing posts as a template. The url to the blog post will be the name of the Markdown file.
26+
27+
### Displaying Math Expressions
28+
29+
- To display math expressions using KaTeX, wrap the LaTeX code within `$$` symbols in your Markdown files.
30+
Example: `$$E = mc^2$$`
31+
- Note that the displayed formulas might be too large for their containers. This might make the blog post's page unresponsive on certain devices. To avoid this, wrap the given formula in a `<div class="overflow-x-scroll"> ... </div>` container. You can see examples of this in the blog posts in this repository.
32+
33+
### Analytics Integration with Plausible
34+
35+
1. Sign up for a Plausible Analytics account at [Plausbile](https://plausible.io).
36+
2. After setting up your account, paste the given script in the `src/layouts/BaseLayout.astro` file, replacing the current one.
37+
38+
## Dependencies
39+
40+
Refer to the `package.json` file for a complete list of dependencies and their versions.
41+
42+
## Contributing
43+
44+
Contributions to this project are welcome! If you have any ideas, improvements, or bug fixes, please submit a pull request, or open a new issue.
45+
46+
## License
47+
48+
You can reuse this template however you want, but do not reupload the blog posts to your deployed site.

0 commit comments

Comments
 (0)