hexo入門学習(三):テーマ設定

私の個人ブログ「Hexo」はカスタマイズされたテーマをサポートしており、自分の好みに合わせて修正することができます.Hexoトピックは、公式サイトまたはGitHubからより多くのトピックを表示できます.
一、インストールテーマ
ブログのルートディレクトリの下でgit bashクローントピックを開きます.

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

           theme/(  。         )

ダウンロードが完了するのを待つ.実行:

vim _config.yml

またはthemes/あなたのテーマ/config.ymlフォルダの下にテキストエディタを使用して開きます.変更

theme: yilia（        ）

二、テーマの配置
現在、テーマは変更されていますが、アイコンを変更する必要があるなど、詳細な処理が必要です.

まずルートディレクトリの下にあるthemesyiliaフォルダ

に入ります.

# ---------------------------------------------------------------
# Site Information Settings
#       
# ---------------------------------------------------------------

# Header Menu
#    
menu:
  Home: /
  Archives: /archives
  Categories: /categories
  Tags: /tags
  About: /about
rss: /atom.xml


# Set default keywords (Use a comma to separate)
#        
keywords: ""

# Put your favicon.ico into `hexo-site/themes/hipaper/source/` directory.
#        ***
favicon: css/images/ActiveBlog.ico


# Put your avatar.jpg into `hexo-site/themes/hipaper/source/` directory.
# url is target link (E.g. `url: https://hexo.io/logo.svg` or `url: css/images/mylogo.jpg`)
avatar: 
  enable: false
  width: 124
  height: 124
  bottom: 10
  url: https://hexo.io/logo.svg


# AboutPage background, support multiple images.
# about_big_image: [css/images/pose01.jpg, https://images.unsplash.com/photo-1464306208223-e0b4495a5553?dpr=1&auto=format&fit=crop&w=1500&h=1000&q=80&cs=tinysrgb&crop=&bg=]


# Homepage thumbnail
#       
random_thumb: false


# Content
fancybox: true


# Sidebar
#    
sidebar: right
widgets:
#- search
- social
- recent_posts
- category
- tags
- tagcloud
- archive

# Social Links
# Key is the name of FontAwsome icon.
#    fontawsome     。
# Value is the target link (E.g. GitHub: https://github.com/MSK0379)
social:
  Github: https://github.com/MSK0379
  Envelope: mailto:17629007803@163.com
 # Facebook: 
 # Google-plus: 
 # Instagram: 


# Search
search:
    insight: true # you need to install `hexo-generator-json-content` before using Insight Search
    swiftype: # enter swiftype install key here
    baidu: false # you need to disable other search engines to use Baidu search, options: true, false


# comment ShortName, you can choose only ONE to display.
duoshuo_shortname: 
disqus_shortname: MSK0379


# Code Highlight theme
# Available value:
#    default | normal | night | night eighties | night blue | night bright
# https://github.com/chriskempson/tomorrow-theme
highlight_theme: normal


# widget behavior
archive_type: 'monthly'
show_count: true

# Google Webmaster tools verification setting
# See: https://www.google.com/webmasters/
google_site_verification:
baidu_site_verification:
qihu_site_verification:

# Miscellaneous
google_analytics:
gauges_analytics:
baidu_analytics:
tencent_analytics:
busuanzi_analytics: true
twitter:
google_plus:
fb_admins:
fb_app_id:

次に、自動的に導入します.

 npm install hexo-deployer-git --save

最後のリリース:

$ hexo clean && hexo g && hexo d

  は、以下をローカルでプレビューすることもできます.テーマの設定が終わり、楽しく遊べるようになりました.