GitHubのリンクカードを作れるサービス
2019-07-16
目次
GitHubのリポジトリのカードを作れるサービス(GitHub Repository Card for every web site)通称「gh-card」というものを見つけました。 これについて紹介します。
GitHub Repository Card for every web site
リポジトリ名を入力するだけで簡単にカードを作ることができます。
生成される画像はsvgかpngのどちらかを選ぶことができます。
URL以外にHTMLやMrakdown形式で出力することができます。
ブログ埋め込んでみる
こんな感じになりました。
画像が表示されるまでにちょっと時間がかかりますが、それでも手軽にとても高いクオリティでリンクカードを作れるのはなかなかだと思います。
Web作ってますが、インタラクティブなプログラミングも好きです。
JavaScript / Vue / node.js / PHP / AWS / OpenCV
JavaScript / Vue / node.js / PHP / AWS / OpenCV
関連記事
GitHub Actions で Gatsby をビルドし Amazon S3 にデプロイする
GitHub Actions について あらかじめ準備しておくもの AWS IAM ユーザを環境変数にセットする workflowの記述 ビルド バッジを利用する 終わりに 参考にしたところ Gatsbyで作った静的サイトを、GitHub Actions…
GitHubのリポジトリをGitLabに同期する GitLabのミラーリング機能
GitLabのミラーリングについて GitHubのリポジトリをGitLabに反映する その他 参考 GitLabのミラーリング機能によりGitHubなどの外部のリポジトリとのミラーリングを行うことができます。 これを使ってGitHub…
Gitの初心者向け入門資料を集めてみた
バージョン管理システムとして利用される事が多いGitですが、初心者には意外とハードルが高かったりするため、初心者向け入門資料を集めてみました。 Git入門資料 https://gist.github.com/s-yoshiki/3ef9bfde7c0b…
AWS EC2 + Bitnami で始める WordPress
Bitnami WordPressを使うメリット 個人的に感じた3つのメリット Amimoto AMI と比較して Bitnami AMIについて Bitnami WordPressの構成と設定 サーバの構成 各種設定 MySQL WordPress Apache…
SwitchHosts hostsの設定を変更するツール
SwitchHosts インストールする homebrew scoop それ以外 設定ファイル 参考 ローカル開発環境を利用して開発している際に、ローカルのIPに対してのホスト名をhosts…
github-markdown-cssを無理やりWordPressにねじ込んだ話
github-markdown-cssについて やったこと github-markdown-cssのCDNをheadタグに埋め込む bodyタグのclassに追加する 細かい調整。一部CSSの削除 ビフォーアフター ビフォー アフター 関連 github…
最新の投稿
JavaScriptでワーシャルフロイド法を実装
AtCoder ABC012 D問題 D - バスと避けられない運命 解説 実装 AtCoder ABC012 の D問題でワーシャルフロイド法が利用できる問題が出てきたので、
JavaScriptで実装しました。 AtCoder ABC012 D問題 D…
GitHub Actions で Gatsby をビルドし Amazon S3 にデプロイする
GitHub Actions について あらかじめ準備しておくもの AWS IAM ユーザを環境変数にセットする workflowの記述 ビルド バッジを利用する 終わりに 参考にしたところ Gatsbyで作った静的サイトを、GitHub Actions…
cloudinaryによる画像ファイルの管理 はじめてみる
目的 cloudinary について 他のサービスとの比較 料金プラン アカウントの登録 利用してみる ダッシュボード 画像の編集 APIベースでのアクセス 感想 参考 画像の管理や配信、さらには加工といった事ができるsaas型のcloud…
JavaScriptによる2分探索(バイナリサーチ) のサンプルコード
2分探索について ソース 参考 JavaScriptで2分探索(バイナリサーチ)を実装してみました。…
Vue.jsで作成された、ちょっと面白くて役立ちそうなサービス
UIコンポーネント VueSocial CKEditor 5 Vue.Draggable Vuetable 2 vuejs-datepicker Kalendar Vue Apexcharts Vue.js Google Charts vue-cart WebIDE…
GitHubのリポジトリをGitLabに同期する GitLabのミラーリング機能
GitLabのミラーリングについて GitHubのリポジトリをGitLabに反映する その他 参考 GitLabのミラーリング機能によりGitHubなどの外部のリポジトリとのミラーリングを行うことができます。 これを使ってGitHub…
WordPressやめます Gatsbyに移行しました
これまでのWordPress運用 なぜWordPressを捨てるのか？ なぜGatsbyを利用するのか？ gatsbyについて WordPressから記事の救出 移行対象記事の抽出 記事の置換 Gatsbyテーマの作成 Gatsby…
WordPressのDBから記事データを抽出する
WordPressのDB関連図 公開記事一覧の取得 タグ・カテゴリの取得 サムネイルの取得 おまけ: PHPスクリプト化しました 参考にしたところ WordPressにため込んだデータMarkdown化しGatsby…
Tags
javascript 70
画像処理 30
html5 29
linux 27
アルゴリズム 26
amazon-aws 23
python 18
canvas 18
競技プログラミング 17
雑談 16
opencv 16
wordpress 15
mac 14
php 12
データベース 12
機械学習 12
mysql 11
atcoder 11
開発環境 11
画像処理100本ノック 10
docker 9
ubuntu 9
vue.js 8
node.js 8
小ネタ 8
可視化 8
css3 8
git 7
s3 7
apache 7
amazon-lightsail 7
ブログ 6
docker-compose 6
cms 6
github 5
ec2 5
iam 5
awsソリューションアーキテクト 4
ssh 4
gatsby 3
gitlab 3
oracle 3
ソフトウェア 3
curl 3
centos 3
資格試験 3
ツール 3
monaco editor 3
wasm 3
docker-ce 3