manabuyasuda / prompt

Boilerplate of Pug, Sass by gulp.
MIT License
1 stars 1 forks source link

[add] Pugファイルを他言語に対応 #20

Closed manabuyasuda closed 8 years ago

manabuyasuda commented 8 years ago
html(lang="ja")

meta(property="og:locale" content="ja")

html(lang=pageLang)

meta(property="og:locale" content=pageLang)

として、_layout.pugを

block variables
- var pageOgpType = "article";
- var pageLang = "en_US";

とすることでlang属性を変更できるようにする。

CSSとJSに関しては、index.pug内を

block css
  link(rel="stylesheet" href="css/common_en.css")
block js
  script(src="//ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js")
  script window.jQuery || document.write('<script src="/assets/js/jquery-2.2.0.min.js"><\/script>')
  script(src="/assets/js/bundle/bundle_en.js")
  script(src="js/common_en.js")

のようにして上書きすることもできる。もしくは、複数ファイルのあるjsは

include /assets/pug/_script_en

のようにした方がいいかもしれない。

もしくは単純にファイルを追加する。

block append css
  link(rel="stylesheet" href="css/common_en.css")
block append js
  script(src="js/common_en.js")
manabuyasuda commented 8 years ago

単純にすべて_filename_en.pugのようなファイル名にしてしまった方が処理が複雑にならないかも。 多少対応する言語が増えても、元になるファイルの数はしれてるし、修正ができなくもない。

もし、ファイルを増やすことで対応するなら、事前に用意しておくことはない。

manabuyasuda commented 8 years ago

25 でまとめて修正をする。