個人ブログ構築記録
2904 ワード
2017年末、個人ドメイン名wolfxuを買いました.comは、自分の個人ブログを構築しました.2018年初頭には、ブログの様々な配置が徐々に整備され、以前の文章を同期させたものから来ています.
ビルドレコードドメイン名を購入します.アリクラウドで個人ドメイン名wolfxuを購入します.com、ラッキーです.comドメイン名で、しかも高くありません.最初はどんな接尾辞を选べばいいのか悩んだが、知っている答えを见て、やはり.com好,.comは最も自然で、最も覚えているのです.に至ってはcomはもともと会社を表す......これは重要ではありません. サイト構築シナリオを選択します.サーバーは買いたくないのでgithub pagesで静的ブログをします.主流の静的ブログフレームワークからhexoを選んだのは、名前が見やすいからだ.しかもコンパイル速度はjekyllより速いそうです. githubで静的ブログを格納するための倉庫を作成します.倉庫名は「ユーザー名.github.io」でなければなりません.他の名前は無効です.対応する倉庫を作成すると、「ユーザー名.github.io」というアドレスでアクセスできます. カスタムドメイン名をバインドします.アリ雲のdns解析によりwolfxuを与えた.comとwww.wolfxu.com追加Aはgithub pagesのipに記録され、2つあります:192.30.252.153、192.30.252.154.そしてgithubの倉庫の下にCNAMEファイルを作成しwolfxuと書きます.com.ここに書いてください.comとwww.wolfxu.comでもいいです.書きます.comならwww.wolfxu.comの場合はwolfxuにリダイレクトする.com;逆に、www.wolfxuにリダイレクトします.com.私たちのカスタムドメイン名でアクセスすると、実際にはgithub pagesのサーバにアクセスし、github pagesはCNAMEファイルに構成されたドメイン名に基づいてマッチングし、対応する倉庫の内容を示します. hexoをインストールします.まずNodeをインストールします.js(homebrewで直接インストールしたNode.js)をインストールし、hexoをインストールします. hexo初期化.hexo initはhexoに必要なファイルを作成し、npm installは依存するプラグインをインストールします.ソースファイルを保存し、masterをパブリッシュするために残すhexoブランチを新規作成しました.これでhua 3505を直接使うことができます.github.ioの倉庫はソースファイルを管理し、別の倉庫を建てる必要はありません. 構成を変更します.url、authorなどを修正しました. ローカルサーバを試してみます.hexo-serverプラグイン、npm install hexo-server-saveをインストールする必要があります.ここでsaveを加えると、プラグイン情報がpackageに追加されます.jsonでは、複数のパソコン間の同期が便利です.他のパソコンではgithubから更新を引くと、欠けているプラグインが見え、npm installで直接インストールされています.hexo server(hexo sと略称)は、ブログ効果をプレビューするためにローカルのサービスを開始することができます.内容を変更すると、ローカルサービスを再起動する必要はなく、リフレッシュすれば変更の効果が見られます. 静的ブログを生成します.hexo generate(hexo gと略称)は、生成されたすべてのファイルがpublicディレクトリの下にあります. の導入.gitで導入します.配置の仕方、倉庫の住所、支店などを配置します.hexo-deployer-gitプラグインをインストールします.hexo deploy導入を実行します.生成と配置のコマンドをマージして、hexo generate-deploy(hexo g-dと略す)、逆にhexo d-gも実行できます. hexo配備後、CNAMEファイルが削除された問題を解決します.Hexoはmasterブランチに配備され、元のファイルをすべて削除し、CNAMEが削除され、カスタムドメイン名でアクセスできなくなった.解決策は,CNAMEファイルをsourceディレクトリの下に置くことであり,このファイルの下の一般ファイルは生成時に直接コピーされる.具体的にはhexoの「リソースフォルダ」に関するドキュメントを参照してください. トピックを交換します.最初はAathを試してみたが、面白くなかった.Nextを変えて、簡単で気前がよくて、きれいで、しかも機能が完備しています.テーマの配置を振り回した. は記事を移行してきました.一部の文章には私の他の文章にリンクされていて、wolfxuにリンクされています.com上の.また、画像表示が表示されていない、時報エラーが発生しているなどの問題があったら、後で単独で話します. は、文章の閲覧数、評論システム、サイト内検索、公益404、トップページ表示要約などを構成する.構内検索用はAlgoliaで、Nextのドキュメントに書かれているhexoプロファイルにはapiKeyが少なく、アプリケーションID、apiKey、indexNameの3つがあるはずです.
hexoとmarkdownの違い画像表示.次のような画像参照については、角カッコの文字を直接画像として表示しますが、hexoでは、後ろの二重引用符で表示する必要があります.hexoのやり方が規範的であるべきで、前のものはalt textで、後ろのものはピクチャーマークです.両側に表示効果が一致するように、すべてを書き、2つの文字が同じであるべきです. hexoはもっと厳しいようです.無秩序リスト記号「-」の前にスペースがあり、生成時に と直接エラーが発生しました.
難問の切り札
オンラインのスタイル、ダイナミック効果に問題がある場合、ローカルテストでは正常です.この場合、スタイルが生成されていないか、jsが生成されていない可能性が高い.hexo cleanを試して、再生成、導入することができます.多分解決できます.
ビルドレコード
hexoとmarkdownの違い
![Snip ](http://xxx "Snip ")
難問の切り札
オンラインのスタイル、ダイナミック効果に問題がある場合、ローカルテストでは正常です.この場合、スタイルが生成されていないか、jsが生成されていない可能性が高い.hexo cleanを試して、再生成、導入することができます.多分解決できます.