ブログのルート ディレクトリで _config.yml を開き、テーマとして設定します: fexo
アップグレード
$ cd themes/fexo$ git pull
テーマの設定
テーマの設定はすべて、theme/fexo で完了します。以下のすべての設定は、theme/fexo/_config.yml の設定を参照します。
基本情報を設定します
blog_name: Forsignerslogan: Find the bug of the world
アバターを設定します
# relative urlavatar: /images/avatar.jpg# or absolute urlavatar: https://avatars0.githubusercontent.com/u/2668081?v=3&s=460
ファビコンの設定
favicon: /favicon.ico
キーワードの設定
キーワードの主な機能は SEO の最適化です
keywords: forsigner,前端,设计,Hexo主题,前端开发,用户体验,设计,frontend,design,nodejs,JavaScript
ブログ名のフォントをカスタマイズします
中国語のフォント ファイルは大きすぎるため、一部のファイルは 10M もの高速なので、Fexo ではカスタマイズできませんでした中国語フォントを導入した結果、ブログ名が少し醜くなりました。
ただし、フォントを抽出することでフォント ファイルのサイズを小さくし、フォントを数 KB にすることができます。
次の手順で、英語と中国語を含むブログ名のフォントをカスタマイズできます:
- 無料の ttf 形式フォントをダウンロードします
- Web を使用します - Fontmin はフォントを抽出し、Web フォントとスタイルをダウンロードします
- ブログのルート ディレクトリのソース フォルダーに 2 つのサブディレクトリを作成します: fonts と css
- ダウンロードしたフォントを fonts フォルダーに置き、 CSS ファイルを css フォルダーに追加します
- theme/fexo/_config.yml を変更します:
# 这是css文件里的font-familiy的值 ,例如里面是 font-familiy: "myfontName"blog_name_font_familiy: myFontNamefonts_css_path: - /css/calligraffittiregular.css - /css/second-font.css
ホームページのコンテンツを設定します
ホームページに記事を直接表示するかどうかを設定できます
init_page_content: HOME_NAV # HOME_NAV | POST
ホームページナビゲーションを設定します
home_nav: - name: Blog url: /archives - name: Github url: https://github.com/forsigner target: _blank - name: Douban url: http://www.douban.com/people/forsigner/ target: _blank - name: Twitter url: https://twitter.com/forsigner target: _blank
ページ ナビゲーションを設定します
page_nav: - 博客: /archives/ - 分类: /category/ - 标签: /tag/ - 友链: /link/ - 关于: /about/ - RSS: /atom.xml
ページ ナビゲーション スタイルを設定します
page_nav_style: CIRCLE # CIRCLE|ROUND_RECT
パンくずリストを設定
breadcrumb: isShow: true # true|fase
ボックスを設定
toolbox: isShow: true # true|fase
記事タイトルの配置を設定
post: header_align: center # left|center
カテゴリーページを有効にする
- ブログ内で hexo new を実行ルート ディレクトリ ページ カテゴリ
- my-blog/source/category/index.md のコンテンツを変更します:
---title: categorylayout: categorycomments: false---
タグを有効にする ページ
- ブログのルート ディレクトリで hexo 新しいページ タグ
- を実行して、my-blog/source/tag/index.md のコンテンツを変更します:
---title: taglayout: tagcomments: false---
フレンドリンクページを有効にする
- ブログのルートディレクトリで hexo 新しいページリンクを実行します
- 私の編集-blog/source/ link/index.md の内容:
---title: linklayout: linkcomments: false---
ページについての有効化
- 実行ブログのルート ディレクトリ内の hexo 新しいページ about
- my-blog/source/about/index.md のコンテンツを変更します:
---title: aboutlayout: aboutcomments: false---
統計を有効にする
google_analytics:baidu_analytics: 57e94d016sfsf1fba3xxxx8a2b0263af0

この記事では、HTML< Progress>について説明します。要素、その目的、スタイリング、および< meter>との違い要素。主な焦点は、< Progress>を使用することです。タスクの完了と< Meter> statiの場合

この記事では、HTML< Datalist>について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

この記事では、html< meter>について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化< Meter> < Progress>およびex

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

この記事では、html5< time>について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ(ISO 8601形式)のDateTime属性の重要性を強調し、Accessibilitを増やします

この記事では、< iframe>外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

メモ帳++7.3.1
使いやすく無料のコードエディター

AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター

ホットトピック



