ブログのルート ディレクトリで _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の将来の傾向はセマンティクスとWebコンポーネントであり、CSSの将来の傾向はCSS-in-JSとCSShoudiniであり、JavaScriptの将来の傾向はWebAssemblyとServerLessです。 1。HTMLセマンティクスはアクセシビリティとSEO効果を改善し、Webコンポーネントは開発効率を向上させますが、ブラウザの互換性に注意を払う必要があります。 2。CSS-in-JSは、スタイル管理の柔軟性を高めますが、ファイルサイズを増やす可能性があります。 CSShoudiniは、CSSレンダリングの直接操作を可能にします。 3. Webassemblyブラウザーアプリケーションのパフォーマンスを最適化しますが、急な学習曲線があり、サーバーレスは開発を簡素化しますが、コールドスタートの問題の最適化が必要です。

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。1。HTMLは、Webページ構造を定義し、2。CSSはWebページスタイルを制御し、3。JavaScriptは動的な動作を追加します。一緒に、彼らは最新のウェブサイトのフレームワーク、美学、および相互作用を構築します。

HTMLの将来は、無限の可能性に満ちています。 1)新機能と標準には、より多くのセマンティックタグとWebComponentsの人気が含まれます。 2)Webデザインのトレンドは、レスポンシブでアクセス可能なデザインに向けて発展し続けます。 3)パフォーマンスの最適化により、応答性の高い画像読み込みと怠zyなロードテクノロジーを通じてユーザーエクスペリエンスが向上します。

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。HTMLはコンテンツ構造を担当し、CSSはスタイルを担当し、JavaScriptは動的な動作を担当します。 1。HTMLは、セマンティクスを確保するためにタグを使用してWebページの構造とコンテンツを定義します。 2。CSSは、セレクターと属性を介してWebページスタイルを制御して、美しく読みやすくします。 3。JavaScriptは、動的でインタラクティブな関数を実現するために、スクリプトを通じてWebページの動作を制御します。

htmlisnotaprogramminglanguage; itisamarkuplanguage.1)htmlStructuresandformatswebcontentusingtags.2)ItworkswithcsssssssssdjavascriptforInteractivity、強化を促進します。

HTMLは、Webページ構造の構築の基礎です。 1。HTMLは、コンテンツ構造とセマンティクス、および使用などを定義します。タグ。 2. SEO効果を改善するために、などのセマンティックマーカーを提供します。 3.タグを介したユーザーの相互作用を実現するには、フォーム検証に注意してください。 4. JavaScriptと組み合わせて、動的効果を実現するなどの高度な要素を使用します。 5.一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれ、検証ツールが必要です。 6.最適化戦略には、HTTP要求の削減、HTMLの圧縮、セマンティックタグの使用などが含まれます。

HTMLは、Webページを構築するために使用される言語であり、タグと属性を使用してWebページの構造とコンテンツを定義します。 1)htmlは、などのタグを介してドキュメント構造を整理します。 2)ブラウザはHTMLを分析してDOMを構築し、Webページをレンダリングします。 3)マルチメディア関数を強化するなど、HTML5の新機能。 4)一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれます。 5)最適化の提案には、セマンティックタグの使用とファイルサイズの削減が含まれます。

webdevelopmentReliesOnhtml、css、andjavascript:1)htmlStructuresContent、2)cssStylesit、および3)Javascriptaddsinteractivity、形成、


ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

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

人気の記事

ホットツール

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

SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

Dreamweaver Mac版
ビジュアル Web 開発ツール

EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。
