SEO対策した
とりあえず、hexo-generator-seo-friendly-sitemapを入れて、ルートにSitemapのURLを書いたrobots.txtを設置しただけ。あとはGoogle先生とかがよしなにしてくれるのを待つだけだね。
今時はAMPなんかも作った方がいいのかもだけど、まだ弱小サイトなのでまた後で考えることにしよう。
とりあえず、hexo-generator-seo-friendly-sitemapを入れて、ルートにSitemapのURLを書いたrobots.txtを設置しただけ。あとはGoogle先生とかがよしなにしてくれるのを待つだけだね。
今時はAMPなんかも作った方がいいのかもだけど、まだ弱小サイトなのでまた後で考えることにしよう。
どうしてもhexo dが成功しないので別の方法を調べた結果、ftp-deployを使った方法が見つかったので試してみた。具体的には「Node.js を使ってFTPアップロードをコマンド一発で完了させる」をほとんどそのまま使わせて頂いた。
結果、あっさり上手く行って大満足です。ありがたやー。
iPhoneやiPadで撮った写真やスクリーンショットは、そのまま貼り付けるにはサイズが大きいので適当な大きさにリサイズして圧縮をかける必要がある。毎回ツールを起動して変換するのは面倒なのでスクリプトを書いた。具体的には長辺が800pxになるようにsharpでリサイズして、imageminで再圧縮をかけている。
では、変換した後の画像を貼り付けてみる。
疲れたのと一応の形にはなった気がするので一旦ここで公開とします。デプロイが止まる件は結局解決できなかったので、WinSCP使って手動アップロードさせられるハメに…。なんたる屈辱。
では思いつくToDoを書いて締めとする。
Nlviのデフォルトのままだといくつかしっくり来ないところがあるのでカスタマイズした。
せっかくさくらインターネットは綺麗なWebフォントが使えるというので導入した。
まずはさくらインターネットのコントロールパネルからWebフォントを使用しますよという設定をした。
次に /themes/Nlvi/layout/_partial/head.swig に<script defer src="//webfonts.sakura.ne.jp/js/sakurav3.js"></script>を追加した。
最後に /themes/Nlvi/source/style/_custom/custom.styl に
1 | body { |
を追加した。本当は!importantしないで根本的なところをいじるべきなんだろうけど、とりあえずはこれでいいかな…といったところ。
archivesのスタイルがはっきり言って見づらすぎたので
1 | .archive-post-content { |
のように追加した。これもdisplay: noneで見えなくするんじゃなくて、そもそも出力されないようにいじるべきなんだろなぁ。
文章中のリンクが全く分からなかったので
1 | p a { |
を追加した。背景色を付けた形でコード表示と見た目が被るんだけど支障ないでしょう多分。
hexo dが途中で止まる件について。
1 | $ hexo d |
ここから進まない…。一体どうすればいいんだろう。