投稿

ラベル(Blogger)が付いた投稿を表示しています

Bloggerの記事をAtom/Markdownで作成するための準備(Syntax Highlighter編)

イメージ
この記事のまとめ BloggerでコードブロックにSyntax Highlighterを適用させる 背景 ここ で述べた通り、Bloggerの記事はAtomを使い、Markdown形式で書いて、プレビュー画面からHTMLとしてコピーして、Bloggerに貼り付けて作っております。 その上で以前、Atomが出力するHTMLを維持しつつ、見栄えを良くするためにCSSを追加しましたが、今回はさらに見栄えを良くしようとコードブロック部にSyntax Highlighterを適用させたいと思います。

PythonでGoogle Blogger APIを使う(その4:OAuth認証に必要な情報の取得)

イメージ
この記事のまとめ OAuth 2.0認証に必要な情報の取得方法の説明 前回のおさらい 今回はPythonでBlogger用Google APIを使う方法について説明の全4回中4回目の最後です。 Pythonのサンプルコードの紹介 サンプルコードの概要説明 Python用Google APIのインストール OAuth認証に必要な情報の取得  ← 今回はここ

PythonでGoogle Blogger APIを使う(その3:Python用Google APIのインストール)

イメージ
この記事のまとめ PythonでGoogle APIを使うためのライブラリーのインストール方法の説明 前回のおさらい 今回はPythonでBlogger用Google APIを使う方法について説明の全4回中3回目です。 Pythonのサンプルコードの紹介 サンプルコードの概要説明 Python用Google APIのインストール  ← 今回はここ OAuth認証に必要な情報の取得

PythonでGoogle Blogger APIを使う(その2:ソースコードの概要説明)

イメージ
この記事のまとめ PythonでBlogger用Google APIを使うサンプルコードの概要説明 前回のおさらい 今回はPythonでBlogger用Google APIを使う方法について説明の全4回中2回目です。 Pythonのサンプルコードの紹介 サンプルコードの概要説明  ← 今回はここ Python用Google APIのインストール OAuth認証に必要な情報の取得

PythonでGoogle Blogger APIを使う(その1:Pythonのサンプルコードの紹介)

イメージ
この記事のまとめ PythonでBlogger用Google APIを使うサンプルコードの紹介 背景 Bloggerをプログラムによって投稿できないものかと画策しており、いろいろ調べた結果、Blogger用のAPIが使えそうだったので、PythonでBlogger APIを使う方法を私自身の備忘録としても記載しておきます。 少し説明が長いので4回に分けて説明します。 Pythonのサンプルコードの紹介  ← 今回はここ サンプルコードの概要説明 Python用Google APIのインストール OAuth認証に必要な情報の取得 なおここでは、WindowsベースでPythonを使うことを前提とします。また、Pythonの導入方法については、ここでは行いません。 今回は、まずはとりあえずサンプルコードだけ載せておきます。

新しくブログを開設したらやるべきこと

イメージ
この記事のまとめ 新しいブログを開設したときにやっておくべきことを列挙 背景 このブログを始めるにあたって、久しぶりに新しいブログを開設したのですが、はじめにやっておくべきことを忘れてしまっていたので、備忘録として残しておこうというものです(次があるかわかりませんが)。

Bloggerの記事をAtom/Markdownで作成するための準備(数式編)

イメージ
この記事のまとめ Bloggerで数式を記述できるようにする。 Atomで出力したHTMLをそのままBloggerに張り付けて使えるようにする。 背景 前回記載したとおりですが、今回は数式をBloggerで表示させるための方法を記載いたします。 ちなみに私自身あまり詳しいことは知らないことがあるので、詳細な説明は省きます。 Atomで数式を表示させる Atomの標準のプレビューでは数式の記述はできませんが、 markdown-preview-plus というパッケージを使用することで数式を表示させることができます。 まずはmarkdown-preview-plusをインストールします。 Fileタブ → Settings → Install の手順でInstall Packageの画面を開き、 markdown-preview-plus と検索すればすぐに出てくると思いますのでそれをインストールします。 そして、既存のプレビュー生成パッケージであるmarkdown-previewを停止して、替わりにmarkdown-preview-plusを使うようにします。 Fileタブ → Settings → Packages の手順でPackagesの画面を開き、 markdown-preview を検索します。すると、既存のmarkdown-previewと先ほどインストールしたmarkdown-preview-plusが表示されるはずです。markdown-preveiwをDisableにし、markdown-preview-plusをEnableにすれば完了です。 (2018.06.05追記) 特定のバージョンのmarkdown-preview-plusをインストールする 最新版(2018.06.05現在)のmarkdown-preview-plusではHTML出力形式が変わってしまい、これから説明する方法が使えなくなってしまいましたので、古いバージョンのmarkdown-preview-plusをインストールする方法を紹介します。 ちなみに、最新版では有難迷惑なことに数式をSVGとして出力できるようになっており、そのHTMLを使えばおそらく造作なく数式を表示できるようになっていますが、私の環境ではフォーマットが崩れて見栄えが悪い...

Bloggerの記事をAtom/Markdownで作成するための準備(表、コード記述編)

イメージ
(2017.05.28にコードブロックにSyntax Highlighterを適用する場合について更新) この記事のまとめ Bloggerで使用する表とコード記述用のCSSを作成する BloggerにCSSを追加する 背景 ここ で述べた通り、Bloggerの記事はAtomを使い、Markdown形式で書いて、プレビュー画面からHTMLとしてコピーして、Bloggerに貼り付けて作っております。 しかし、これの方法で記事を作っても、見栄えがAtomのプレビューのように思うようにうまくいかないことがありますので、自分好みの見栄えになるようにしたいと思います。 今回は表とコード記述についてまとめました。

Bloggerの記事の投稿方法を考える

イメージ
この記事のまとめ BloggerをMarkdownで投稿する方法を考察する 背景 Bloggerでブログを初めて、効率的に、かつきれいに書くために、さまざまなBloggerの投稿方法を試してきました。いろいろ試してたどり着いた結果が、Markdownで記述することでした。そこに行き着いくまでの過程を簡単に共有したいと思います。