タグ

VuePressに関するmut00tumのブックマーク (10)

  • VuePress入門 | NxWorld

    静的サイトジェネレータ「VuePress」の導入からデフォルトテーマの簡単な設定までを紹介します。 Node.jsがインストール済みで少しコマンドが入力できさえすれば、Vueの知識がなくてもそれっぽいドキュメントがすぐ作れるような形で紹介しているので、興味ある方は試してみてください。 Node.js(Ver 8以上)が必要になるので、使っている覚えのない方や使用しているバージョンが古い方は、Node.jsをインストールまたはアップデートをしてください。 コマンドで$ node -vを入力すれば、インストールの有無やバージョン確認ができます。 「Getting Started」ではYarnとnpmそれぞれのコマンドで紹介しますが、それ以降は基的にYarnを用いた形で紹介しているので、npmを利用している場合は置き換えてください。 紹介している内容は、VuePress Ver 0.14.8を

    VuePress入門 | NxWorld
  • VuePressの細かい設定の話

  • Blog stage 1 - permalink by ulivz · Pull Request #763 · vuejs/vuepress · GitHub

  • Blog Support roadmap (Resolved) · Issue #36 · vuejs/vuepress

  • webサイト制作環境が変わる!VuePress入門 - Qiita

    VuePressとは こちらの記事にうまくまとまっていました。 VuePress をお試ししてみた - Qiita 個人的な理解としてはNuxt.jsよりもサイト作成に特化した静的サイトジェネレーター という感じです。 Nuxt.jsもさわってみたんですがgenerateされるファイル群の見た目?や使い勝手など VuePressは静的サイトにより特化している印象でした。 執筆時(2018.6.28)VuePressのバージョンは0.10.2 です。 序文 ここ数年、gulpはもう辛いからwebpackオンリーでとかParcelのほうが速いとか 話題になってましたが結局どれ使おうが最終的に書くのはHTML(pug) + css(stylus/sass) + js(jquery) そもそもその構成が辛いよなぁとおもいながら幸せになれる環境を求めていました。 そんな中、2018年4月某日。Vue

    webサイト制作環境が変わる!VuePress入門 - Qiita
  • Vue Metaru

    JavaScriptの配列の生成から複雑な変換処理、最後に様々な配列操作関数を使ったトランプゲームを用意しています。

  • VuePressに移行した | とーふとふのブログ

    2年半くらい前からずっとVue.jsを書いていましたが、最近になってVue開発チームから公式に静的サイトジェネレーターとしてVuePress[1]というプロダクトが公開されました。 私個人としてもNuxt.jsを使った静的SPAブログ用CMSを作っていたんですが、公式が出して今後も機能追加が継続的に見込めることからVuePressに移行することにしました。 VuePressの今後の機能追加の一つにブログ機能があるそうなのですが、現時点での標準ではまだまだなので今回は少しでもブログらしくカスタマイズした作業ログを残しておこうと思います。 # VuePressを始める 今回のディレクトリ構成はこんな感じです。 この構成は以下の記事を参考にさせていただきました。 VuePressはコーダーの夢を見るか。 - Qiita blog ├── package-lock.json ├── package

  • VuePress+GitHub Pagesで独自ドメイン+HTTPS対応のサイトを作る in 2018 - Qiita

    私ごとでありますが、先日ポートフォリオサイトを更新しました。 その過程でGitHub Pagesの独自ドメイン運用+HTTPS化に触れ、 おまけにVuePressともちょっぴりだけ仲良くなれました。 環境 Node.js: v8.9.4 VuePress: 0.8.4 課題 これまで、自身のポートフォリオは、BootstrapベースのベタなHTMLサイトで作っていました。 ですが、よりシンプルなものへの志向(レイアウト・ファイル構成)や、飽きも感じていたので、 静的サイトジェネレータで作り直してみるのはどうか、という欲望を抱いていました。 静的サイトジェネレータはこれまでHugo、ちょっぴりGatsbyJSを試してみたことがありました。 いずれも優れたソフトウェアであることは論をまたないと思います。 しかしいざ始めてみると、コンテンツ生成のための暗黙的な規約の量、実現したい機能のために強い

    VuePress+GitHub Pagesで独自ドメイン+HTTPS対応のサイトを作る in 2018 - Qiita
  • VuePressはコーダーの夢を見るか。 - Qiita

    Webサービス界隈の優秀な人たちが、フロントエンドの新しいツールを「最高!」と日々謳っている中、 底辺コーダーの我々はクライアントからの修正横目に 「ほーん。どうせ僕らの業務じゃ使えないんでしょ?」という冷淡な姿勢を貫き通していた。 しかし、興味がないわけではなかった。ReactVueといったコンポーネント思考のフレームワークを駆使すればクライアントからの無理難題をスマートに解決し、家で有意義にダラダラする時間を手に入れる事が出来るかもしれない。そのような考えはいつも心の片隅にあったが目を背け続けてきた。 でもついにその時がきたかもしれない。VuePressがその夢を叶えてくれるかもしれない。 (タイトルはかっこつけただけで特に意味はないです。) 夢と苦悩 夢その1 Nuxt 夢その2 Gatsbyjs 夢その3 VuePressを使えるレベルにする。 開発のディレクトリ構成をいい感じに

    VuePressはコーダーの夢を見るか。 - Qiita
  • VuePress をお試ししてみた - Qiita

    VuePress とは この記事は 2018-04-15 に記載されたものです。 VuePress は Vue の始祖こと Evan You 氏が新たに始めた Vue による静的サイトジェネレーターです。 Markdown によるページの作成が可能で、Vue の機能はもちろん、Webサイトを作っていてほしくなるシンタックスハイライトや、PWAのサポートがされています。 雑な解釈としては Vue 版の Gatsby という認識で良いのではないのかと思います。 VuePress の機能 公式に記載されている内容を抜粋して雑に翻訳してみました。 ref: VuePress | Introduction 技術文書に最適化されたビルトインのMarkdown拡張 Markdown 内部での Vue 活用 Vue により強化されたカスタムテーマシステム Progressive Web Applicati

    VuePress をお試ししてみた - Qiita
  • 1