{"id":13791172,"url":"https://github.com/sellorm/quarto-social-embeds","last_synced_at":"2025-04-13T08:33:39.374Z","repository":{"id":56779900,"uuid":"525029716","full_name":"sellorm/quarto-social-embeds","owner":"sellorm","description":"A Quarto extension to embed social media content","archived":false,"fork":false,"pushed_at":"2025-03-07T16:14:58.000Z","size":857,"stargazers_count":69,"open_issues_count":2,"forks_count":3,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-27T00:12:43.633Z","etag":null,"topics":["gists","quarto","quarto-extension","social-media","twitter","vimeo","youtube"],"latest_commit_sha":null,"homepage":"https://quarto-social-embeds.sellorm.com/","language":"Lua","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sellorm.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-08-15T14:58:37.000Z","updated_at":"2025-03-07T16:12:29.000Z","dependencies_parsed_at":"2025-03-07T17:20:49.345Z","dependency_job_id":"897ca082-7ed8-46ad-8965-3c7ae9b2b265","html_url":"https://github.com/sellorm/quarto-social-embeds","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sellorm%2Fquarto-social-embeds","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sellorm%2Fquarto-social-embeds/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sellorm%2Fquarto-social-embeds/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sellorm%2Fquarto-social-embeds/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sellorm","download_url":"https://codeload.github.com/sellorm/quarto-social-embeds/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248684458,"owners_count":21145081,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["gists","quarto","quarto-extension","social-media","twitter","vimeo","youtube"],"created_at":"2024-08-03T22:00:56.908Z","updated_at":"2025-04-13T08:33:39.351Z","avatar_url":"https://github.com/sellorm.png","language":"Lua","funding_links":[],"categories":["Lua","Extensions"],"sub_categories":[],"readme":"# Quarto social embeds\n\nA [Quarto](https://quarto.org) extension to embed content from across the web into a quarto-rendered html document using a shortcode.\n\nCurrently includes shortcodes for the following:\n\n* GitHub gists\n* Loom\n* Twitter\n* Vimeo\n* Youtube\n* Mastodon\n\n## Installation\n\nInstall the extension with:\n\n``` bash\nquarto install extension sellorm/quarto-social-embeds\n```\n\n## Usage\n\n### GitHub gists\n\nEmbed a gist using `{{\u003c gist USERNAME GIST_ID \u003e}}`. Both `USERNAME` and `GIST_ID` can be extracted from the gist URL. For instance, in this URL `https://gist.github.com/sellorm/20525aff669acafb975b7495b8f2066e` the username is `sellorm` and the ID is `20525aff669acafb975b7495b8f2066e`, giving us:\n\n```\n{{\u003c gist sellorm 20525aff669acafb975b7495b8f2066e \u003e}}\n```\n\nSee `example.qmd` for a working example.\n\n# Loom\n\nTo embed a Loom video in your HTML document use this shortcode:\n\n``` {.markdown shortcodes=\"false\"}\n{{\u003c loom \u003cVIDEO_ID\u003e \u003e}}\n```\n\nWhere `\u003cVIDEO_ID\u003e` is the loom video ID. For example:\n\n``` {.markdown shortcodes=\"false\"}\n{{\u003c loom 8619b03224f74282b6d56cbedbcd3fc6 \u003e}}\n```\n\nWhich renders like this:\n\n{{\u003c loom 8619b03224f74282b6d56cbedbcd3fc6 \u003e}}\n\nYou can get the VIDEO ID from for the URL of the video.\nFor instance, in the URL `https://www.loom.com/share/8619b03224f74282b6d56cbedbcd3fc6` the video ID is `8619b03224f74282b6d56cbedbcd3fc6`.\n\n\n### Twitter\n\nTo embed a Tweet into your Quarto html document you can use the shortcode like this:\n\n```markdown\n{{\u003c tweet \u003cusername\u003e \u003cid\u003e \u003e}}\n```\n\nor\n\n```markdown\n{{\u003c tweet user=\u003cusername\u003e id=\u003cid\u003e \u003e}}\n```\n\nThis second option is provided for compatibility with [Hugo](https://gohugo.io/content-management/shortcodes/#tweet).\n\nFor example:\n\n```markdown\n{{\u003c tweet sellorm 1555267341327503367 \u003e}}\n```\n\nor\n\n```markdown\n{{\u003c tweet user=sellorm id=1555267341327503367 \u003e}}\n```\n\nYou can obtain the username and status id of a tweet by clicking the \"share tweet\" button and choosing \"copy URL\".\n\nThis will give you a URL like this one: `https://twitter.com/sellorm/status/1555267341327503367?s=21\u0026t=M0M4IA_KW-zMY1rb2XOWZQ`.\nThe \"user\" is the section between `twitter.com/` and `/status`.\nThe status \"id\" is everything between `status/` and `?` or the end of the URL, whichever comes first.\n\nSee `example.qmd` for a full example.\n\n### Youtube\n\nTo embed a Youtube video into your Quarto html document you can use the shortcode like this:\n\n```\n{{\u003c youtube VIDEO_ID \u003e}}\n```\n\nWhere `VIDEO_ID` is the youtube video ID. For example:\n\n```\n{{\u003c youtube zk9zHqXm6m0 \u003e}}\n```\n\nYou can obtain the video ID by inspecting Youtube's URLs.\n\nFor instance, in this URL, `https://www.youtube.com/watch?v=zk9zHqXm6m0` the video ID is the part after `v=` in the URL.\n\nSee `example.qmd` for a working example.\n\n### Vimeo\n\nTo embed a Vimo video in your HTML document use this shortcode, `{{\u003c vimeo VIDEO_ID \u003e}}\n\nWhere `VIDEO_ID` is the vimeo video ID. For example:\n\n```\n{{\u003c vimeo 22439234 \u003e}}\n```\n\nYou can get the VIDEO ID from for the URL of the video. For instance, in the URL `https://vimeo.com/channels/top/22439234` the video ID is `22439234`.\n\nSee `example.qmd` for a working example.\n\n\n### Mastodon\n\nTo embed a post from a mastodon instance in yout HTM document use this shortcode, `{{\u003c mastodon  status_url\u003e}}`,\nA status URL looks like this `https://mastodon.social/@sellorm/109376707453406631` \n\n```\n{{\u003c mastodon https://mastodon.social/@sellorm/109376707453406631\u003e}}\n```\n\nSee `example.qmd` for a working example.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsellorm%2Fquarto-social-embeds","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsellorm%2Fquarto-social-embeds","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsellorm%2Fquarto-social-embeds/lists"}