---
# A Post
---
# View Source
---
# Huh?
The page reads & parses itself
```js
const [frontmatter, markdown] = markdown_parse(
document.getElementsByTagName('body')[0].innerHTML
)
```
[JS](https://blogtini.com/js/blogtini.js)
---
# [Files Layout](https://github.com/traceypooh/ipfstini)
---
---
## Publish full blog & web pages
- content 100% markdown
- theme & markdown-to-markup using JavaScript
---
## Publish full blog & web pages
- free github.com, gitlab.com
- using a `sitemap.xml` or RSS feed
• pages can be hosted anywhere
• including DWeb
• like "pointers" to your posts/pages
--- ## How 🕷️JS "crawls" your site
parses markdown "front matter" - date - title - tags - categories
`showdown` to convert to HTML
re-paints page
`localStorage` to save analyzed site, auto-updates daily (can force re-cache)
`lunr` for browser searching your posts/pages--- ## Why 🤔 - each post or page is a markdown file
• markdown is primary, archive-friendly, format/theme agnostic
• site formatting is _secondary_
--- ## Why 🤔 - all posts/pages can live in free `git` repo - github.com, gitlab.com, DWeb, self-hosted, etc.
• no build step, no backend needed
- just a static file server
• theme can be changed anytime (1 line change)
• [_good_ google SEO](https://www.google.com/search?q=site%3Ablogtini.com+and)
• google & more crawlers doing JS rendering
--- ## Why 🤔 - "View Source" is your original content -- no formatting, no clutter• You control your content
• posting to facebook, twitter, strava sucks
• where is your content?
• _what_ do you do with your GDPR?
• your data should last forever
• "roach proof" content-only format
--- ## Life is better client-side 😊 - No build step - No back-end - Just html + JS static files --- ### Life is better client-side 😊 ```js // parse frontmatter & (optional) `config.yml` import yml from 'https://esm.archive.org/js-yaml' // markdown-to-html import showdown from 'https://esm.archive.org/showdown' // code highlighting import hljs from 'https://esm.archive.org/highlightjs' // client-side search - like `solr` import lunr from 'https://esm.archive.org/lunr' // date/time hacking import dayjs from 'https://esm.archive.org/dayjs' // comments import './staticman.js' // sort hashmap by key import { krsort } from 'https://av.archive.org/js/util/strings.js' ``` --- ## Static Sites - _comments_ possible using `staticman`, etc. - `staticman` -- comments go into your site repository - _website search_ using `lunr` JS - can use `git` "hooks" to run small script: - keeps `sitemap.xml` and RSS feed up-to-date - minor comments management --- ## Try it! 🤓 Simple as: - create new file - index.html - contents:‐‐‐ title: my neat post date: 2022-08-27 tags: ‐ blogging ‐ markdown comment: <script src="https://blogtini.com/js/blogtini.js" type="module" charset="utf-8"></script> ‐‐‐ Having fun *blogging* and hoping to write _more_ this year.--- # Preview 👀 - use any basic http file server, eg: ```sh python3 -m http.server ``` - OR open `index.html` in browser - [mac]: double click from `finder` folder; `open index.html` in `terminal` - copy url to `safari` (if not already) - dev tools, disable CORS restrictions & reload --- --- # Examples https://blogtini.com/ Site with all posts in same github repository --- # Examples https://traceypooh.github.io/dwebtini/ Site with posts served from multiple storage sites - github - IPFS - web3 - archive.org _(click post links and notice browser url chnages)_ --- # Examples https://ipfs.io/ipfs/QmWhoVkYm2SNoPEAK5ZmKFNtqVAietNsdzZrZYWK9KaXw9/ Site with all posts on IPFS --- # Publish ✍🏽 - make https://github.com account - create and `git clone` a new repository - add your `index.html` file - add `.nojekyll` (empty) file - `git push` - [turn on GitHub Pages](https://docs.github.com/en/pages/quickstart) - https://[YOUR-GITHUB-USERNAME].github.io/[REPOSITORY-NAME]/ --- # Extending out - millions of sites linked together - save a list of friends & families for a merged activity "feed" - only needs to determine latest few posts from each site per sitemap/RSS - JS "crawl" them, parse their markdown, merge into decentralized feed --- # Future 🔮 - Aggregate all _your data/posts_ (twitter, facebook, etc.) to markdown posts on _your own_ site - Friends & Family aggregate sitemap/feed - Friends & Family client-side aggregate lunr search - comments go to correct specific site/place/person/entity --- # Future 🔮 Archive a site of many sites
Just one combo `sitemap.xml` away !
--- # Future 🔮 - https://www.w3.org/TR/activitypub - SocialWG _(Christine is here...)_ - publish new activity - notify followers in their chosen way --- # GDPR 🇪🇺 - General Data Protection Regulation (EU)• primary aim is to enhance individuals' control & rights over their personal data
"must be able to transfer personal data from one electronic processing system to and into another, without being prevented from doing so"
--- # Longevity 🧛• If `WordPress` goes away, billions of people _disappear forever_
• Average web page is gone in *three months*
• Make your (digital) life a _Vampire_
• Make it _Live Forever_
--- # Longevity 🪄 ``` “Tell me, what is it you plan to do with your one wild and precious life?” ``` [Mary Oliver - "The Summer Day"](https://wordsfortheyear.com/2015/06/21/the-summer-day-by-mary-oliver/) --- ## 🙏🏽 Thank You! 🙏🏽 [tracey.archive.org](https://tracey.archive.org) --- # Postscript 📸 --- --- --- --- --- --- --- # STORJ