多くの人々は、私はかなりクールを見ていた、自分の個人的なブログを持っていると思います。特に開発者のためだけでなく、共有する技術(設備)の経験(力)に、インタビューはプラスになることができます。ここでは2つの有用な成果物、忙しい(バックエンド)の後に、フロント(フロントエンド)の助けをしないでください、あなたが共有に皆のための無料のシンプルな3分の紙を得ることができます。
PS:私は、コードを書いていませんか?ドメイン名のレコードがありませんか?いいえサーバーませんか?ここで、これらはものではありません!
ツールの紹介
- フレームワークサーバレス:サーバレスフレームワークは、開発者が利用できる完全なアプリケーションアーキテクチャのサーバレスを展開する基盤となるリソースを気にしない、業界で人気のあるサーバーアプリケーションフレームワークです。
- HEXO:HEXOは、高速、シンプルかつ効率的なフレームワークのブログです。Hexo使用Markdownを(あるいは他のレンダリングエンジン)の分析記事は、数秒で、あなたは、静的なページを生成するための美しいテーマを使用することができます。
3段階のプロセスを使用したサーバレスフレームワークの展開:: Hexoサイトのインストールと初期設定ファイル→→展開構成YML
インストールと初期設定
簡単な手順は、あなたはすぐにサーバレスウェブサイトの成分によるサーバレスHexoサイトを構築することができます。
まず、システムは以下の環境で構成されていることを確認してください。
アプリケーションプログラムがインストールされていない、あなたはを参照することができ、インストール手順。
サーバレスFrameworkをインストール1.
$ npm install -g serverless
Hexoをインストール2.
$ npm install -g hexo-cli
3.初期化プロジェクト
$ hexo init hexo # 生成hexo目录
$ cd hexo
$ npm install
初期化が完了すると、以下のように、ディレクトリhexoフォルダは次のとおりです。
.
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes
ローカルのブログページを生成します。4.
hexo g # generate
あなたはできhexo g
// localhostを:4000ページ参照エフェクトを使用すると、ローカルの結果を確認したい場合にも、ブラウザでhttpて、次のコマンドを実行することができ、静的なページの順序を生成します。
hexo s # server
YMLの設定ファイル
プロジェクトディレクトリの下に、作成しserverless.yml
たファイルを
cd.> serverless.yml
上記YMLファイルに以下を書き込みます:
# serverless.yml
myWebsite:
component: "@serverless/tencent-website"inputs:
code:
src: ./public # Upload static files generated by HEXO
index: index.html
error: index.html
region: ap-guangzhou
bucketName: my-bucket-hexo
設定が完了すると、ファイルのディレクトリは次の通り:
.
├── .serverless
├── hexo
| ├── public
| ├── ...
| ├── _config.yml
| ├── ...
| └── source
└── serverless.yml
展開
sls
展開コマンド、あなたが追加することができます--debug
展開時にビュー情報にパラメータを
あなたのアカウントがされない場合は、ログインまたは登録テンセント雲を、あなたがログインし、2次元コードスキャンマイクロ文字のコマンドラインで認可を直接登録することができます。
PS serverless --debug
DEBUG ─ Resolving the template's static variables.
DEBUG ─ Collecting components from the template.
DEBUG ─ Downloading any NPM components found in the template.
DEBUG ─ Analyzing the template's components dependencies.
DEBUG ─ Creating the template's components graph.
DEBUG ─ Syncing template state.
DEBUG ─ Executing the template's components graph.
DEBUG ─ Starting Website Component.
Please scan QR code login from wechat
Wait login...
Login successful for TencentCloud
DEBUG ─ Preparing website Tencent COS bucket my-bucket-1250000000.
DEBUG ─ Deploying "my-bucket-1250000000" bucket in the "ap-guangzhou" region.
DEBUG ─ "my-bucket-1250000000" bucket was successfully deployed to the "ap-guangzhou" region.
DEBUG ─ Setting ACL for "my-bucket-1250000000" bucket in the "ap-guangzhou" region.
DEBUG ─ Ensuring no CORS are set for "my-bucket-1250000000" bucket in the "ap-guangzhou" region.
DEBUG ─ Ensuring no Tags are set for "my-bucket-1250000000" bucket in the "ap-guangzhou" region.
DEBUG ─ Configuring bucket my-bucket-1250000000 for website hosting.
DEBUG ─ Uploading website files from D:\hexotina\localhexo\public to bucket my-bucket-1250000000.
DEBUG ─ Starting upload to bucket my-bucket-1250000000 in region ap-guangzhou
DEBUG ─ Uploading directory D:\hexotina\localhexo\public to bucket my-bucket-1250000000
DEBUG ─ Website deployed successfully to URL: https://my-bucket-1250000000.cos-website.ap-guangzhou.myqcloud.com.
myWebsite:
url: https://my-bucket-1250000000.cos-website.ap-guangzhou.myqcloud.com
env:
13s » myWebsite » done
自分のサーバレスHexoサイトを参照して、コマンドライン出力にアクセスするためのウェブサイトのURL。
あなたが更新hexoサイトの記事を必要とする場合は、あなただけ再実行してローカルに必要なhexo g
ローカルページ更新し、次に実行しsls
、サイト上では、Hexoの友人に直接更新することができます〜
概要
これは、記事の簡単な使用方法を示してサーバレスフレームワークを個人的なブログを作成することを、Hexoはプラグインシステム、我々はサーバレスフレームワークに基づくことができ、hexoは小さなアイコンを追加、などのカスタムテーマ、トップボーエンなど、よりパーソナライズ機能を、開発の富を持っています。これらの2つのツールは、すぐに静的なウェブサイトの開発者を構築するためにお探しの方のために、便利で効率的な展開の開発と併せて使用します。
参考:
我々はまた、訪問することができます:サーバレス中国の技術コミュニティを、できるベストプラクティスでサーバレスアプリケーション上でより多くの開発を見て!