Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/drkpxl/drkpxl_blog

Last synced: 23 days ago
JSON representation

Host: GitHub
URL: https://github.com/drkpxl/drkpxl_blog
Owner: drkpxl
Created: 2021-04-28T16:11:06.000Z (over 3 years ago)
Default Branch: master
Last Pushed: 2023-01-16T18:36:17.000Z (almost 2 years ago)
Last Synced: 2024-11-29T22:12:30.868Z (27 days ago)
Language: Liquid
Size: 13.8 MB
Stars: 0
Watchers: 3
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Blog starter

[![Netlify Status](https://api.netlify.com/api/v1/badges/a9b962b7-9df1-49db-9b40-e5fedbc8ba9e/deploy-status)](https://app.netlify.com/sites/eleventy-blog-starter/deploys)

View the live demo [here](https://eleventy.rongying.co/), hosted on Netlify

![homepage](blog-v2.png)
![darkmode](blog-dark.png)

## Aims
A blog that still runs without javascript. Hence, no bundlers.

## Features
- Static Site Gen - Eleventy

- Tailwind CSS v2.0 / Tailwind Typography / Dark Mode

- Create excerpts using the ``

- Custom ReadTime filter

- 404 page

+ Tags page to view posts related to tag
- Use of a `tagList` collection defined in `.eleventy.js`
- `/tags` - show all available tags (excluding all and posts) as buttons (`tags.md`)
- `/tags/tag-name` - shows all posts related to that tag (`tagList.md`)

+ Sitemap and Robots.txt
- Change site url in `_data/site.json`

+ Shortcode to handle images
- Add image under `src/assets/img/posts` and use the asset_img short code
- `{% asset_img 'filename' 'alt_text' %}` eg. `{% asset_img 'mailbox.jpg' 'mailbox' %}`

- Draft posts using the `published` frontmatter

+ Posts pagination in `index.html`
- change the `size` frontmatter variable
- ESLint

+ Bash script to create new post (based on YYYY and MM)
```bash
$ ./create new blog post
Created new post at src/posts/2021/01/new-blog-post.md
```

## Running locally

Create your blogpost under `src/posts`. I like to have mine sorted by YY/MM.

Navigate to localhost:8080 after starting the server.
```
npm start
```

## Deployment
[](
https://app.netlify.com/start/deploy?repository=https://github.com/kohrongying/11ty-blog-starter)

On Netlify / Surge / Firebase hosting / etc hosting providers

Build Command: `npm run build`

Output folder: `_site`