ビュープレスビルドブログ

rmw.linkの公式サイトとして、 vuepress 2.0を ベースにした静的ブログを構築しています。

コードベースは github.com/rmw-link/blog-vuepress2にあります。

カスタマイズは以下の通りです。

• md-paddingと git hooksを使って 、中国語と英語の間にスペースを自動的に追加する。

  git clone その後、ディレクトリに移動して、 direnv allowと入力すると、 .envrc が自動的に git フックをインストールします。

  direnvは 環境オートローダーツールです。チュートリアルはこちら

• ブログを自動的に多言語に翻訳

  マークダウン翻訳ツールを見る

• メイン言語のファイル名を変更した後、他の言語の古いファイルを自動的にクリーンアップすることが可能

• テーマ設定用スクリプトの翻訳

• 変更を監視し、スタイラススタイルと coffeescript スクリプトをコンパイルして site/.vuepress

  これは、 concurrentlyという 小さなツールを使って、複数のコマンドラインタスクを同時に実行します。パラメータ --kill-others は、一度に1つのスクリプトしか実行されないようにするものです。

• 中国語フォントを修正する Noto Sans SC

• cssファイル内のフォントの一括ダウンロードスクリプト

  xonshを ベースに、./download.xsh code.css これはcssファイルからフォントをダウンロードし、対応するスタイラスを生成します。

  xonshはpythonとbashの組み合わせで非常に便利です。

• ホームページにアクセスすると、ブラウザのデフォルト言語が自動的に切り替わります

• スキャンされたディレクトリは自動的にURLにマップされる

• sitemap.xmlが生成されます。

• 引用スタイルの改善

  引用の仕方は以下の通りです。

  Yifeng Ruan：「なぜThe Pirate Bayが好きなのか？:

  著作権がなければ、人々の技術革新へのモチベーションは高まらないという意見もあるかもしれません。
  フリーソフト運動の成功は、この主張が正しくないことの証明である。
  実は、無料のシェアリングでも素晴らしい作品が生まれ、サービスから収益を上げることができるのです。
  "フリーソフトウェアの父 "であるリチャード・ストールマンは、「私は、他人を投獄するための刑務所を作るために人生を費やすことは決してしない！」と言った。
  だから、「著作権が独創性を促す」なんてことは二度と言わないでください。それは資本主義の煙幕であり、人間の創造性に対する冒涜です。
  本当に素晴らしい発明は、趣味や『人類の福祉を増進する』といった崇高な目的のためになされるのであって、お金のためではないのです

• 404ページのホバーゴーストバージョン

• github bedの画像にgumlet.io cdnを追加すると、Gumletがブラウザを認識し、自動的にpngをwebpやavifに変換して帯域を節約し、ページの読み込み速度を向上させることができます。

マークダウンカスタマイズ

• フッターコメント対応
• #inculde xx.txt 構文で外部ファイルを引用する機能
• htmlへの1行送り出力に対応 <br>