web-dev-qa-db-ja.com

Emacsの組織モードを使用した美しいウェブサイト

Emacsのorgモードを使用して公開された美しいWebサイトはありますか?私はオンラインチュートリアルに従いましたが、生成されたWebサイトは醜いです。既存の美しい組織テンプレート(Nice cssシート付き)はありますか?

34
bobzhang

私のサイトはOrgModeからではなくMuseから生成されており、再利用できます テンプレートの一部 - Andreas Viklund による無料のデザインの1つを採用しました。

5
Alex Ott

Org-modeを使用してクラスのWebサイトを作成します。例: http://cse3521.artifice.cc/

そのサイトには、通常のテキスト、コード、数学、フラッシュ/画像の埋め込み、表などが含まれます。

ソースコードはこちらから入手できます: https://github.com/joshuaeckroth/cse3521-website

27
Joshua Eckroth

Org-modeを使用する http://msnyder.info があり、スタイルが良いと思います。ただし、パブリッシングシステムをカスタマイズして、HTML5出力とより良いスタイルを取得します。詳しくは こちら をご覧ください。

10
bnbeckwith

単純化した使いやすさの向上(折りたたみ可能なセクションなど)を含む魅力的な結果をもたらすソラリゼーションCSSを使用するだけで済みます。

参照してください http://thomasf.github.io/solarized-css/

組織モードのHTMLエクスポートを利用するには、.emacsに次の行を追加します。

(setq org-export-html-style-include-scripts nil 
 org-export-html-style-include-default nil)
(setq org-export-html- style 
 "<link rel = \" stylesheet\"type = \" text/css\"href = \" solarized-light.css\"/>")
10
StefanQ

新鮮で新しいテンプレート(メーリングリストで見つけました):

https://github.com/fniessen/org-html-themes

7
Dror

私は、org-mode + jekyll + Twitterブートストラップを使用するテンプレートの新しいgithubリポジトリを作成しました。

ソースの http://github.com/cinsk/jekyll-org/ を確認し、 http://cinsk.github.com/jekyll-org/の例を参照してください

6
cinsk

公式のorg-modeページのリストサイトにアクセスします。 Org-Modeで作成されたWebページ

5

私は私のブログを公開するためにorg-mode + jekyllを使用しています( blog.jenkster.com )。 'Beautiful'はおそらくストレッチですが、それはクリーンでクリアであり、私が書いているものにコードスニペットを含めるために私がこれまでに見つけた最も素晴らしいセットアップです。

4
Kris Jenkins

http://www.pirilampo.org/ にある私のWebサイトは、すべてOrgモード(そしてそれのみ)から作成されています。 CSSソースもそこにあります(Org Babelを使用してOrgファイルからLP化-LP = Literate Programming)。

3
fniessen

いかがですか このページ ?静的なWebサイトまたはブログを公開するためにEmacs Org-modeとJekyllのコンボを設定する方法を示しています---これは www.gorgnegre.com で使用されています。それが役に立てば幸い。

2
gorgnegre

python&Djangoを搭載した静的ウェブサイト生成プログラム、Hydeについて読んだだけです。
http://ringce.com/hyde
設定は本当に簡単で最小限です。
お気に入りのテキストエディターを使用してコンテンツを編集できるため、org-modeを使用できます。

次に、さらに多くのorgとhydeをリンクすることを意図した2つのプロジェクトを見ましたが、試したことはありません: https://github.com/dustinlacewell/ghorg
https://github.com/punchagan/org-hyde

それは私にとって非常に魅力的に聞こえます!

1
Ehvince

これが私のサイトです http://sydi.org orgmodeによって生成されましたが、その言語は英語ではなく中国語です。サイトが美しくて目が合うかどうかは、ページを作成するためにどのツールを使用するかに依存しないと思います。より重要な、よく設計されたCSSとJSがそれを実行します。

私はorgmode generate htmlを使用し、オリジンのelisp(orgmodeフック)で何かを修正します。あなたが助けを必要とするならば、私はとてもうれしいです。

1
Sylvester

チェックアウト http://renard.github.com/o-blog/ -org-modeを厳密に使用していませんが、org-modeアドオン(およびサイトのサブジェクト)が呼び出されていますo-ブログ。私はそれについて真剣に何もしていませんが、それはかなりクールに見えます。 Twitterと簡単に統合できますbootstrap。

0
Jones