カテゴリー

VuePress+netlifyで技術ブログを立ち上げてみた

社内で調査・研究した技術情報を、公開・共有できる場所が欲しいと、スタッフからの熱い要望があったので、
静的コンテンツ作成ツールVuePressでブログを作成し、netlifyで公開してみた。

自前サーバーのGitLab-CEリポジトリからNetlifyにデプロイ

Netlifyは、GitHubやGitLab.comなどのリポジトリサービスにだけ対応していると思っていたのですが、自前サーバーにインストールしたGitLab-CEからも、Netlifyにデプロイできるっぽいので試してみました。

VuePressカスタマイズ:各記事ページにカテゴリーとタグを表示

記事一覧にはカテゴリーとタグが表示されているのに、記事ページには表示されないので、テーマをカスタマイズして、各記事ページにカテゴリーとタグを表示するようにします。

こんな感じになります。

VuePressでOGP自動設定 (seoプラグイン&placehold.jp編)

「vuepress-plugin-seo」というmetaタグを生成してくれるプラグインと、文字列を指定するといい感じで画像にしてくれる「placehold.jp」というサービスを使って、SNSでリンクした際などにプレビュー表示に利用されるOGPを自動で生成するようにしてみました。

VuePressカスタマイズ:authorを表示するようにしてみた

テーマにvuepress-theme-meteorlxyを使っているのですが、author(記事を書いた人)の表示がされません。
このブログは、スタッフみんなで書く技術ブログなので、author表示のためにテーマを修正してみました。

  • «
  • 1
  • 2
  • »