This is the eleventy app that powers my blog.
It's based on the 11ty/eleventy-base-blog, but I changed it a bunch.
This project forked from gatsbyjs/gatsby-starter-blog
eleventy app that powers my blog
Home Page: https://blog.izs.me
License: Other
This is the eleventy app that powers my blog.
It's based on the 11ty/eleventy-base-blog, but I changed it a bunch.
Leaning towards making it work using frontmatter in markdown files, and writing a script to convert jsons into frontmattered markdown, with the body as the "content" bit for links, videos, and photosets.
I'm wondering if it's worth the effort to make date archive pages, like /2018/07
to show all the posts from July 2018.
I almost never actually use them, and I don't blog enough that it's really super useful. And, it means that there's a weird disconnect between previous/next page and previous/next month.
I think I just talked myself out of it. :\
If a post has no date, assume it's a "page" and link to it in the header, with a page created as just its slug with no /YYYY/MM bit.
Also update all the paginated allMarkdownRemark queries to filter for nodes that have a date when doing listing stuff.
The better to share on FB and Twitter and whatnot. Eg from https://www.businesswire.com/news/home/20190108005325/en/npm-Appoints-Bryan-Bogensberger-Chief-Executive-Officer
<meta name="description" content="Seasoned Open Source Entrepreneur Joins npm to Drive Global Community and Revenue Growth."/>
<!-- DC.date.issued is in UTC (Coordinated Universal Time) timezone -->
<meta name="DC.date.issued" content="2019-01-08"/>
<meta name="robots" content="noodp,noydir"/>
<link rel="canonical" href="https://www.businesswire.com/news/home/20190108005325/en/npm-Appoints-Bryan-Bogensberger-Chief-Executive-Officer" />
<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@businesswire" />
<meta name="twitter:title" content="npm Appoints Bryan Bogensberger as Chief Executive Officer" />
<meta name="twitter:description" content="Seasoned Open Source Entrepreneur Joins npm to Drive Global Community and Revenue Growth." />
<meta name="twitter:widgets:csp" content="on" />
<meta name="twitter:image" content="https://mms.businesswire.com/media/20190108005325/en/576705/21/npm_logo.jpg" />
<!-- OG Meta Tags for Facebook and LinkedIn -->
<meta property="og:title" content="npm Appoints Bryan Bogensberger as Chief Executive Officer" />
<meta property="og:url" content="" />
<meta property="og:description" content="Seasoned Open Source Entrepreneur Joins npm to Drive Global Community and Revenue Growth." />
<meta property="og:image" content="https://mms.businesswire.com/media/20190108005325/en/576705/21/npm_logo.jpg" />
<meta property="og:image:secure_url" content="https://mms.businesswire.com/media/20190108005325/en/576705/21/npm_logo.jpg" />
<meta property="og:image:type" content="image/jpg" />
<meta property="og:image:width" content="150" />
<meta property="og:image:height" content="150" />
<meta property="og:type" content="article" />
<meta property="fb:pages" content="1157450754275955" />
<meta name="p:domain_verify" content="95725e0359a14c2e1ccbd936e10d20d6" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
istr there's a thing for this already?
Add a form that sends an email to ask me things.
Could maybe make it post an issue to an AMA github repo, or a Twitter @-reply, or use https://formspree.io/
Move all layout into react components, and build similar logic for handling different kinds of posts.
This bit probably cannot be a shared/published gatsby plugin, since it's specific to my personal blog.
because showing all posts on the frontpage is kind of ridonkulous if you have a thousand or so of them.
don't make requests out to https://66.media.tumblr.com/72695ea24d6b9854794a36463eca0275/tumblr_o44abzEHrc1qzjzo9o1_1280.jpg for example
It'd be cool to just drop a link to the start of the thread, and have it pull together the whole thing into a blog post. Something like this:
---
date: 2018-12-25T21:38:09.155Z
type: twitter
link_url: https://twitter.com/izs/status/736435480636465152
title: It's a brand new album, for 1990
---
I don't know if there's an easy way to get the thread from the start, though. Might need to link to the last item instead of the first, and follow the parent links.
Include on all pages. Pass in all the site info.
regardless of what's in the .md file.
Create pages like http://blog.izs.me/tagged/poem for all the tags found in markdown frontmatters.
Put all the required metadata in the props, and then the content in the body, maybe?
Either using a new plugin to handle the tumblr exported data, or the yaml frontmatter in markdown files
Putting styles in a style tag inside of <Helmet>
means that it's not included in the SSR.
Either need to add a gatsby-ssr.js that does this, or just figure out how to link a stylesheet the old fashioned way, or use component CSS like react intended.
may need to just bite the bullet and not use tables? idk.
Could still use display:table css, and then swap to single-col when the viewport gets narrow.
Investigate if there's any way to redirect from one URL to another. This should allow me to 301 all the old tumblr style URLs into a date-based scheme without too much trouble.
Aha! Yes, this seems straightforward with https://www.gatsbyjs.org/packages/gatsby-redirect-from/
Height should max out at 350px, or ~1/2 of viewport width.
Impressions so far:
{xyz}
in JSX and ${xyz}
in template strings is annoying.There's a lot of repetition in the graphql right now. Maybe it could be simplified a bit by using fragments or defining types?
Sign up for cloudflare or something.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.