新プロジェクト
まず、この名前ではなく、特別なであることに注意し、{ユーザー名} .github.ioという名前のGitHub(リポジトリ)に新しいリポジトリを作成し、必要なgithub.ioは接尾辞を終了する場合。新しいフォローアップの完了を動作させることができた後、ユーザー名と一致するように、GitHubのユーザー名のihankleoなどは、ihankleo ihankleo.github.ioと呼ばれています。
展開されているブログは、後に使用されますので、最初に、SSHのリンクを設定する前に。ここでSSHを設定する方法の簡単な紹介は、まず、タイトルここにカスタマイズ設定 - SSHおよびGPCキー - 新しいSSHキーを入力し、
インストール環境
Node.jsのをインストールします。
まず、自分のコンピュータのNode.js、ダウンロードにインストール:https://nodejs.org/zh-cn/download/、あなたは安定したバージョンをインストールすることができます。
インストール後、環境変数が設定されていることを確認し、正常に使用することができますnpm
コマンド。
インストールHexo
そして、あなたがHexoをインストールする必要があり、これはブログのフレームワークは、Hexoの公式もHexoブログを展開し、コンパイルし、素早くプロジェクトページを作成するために使用するコマンドラインツールを提供しているので、その前に、私たちはHexoコマンドラインをインストールする必要がありますツール。
次のようにコマンドは次のとおりです。
npm install -g hexo-cli
インストール後、環境変数が設定されていることを確認し、正常に使用することができますhexo
コマンド。
プロジェクトを初期化します
次はプロジェクトを作成し、それをローカルに実行し、全体の外観を介して実行するためのコマンドラインHexoを使用しています。
まず、次のコマンドを使用してプロジェクトを作成します。
hexo init {name}
ここで名前だ、私はihankleoブログを作成するためにここにいる、プロジェクト名ですが、私はihankleoとして、以下のように注文した純粋な小文字でプロジェクトに名前を付けます:
hexo init ihankleo
これは、テーマ、足場、ソースや他のフォルダを含め、nightteam Hexo初期化ファイルのフォルダの下に行われます、時間のためのコンテンツが行われているものを制御できないされている、のは、そこにあるものを知らせ、その後、段階的に行くと、すべてが起こっ見ますどのような変更。
次のように次の我々は内部のファイルフォルダの最初の新世代を入力し、[コマンド、HexoコンパイルされたHTMLコードを生成Hexoを呼び出し、コマンドは次のとおりです。
hexo generate
あなたは、などのjs、CSS、フォントを含み、その出力を見て、彼らはプロジェクトルート下のフォルダ内の公開ファイルであることがわかったことができます。
次のようにその後、我々はローカルコマンドでブログの稼働により提供されるサーブコマンドHexoをされて使用します。
hexo server
次のようにコマンド出力を実行した後です。
INFO Start processing
INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
これまでローカルポート4000は、ブログサイトを表示することができます
配備します
次に我々は、上記のユーザビリティをテストするためのGitHubページに配備されたブログの初期設定を見ていきます。成功の後、私たちはそのように上、こうしたテーマを変更するなどの変更をフォローアップページのレイアウトを変更し、することができます。
だから、Hexoコマンドを提供してくれている、実際にそれ以上のGitHubのページへこのページを展開する方法を、我々はそれがワンクリックで、ブログに直接展開し、手動でサーバーや他のさまざまな構成を設定する必要はありません使用することができます。
展開コマンドを次のように:
hexo deploy
展開の前に、我々はそれがGitHubのリポジトリの、そして私たちは、それを構成するために必要な情報に対応して対処する必要があり、展開のブログのアドレスを知っている必要があります。
ルートディレクトリに_config.ymlファイルを開き、この場所の展開を見つけ、わずか新しいリポジトリのアドレスを貼り付け、その後マスターブランチにブランチを指定し、次のように最終的に読むように変更:
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: {git repo ssh address}
branch: master
次のようにコンテンツが特異的に修飾します:
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: [email protected]:ihankleo/ihankleo.github.io.git
branch: master
また、我々はまた、インストールされていない場合、我々は成功し、上記のGitHubに展開可能なhexo-デプロイヤ-のgitと呼ばれるプラグインGitリポジトリの展開、の追加サポートをインストールする必要があり、展開コマンドの実装では、次のエラーが報告されました:
Deployer not found: git
さて、その後、次のようにインストールコマンドを実行するには、プロジェクトディレクトリの下に、のは、このプラグインをインストールしてみましょう:
npm install hexo-deployer-git --save
インストールが成功した後、展開コマンドを実行します。
hexo deploy
実行には、以下のような結果:
INFO Deploying: git
INFO Clearing .deploy_git folder...
INFO Copying files from public folder...
INFO Copying files from extend dirs...
...
INFO Deploy done: git
なお、上記に類似している場合に発生し、それが私たちのブログが正常に上記のGitHubページに展開されていることを証明し、我々はリポジトリの名前ihankleoな私のブログのように、次のリンクと同じ名前のGitHubのリポジトリを、訪問今回はihankleo.github.io取られ、その私はhttp://ihankleo.github.ioを訪れ、今回はまさに地元のようなブログのコンテンツを見ることができます。
実際には、フォルダのブログのすべての内容は、パブリックフォルダを以下、HexoはGitHubの上にmasterブランチにアップロードコンパイルした後、静的なページのコンテンツは行きます。
あなたはそれを行う方法をGitHubの上に置きたい場合は?実際には非常に単純な、ここでは意味の支店、代表者のブログのソース上の他のように、例えば、私が作成した新しいソースの新しいブランチを作成します。
特定のプロセスを追加すると、次の順序に参加するために、非常に簡単です:
git init
git checkout -b source
git add -A
git commit -m "init blog"
git remote add origin [email protected]:{username}/{username}.github.io.git
git push origin source
例えば、私は分岐元のデフォルト設定を入れ、下の後、あなたはその後、GitHubの上で、デフォルトのブランチに切り替えることができ、もちろん、変更することはできません。
サイト情報を設定します
我々は唯一のページの展開を成功さ、まだ有効な情報を設定していないブログを初期化しているため、上記の内容を完了した後、実際に我々は、ブログを構築するための小さなステップを完了しました。ブログは本当に今、私たち自身のブログになるように、いくつかの他のコンテンツを構成する、のは、ブログへの基本的な構成での素敵なテーマの別のものを見てみましょう。
ここで私は、例えば自分のサイトihankleoを取るように、基本的な、そのようなサイト名などの設定、サイトの説明、およびを変更します。
敷地面積を見つけ、ルートディレクトリにファイルを変更_Config.yml、そこにあなたはサイトのタイトルのタイトル、サブタイトルサブタイトルおよびその他のコンテンツ、キーワード、キーワードやその他のコンテンツを設定することができ、例えば、私は次のように変更します:
# Site
title: ihankleo
subtitle: 一个专注技术的组织
description: 涉猎的主要编程语言为 Python,爬虫
author: ihankleo
また、言語について設定することができますが、中国のように設定したい場合は、言語のZH-CNのフィールドを設定することができ、次のように改正します。
language: zh-CN
これは、サイトの基本構成を完了し、あなたは改正に関するいくつかの基本的な情報の完了後に来たことがわかります
件名を変更します。
ここでは、ページ全体のスタイル個人的な感情はとても格好良いではない、コンフィギュレーションのトピックが含まれたスタイルを、変更したいです。
現在、最も広く使用されている基本的なテーマは次のテーマ、個人的な感情や格好良いのテーマであるHexo、それは私たちのブログのようなより多くの拡張機能をサポートすることができ、テーマを設定し、追加のプラグインや機能も非常に豊富でサポートしていますその上で、プログレスバー、英語のスペースのレイアウト、画像の遅延ロードとを読んで。
まあ最初のすべての私たちは今、次のトピックは、バージョン7.xに更新されていること次にテーマにGitHubのリポジトリにインストールしましょう、私たちは、テーマ次のテーマのダウンロードに直接行くことができます。
GitHubには、アドレスのテーマ次のとおりです。https://github.com/theme-next/hexo-theme-next、我々はダウンmasterブランチのクローンに直接することができます。
まず、以下のコマンドを実行し、プロジェクトのルートディレクトリにコマンドラインを入力します。
git clone https://github.com/theme-next/hexo-theme-next themes/next
完全なソースコードを実行した後次のトピックでは、プロジェクトのテーマ/フォルダの横に表示されます。
その後、我々は、次のブログで使用されるテーマの名前を変更するプロジェクトのルートディレクトリに_config.ymlファイルを変更し、テーマ分野を見つけ、修正の横で、次のように修正する必要があります。
theme: next
そして、バックローカルサービス上で、ページを更新するためにアクセスし、あなたは成功したハンドオーバに次のトピックを参照してくださいすることができます
テーマ設定
今、私たちが正常に上記の次のトピックに切り替えていることを、我々は、このような、スタイルを変更する他の機能のサポートを追加するなど、それの構成は、あったように一つ一つを、以下さらに詳細に話題にされています。
次のトピックのインテリアも、設定ファイルが同じ名前の_config.ymlと呼ば提供していますが、位置は、テーマのすべての機能は、設定ファイルで制御することができます/次のフォルダ、次のトピックでは、以下のどの、同じではありません内容はテーマ/次/ _config.ymlファイルを修正していると述べました。
スタイル
次のトピックも全く同じ位置にレイアウト全体を黒と白のスタイルが似ていると、様々なスタイルを提供ではなく、プロファイルへのスキームのフィールドを変更することで、私は_config.ymlを変更し、魚座のスタイルを選択しました(テーマを注意してください/next/_config.ymlファイル)を次のように
scheme: Pisces
以下のようないくつかのオプションもあります。
# scheme: Muse
#scheme: Mist
scheme: Pisces
#scheme: Gemini
ファビコン
ファビコンは、デフォルトでは、我々は、サイトのロゴ画像を持っている場合、我々はあなた自身の小さなアイコンをカスタマイズすることができ、Hexo小さいアイコンを使用するために、サイトのタブバーで小さなアイコンです。
しかし、それは、私たちは自分のPSで自分自身を設計する必要があることを意味し、すでに絵アイコンサイトに直接ウェブサイトを持っている、とサイトリンクはありませんします。https://realfavicongenerator.net [1]、ここでは画像をアップロードするには、あなたは小さなダウンロードアイコンサイズの品種に直接移動し、異なるデバイスを収めることができます。
ダウンロードアイコンの後テーマ/次/ソース/画像ディレクトリにそれを置きます。
設定ファイルファビコンの設定項目を見つけるその後、いくつかの関連するパスの構成は、たとえば、で行くことができます:
favicon:
small: /images/favicon-16x16.png
medium: /images/favicon-32x32.png
apple_touch_icon: /images/apple-touch-icon.png
safari_pinned_tab: /images/safari-pinned-tab.svg
設定がページ完全リフレッシュされた後、アイコンラベルがページ全体を更新しました。
アバター
これが設定されている場合は、次のサイトに追加情報のアバターを表示し、似たようなサイト上でアバターをアバター
テーマ/次/ソース/画像/ avatar.pngパスを配置した後、テーマ_config.ymlファイル内のアバターエディタ、正しいパスへの変更を設定します。
# Sidebar Avatar
avatar:
# In theme directory (source/images): /images/avatar.gif
# In site directory (source/uploads): /uploads/avatar.gif
# You can also use other linking images.
url: /images/avatar.png
# If true, the avatar would be dispalyed in circle.
rounded: true
# If true, the avatar would be rotated with the cursor.
rotated: true
ここでは、ラウンド表示するかどうかを丸いオプションがあり、私たちが選択すること回すことができるならば、かどうかである回転効果を回転させました。
設定が完了した後のアバターが表示されます。
RSS
あなたはRSSフィードを開きたい場合はブログのRSSフィードは、一般的に必要とされる、ここでインストールが完了した後、プラグイン、hexo-発電フィードと呼ばれるインストールする必要があり、自動的に次のようにコマンドをインストールし、RSSフィードファイルを生成するサイト:
npm install hexo-generator-feed --save
インストールがサイトが自動的にRSSフィードファイルを生成しますたびの後にコンパイルされ、他の設定は、完全ではありませんした後、プロジェクトのルートディレクトリのコマンドで実行します。
コード
私は個人的に特に好きではないので、私は黒、ボタンのカラーコードに変更とMacのようなスタイルに変更されたスタイルをコピーし、_configを修正プログラム猿として、コードブロックを表示したり、コードのデフォルトのブロックについて非常に特定の必要コードブロックのブロック.ymlファイルは次のとおりです。
codeblock:
# Code Highlight theme
# Available values: normal | night | night eighties | night blue | night bright
# See: https://github.com/chriskempson/tomorrow-theme
highlight_theme: night bright
# Add copy button on codeblock
copy_button:
enable: true
# Show text copy result.
show_result: true
# Available values: default | flat | mac
style: mac
上
私たちは、私の設定は、迅速サイトに戻るには上部の希望を読んだことがあるならば、それはまた、コンフィギュレーションをサポートしている場合には、通常、支援するためのボタンがあり、Webの閲覧、_config.ymlするback2topフィールドを変更します次のように:
back2top:
enable: true
# Back to top in sidebar.
sidebar: false
# Scroll percent label in b2t button.
scrollpercent: true
デフォルトを有効にするデフォルトの表示である、真実です。trueに設定すると、サイドバーには、ボタンがサイドバーの下に表示され、個人的には非常に良いではないと感じ、キャンセルされた、scrollpercent表示読書は個人の割合は、それがtrueに設定されます、かなり良い感じです。
reading_process
いくつかのサイトで最上位のプログレスバーは、ページの読み込みの進行状況と読書進捗状況を代表して、設定したい場合は、あなたが、私はそれを開きます、試すことができ、次のように_config.yml変更、薄いが表示されます。
reading_progress:
enable: true
# Available values: top | bottom
position: top
color: "#222"
height: 2px
ブックマーク
ブックマークは、私たちはすぐに最後の位置を見つけやすくするために、次の時間を、歴史を読んでページを開くことができ、あなたは好みに応じてオン・オフすることができ、次のように、私の構成は次のとおりです。
bookmark:
enable: false
# Customize the color of the bookmark.
color: "#222"
# If auto, save the reading progress when closing the page or clicking the bookmark-icon.
# If manual, only save it by clicking the bookmark-icon.
save: auto
github_banner
次のようにいくつかの技術的なブログで、あなたは、あなたが表示したい場合は、その後、あなたは自分自身を開くように選択することができ、GitHubのリポジトリとしての排水があり、そのソースにジャンプするページをクリックしてページの右上隅にあるGitHubのアイコンがあることに気づいたかもしれません、私の構成があります:
# `Follow me on GitHub` banner in the top-right corner.
github_banner:
enable: true
permalink: https://github.com/ihankleo/ihankleo.github.io
title: Hank GitHub
GitHubのアイコンを示し、リポジトリのページに移動するにはタップしてページの右上隅で見ることができます。
gitalk
Hexoのブログは静的なブログで、何のデータベース接続が存在しないので、それは自己レビュー機能が統合されていないのですが、あなたは、サードパーティのサービスを統合することができますので。
統合されたコメントウィジェットを数多く提供しています次のトピックがchangyanた|ディスカス| disqusjs | facebook_comments_plugin | gitalk | livere |バリン|これらをvkontakte。
プログラマーとして、私は個人的にgitalkを好むスタイルもかなり良いですとき、コメントを使用問題GitHubのです。
その上で、クライアントの秘密を、//github.com/settings/applications/new登録が完了すると、クライアントIDを取得します。https:まず、あなたがに、上記のリンクをGitHubの上のOAuthアプリケーションを登録する必要があります。
まず、あなたはgitalkを使用してファイル_config.ymlコメント領域に設定する必要があります。
# Multiple Comment System Support
comments:
# Available values: tabs | buttons
style: tabs
# Choose a comment system to be displayed by default.
# Available values: changyan | disqus | disqusjs | facebook_comments_plugin | gitalk | livere | valine | vkontakte
active: gitalk
主にcomments.activeフィールドに対応する名前を選択します。
そして、そのさまざまな構成を追加し、gitalk構成を見つけます:
# Gitalk
# Demo: https://gitalk.github.io
# For more information: https://github.com/gitalk/gitalk
gitalk:
enable: true
github_id: NightTeam
repo: nightteam.github.io # Repository name to store issues
client_id: {your client id} # GitHub Application Client ID
client_secret: {your client secret} # GitHub Application Client Secret
admin_user: germey # GitHub repo owner and collaborators, only these guys can initialize gitHub issues
distraction_free_mode: true # Facebook-like distraction free mode
# Gitalk's display language depends on user's browser or system environment
# If you want everyone visiting your site to see a uniform language, you can set a force language value
# Available values: en | es-ES | fr | ru | zh-CN | zh-TW
language: zh-CN
コンフィギュレーションが使用する準備ができて完全gitalkしたら、記事のページにクリックしてください
あなたが使用して、コンテンツが自動的に内部の問題に表示されます確認することができますログイン後のGitHub承認。
pangu
個人的に、私は中国語と英語が必要なときにピッチを去ることに書くことの中間である強迫性障害を持って、シンプルかつ直接的な方法は、スペースの真ん中ですが、いくつかのケースでは、これを追加したり、常習的に追加することを忘れて、ないかもしれません英語でシャッフルにリードがとても美しいではありません。
panguは、我々は唯一のコンパイル済みのページが自動的に中国語と英語の間にスペースを追加し、テーマでこのオプションを使用する必要があり、この問題を解決することで、より美しく見えます。
次のように特定の改変は次のとおりです。
pangu: true
数学
いくつかのケースでは、我々は、このような次のテーマもサポートされているデモアルゴリズムの導出、値下げサポート式が表示され、Hexoとして式を、記述する必要があります。
次のトピックは、2つのレンダリングエンジンを提供し、すなわちmathjaxとkatex、レンダリング速度を持つ後者は高速で、追加のサポートはJavaScriptを必要としませんが、後者はまだサポートされていない元のように機能豊富な、コントラストが特異的であることができますします。https://theme-next.org/docs/third-party-services/math-equations公式ドキュメントを参照してください。
だからここに私はmathjaxを選んだ、設定を変更することで有効にすることができます。
math:
enable: true
# Default (true) will load mathjax / katex script on demand.
# That is it only render those page which has `mathjax: true` in Front-matter.
# If you set it to false, it will load mathjax / katex srcipt EVERY PAGE.
per_page: true
# hexo-renderer-pandoc (or hexo-renderer-kramed) required for full MathJax support.
mathjax:
enable: true
# See: https://mhchem.github.io/MathJax-mhchem/
mhchem: true
pjax
私たちは、実際には、この技術は、部分ページ・リフレッシュを達成するためにAjax技術を使用することで、アヤックスのことを聞いたpjaxを聞いたことが唯一のURLを置き換える達成することができ、リフレッシュロードされずにそこに行うことができます。
この機能を有効にするにはpjax最初のターン機能を必要とし、それに対応するpjaxの依存関係をインストールし、次のように最初に修正さ_config.ymlを変更します。
pjax: true
その後、依存ライブラリをインストール次のトピックに切り替え、その後、依存ライブラリをインストールします。
$ cd themes/next
$ git clone https://github.com/theme-next/theme-next-pjax source/lib/pjax
このようなpjaxは、そのページがロードされてリフレッシュすることなく、あなたが達成することができ、開きます。
ます。https://theme-next.org/docs/、あなたが公式の文書を参照することができ、よりテーマ設定をまたここでは、テーマがたくさんある次に設定され、ここで紹介しました。
記事
新しい「HelloWorldの」の記事は、次のコマンドを作成します。
hexo new hello-world
表示される記事の作成source/_posts
、フォルダ、マークダウン形式です。
記事次の形式の最初に必要な情報を追加します。
---
title: 标题 # 自动创建,如 hello-world
date: 日期 # 自动创建,如 2019-09-22 01:47:21
tags:
- 标签1
- 标签2
- 标签3
categories:
- 分类1
- 分类2
---
下記のテキストを書くことから始めて、値下げは形式で記述することができます。
これは、自動的に他のいくつかのパラメータの設定に加えて、ドキュメントを参照して、次のタイトル、時間、カテゴリなどを識別するために時間をコンパイルしますします。https://hexo.io/zh-cn/docs/writing.html。
タブ
今、私たちだけの家のブログ、記事ページ、我々は、タブを増やしたい場合は、あなたが自分自身を追加することができ、ここでHexoもルートディレクトリに次のコマンドを実行し、この機能を提供してくれました。
hexo new page tags
このコマンドを実行した後、自動的に私たちが生成するのに役立ちますsource/tags/index.md
:ファイル、このようなコンテンツのみを
---
title: tags
date: 2019-09-26 16:44:17
---
私たちは、ページの種類を指定するために、自分のタイプのフィールドを追加することができます。
type: tags
comments: false
そして、_config.ymlファイルをテーマにメニューフィールドを変更、内部のメインメニューのこのページへのリンクを追加するには次のとおりです。
menu:
home: / || home
#about: /about/ || user
tags: /tags/ || tags
#categories: /categories/ || th
archives: /archives/ || archive
#schedule: /schedule/ || calendar
#sitemap: /sitemap.xml || sitemap
#commonweal: /404/ || heartbeat
あなたは左側のナビゲーションにもラベルを登場見ることができ、その後、ラベルのリストが表示されます右をクリックしてください
あなたは、次のコマンドを使用して作成することができますカテゴリページを増やしたい場合は、紙と同様の分類およびラベリングは、カテゴリに対応してもよいです。
hexo new page categories
次に同様に、それが生成されますsource/categories/index.md
ファイルを。
私たちは、ページの種類を指定するために、自分のタイプのフィールドを追加することができます。
type: categories
comments: false
そして、_config.ymlファイルをテーマにメニューフィールドを変更、内部のメインメニューのこのページへのリンクを追加するには次のとおりです。
menu:
home: / || home
#about: /about/ || user
tags: /tags/ || tags
categories: /categories/ || th
archives: /archives/ || archive
#schedule: /schedule/ || calendar
#sitemap: /sitemap.xml || sitemap
#commonweal: /404/ || heartbeat
このようなページは、分類のためのサポートを増加します
検索ページ
我々はステーション全体の内容を検索する必要がある多くの場合には、検索機能も必要であるサポートしています。
あなたがサポート検索を追加したい場合は、次のようにコマンドがあり、hexo-発電searchdbと呼ばれるプラグインをインストールする必要があります。
npm install hexo-generator-searchdb --save
そして、_config.yml検索設定内の項目を追加し、以下のとおりです。
search:
path: search.xml
field: post
format: html
limit: 10000
次のように続いての_config.ymlテーマを読みます:
# Local search
# Dependencies: https://github.com/wzpan/hexo-generator-search
local_search:
enable: true
# If auto, trigger search by changing input.
# If manual, trigger search by pressing enter key or search button.
trigger: auto
# Show top n results per article, show all results by setting to -1
top_n_per_article: 5
# Unescape html strings to the readable one.
unescape: false
# Preload the search data when the page loads.
preload: false
ここではローカル検索は、検索サービスは、あなたが他の有効にする場合されている、あなたは、公式ドキュメントを参照することができます。https://theme-next.org/docs/third-party-services/search-services。
404ページ
あなたはまた、次のように内容をモデル化することができ、新しい404.mdを作成するために、ソースフォルダのファイルのルートディレクトリに直接404ページを追加する必要があります。
---
title: 404 Not Found
date: 2019-09-22 10:41:27
---
<center>
对不起,您所访问的页面不存在或者已删除。
您可以<a href="https://ihankleo.github.io>">点击此处</a>返回首页。
</center>
<blockquote class="blockquote-center">
Hank
</blockquote>
いくつかの関連情報とリンクはあなた自身に置き換えることができますがあります。
これは、この404ページの後に追加することができます。
します。https:上記の設定を完了し、基本的には半分以上を完了し、実際には、ここで紹介する多くの、多くのHexo機能は、しかし、我々は公式の文書を直接参照することができ、ある//hexo.io/zh-cn/docs/もっと見ますマルチ設定。
展開スクリプト
最後に、私はここにも再デプロイ後、実際には、再gererate次のファイル、展開スクリプトの簡易版を追加した、と。ルートディレクトリに新しいスクリプトファイルのDeploy.sh、次のように:
hexo clean
hexo generate
hexo deploy
私たちは、展開のリリースを実行する必要があります。
sh deploy.sh
あなたはそれが非常に簡単で、ブログの更新を完了することができます。
カスタムドメイン名
その内容は適宜更新されます修正あなたはページの後に上記のスクリプトを使用したブログの下に再デプロイすることができます。
また、我々はまた、GitHubのリポジトリドメイン名の内側に配置することができ、セッティングを見つけ、以下引っ張られ、あなたが項目の設定はGitHubのページを持って見ることができます
ここでは、カスタマイズしたいドメイン名のアドレスを入力し、カスタムドメインオプションであり、その後、うまく解決CNAMEを追加します。
私たちは、カスタムドメイン名を設定した後に強制HTTPSオプションに続いてまた、GitHubのページは自動的に私たちHTTPSサービスをするのに役立ちます。ちょうどそれをチェックすることができるようになるまで、このオプションはいくつかの時間のために使用できない場合がありますときにカスタムドメイン名の設定が完了し、直接確認することができますので、全体のブログは、HTTPSプロトコルとなります。
カスタムドメイン名を設定する場合は注目に値する別の場所では、本発明の場合には、その都度このカスタムドメイン設定の展開は自動的にクリアされます。したがって、このような状況を回避するために、我々は、ソース/ CNAME、コンテンツのパスがカスタムドメイン名で、ディレクトリのプロジェクトファイルにCNAMEを作成する必要があります。
例えば、私はソースディレクトリCNAMEに新しいファイルを作成し、こう述べています。
blog.xxx.com
これは、カスタムドメイン名のたびに展開が片付けた事態を避けることができます。
ここではちょうど良いブログのhttps://ihankleo.github.io/を構築するために自分自身を添付
これらはHexoのブログを構築するために最初からプロセスであり、我々は手助けをしたいです。
リファレンス
- https://realfavicongenerator.net
- NightTeamチーム