はじめに投稿するときのDefault template は以下のようになっていました。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><%= documentTitle %></title>
<link rel="stylesheet" href="https://stackedit.io/res-min/themes/base.css" />
<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
</head>
<body><div class="container"><%= documentHTML %></div></body>
</html>stylesheetを見てみる。
benweet/stackeditからCSSをダウンロードしてみた。
ここにあるものは、https://stackedit.io/res-min/themesにもあると予想し、まずは、どのcssがよいかを
実験し、以下より一旦base.cssのままとしました。
base.css, default.css: コードの背景は明るいし、文字色も黒
gray.css： 文字色が薄くなる
night.css： コードの背景が暗いし、文字色も灰色。
school.css： まあまあ
solarized-dark： コードの背景が暗いし、文字色も薄い
solarized-light： コードの背景は明るいが、文字色も薄い
stackedit/public/res-min/themes/
cssのリンクの場所を変えてみる。
多分、cssをいじらないと枠の幅は変わらないように思えるので、自分が修正したcssをリンクしてみる。
Google Driveに.cssをおいたので、リンクを取得し、templateに記載したがcssを読めていない。
以下のように少し工夫が必要でした。
- 左上にある、赤い「作成」ボタンの隣のボタンをクリックして「ファイル…」を選択し、
アップロードしたいファイルを選択します。 - 選択すると、自動でアップロードが開始されるので、終了するまで待ちます。
アップロードしたファイルを右クリックし、「共有」ボタンをクリックします。
「共有するリンク」の「http://docs.google.com/file/d/***/」の*の部分をコピー
詳細を「アクセスできるユーザ」の部分にある「変更…」をクリックします。
「ウェブ上で一般公開」を選択して、「保存」ボタンをクリックします。
- default templateのhrefで「https://www.googledrive.com/host/」に4項でコピーした文字列を結合する。
0 件のコメント :
コメントを投稿