hexo搭建博客

安裝hexo

  • 第一步、執(zhí)行npm install hexo-cli -g 安裝hexo
  • 第二步、找到你想寫博客的文件夾,執(zhí)行hexo init blog生成文件
  • 第三步、在生成的文件blog中執(zhí)行hexo server,訪問http://localhost:4000/

安裝和配置Next主題

  • 在hexo目錄下右鍵Git bash通過命令git clone https://github.com/iissnan/hexo-theme-next themes/next
    next主題自動下載到themes目錄下
  • 在blog文件下的站點(diǎn)配置文件_config.yml,找到 theme 字段,并將其值更改為 nexttheme:next
  • hexo s驗(yàn)證主題配置是否成功,瀏覽器輸入 http://localhost:4000

hexo書寫博客

  • 在source文件夾的_posts里面,通過hexo new 博客標(biāo)題命令生成markdown文件
  • 文章寫好后,執(zhí)行hexo generate命令生成靜態(tài)的html文件

發(fā)送博客到github上

  • 我們把public里面的文件發(fā)布到github上面
  • 在創(chuàng)建github倉庫是取名一定要去[github用戶名].github.io 例子:saber-tgb.github.io
  • 用git發(fā)送到githoub是一定要發(fā)送到master分支
  • 不用更改生成的博客html文件的css,js的路徑 傳上去后路徑就會正確

next主題的配置和優(yōu)化

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

# Place your favicon.ico to /source directory.
favicon: /favicon.ico   #站標(biāo)  可以放在hexo文件夾下的/source里

# Set default keywords (Use a comma to separate)
keywords: "為學(xué),willxue,willxue.top"  #網(wǎng)站關(guān)鍵字

# Set rss to false to disable feed link.
# Leave rss as empty to use site's feed link.
# Set rss to specific value if you have burned your feed already.
rss:  #rss這里不設(shè)置 引文站點(diǎn)配置文件已經(jīng)配置了 需要安裝插件

# Specify the date when the site was setup
since: 1990  #網(wǎng)站時間 從xx開始 類似 1990-2016


# ---------------------------------------------------------------
# Menu Settings
# ---------------------------------------------------------------

# When running hexo in a subdirectory (e.g. domain.tld/blog)
# Remove leading slashes ( "/archives" -> "archives" )
menu: #菜單路徑設(shè)置 如果hexo在二級目錄放置要去掉/
  home: /
  archives: /archives #歸檔
  tags: /tags #標(biāo)簽
  categories: /categories  #分類
  about: /about #關(guān)于我
  commonweal: /404.html  #公益404


# Enable/Disable menu icons.
# Icon Mapping:
#   Map a menu item to a specific FontAwesome icon name.
#   Key is the name of menu item and value is the name of FontAwsome icon.
#   When an question mask icon presenting up means that the item has no mapping icon.
menu_icons:  #icon圖標(biāo)
  enable: true
  # Icon Mapping.
  home: home
  about: user
  categories: th
  tags: tags
  archives: archive
  commonweal: heartbeat




# ---------------------------------------------------------------
# Scheme Settings
# ---------------------------------------------------------------

# Schemes  #next的三個scheme
#scheme: Muse
#scheme: Mist
scheme: Pisces



# ---------------------------------------------------------------
# Sidebar Settings
# ---------------------------------------------------------------


# Social links   #社交鏈接
social:
  GitHub:
  Weibo:
  Others:

# Social Icons  #社交的圖標(biāo)
social_icons:
  enable: true
  # Icon Mappings
  GitHub: github
  Twitter: twitter
  Weibo: weibo


# Sidebar Avatar
# in theme directory(source/images): /images/avatar.jpg
# in site  directory(source/uploads): /uploads/avatar.jpg
# default : /images/default_avatar.jpg
avatar: http://7xrz9n.com1.z0.glb.clouddn.com/logo.png #頭像


# TOC in the Sidebar  #文章自動顯示目錄
toc:
  enable: true

  # Automatically add list number to toc.  #目錄是否自動顯示數(shù)字序號
  number: false


# Creative Commons 4.0 International License.
# http://creativecommons.org/  #自由協(xié)議
# Available: by | by-nc | by-nc-nd | by-nc-sa | by-nd | by-sa | zero
#creative_commons: by-nc-sa
#creative_commons:

sidebar:
  # Sidebar Position, available value: left | right
  position: left
  #position: right

  # Sidebar Display, available value:
  #  - post    expand on posts automatically. Default.
  #  - always  expand for all pages automatically
  #  - hide    expand only when click on the sidebar toggle icon.
  #  - remove  Totally remove sidebar including sidebar toggle icon.
  display: post
  #display: always
  #display: hide
  #display: remove



# ---------------------------------------------------------------
# Misc Theme Settings
# ---------------------------------------------------------------

# Custom Logo.
# !!Only available for Default Scheme currently.
# Options:
#   enabled: [true/false] - Replace with specific image
#   image: url-of-image   - Images's url
custom_logo:
  enabled: false
  image:


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

# Automatically scroll page to section which is under <!-- more --> mark.
scroll_to_more: true

# Automatically Excerpt
auto_excerpt:
  enable: false
  length: 150

# Use Lato font
use_font_lato: true



# ---------------------------------------------------------------
# Third Party Services Settings
# ---------------------------------------------------------------

# MathJax Support
mathjax:


# Swiftype Search API Key
#swiftype_key:

# Baidu Analytics ID
#baidu_analytics:

# Duoshuo ShortName
duoshuo_shortname: imwillxue

# Disqus
#disqus_shortname:

# Baidu Share
# Available value:
#    button | slide
#baidushare:
##  type: button

# Share
#jiathis:
#add_this_id:

# Share
duoshuo_share: true

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


# Google Analytics
#google_analytics:

# CNZZ count
#cnzz_siteid:


# Make duoshuo show UA
# user_id must NOT be null when admin_enable is true!
# you can visit http://dev.duoshuo.com get duoshuo user id.
duoshuo_info:
  ua_enable: true
  admin_enable: true
  user_id: 6262178932196377345
  admin_nickname: 神


# Facebook SDK Support.
# https://github.com/iissnan/hexo-theme-next/pull/410
facebook_sdk:
  enable: false
  app_id:       #<app_id>
  fb_admin:     #<user_id>
  like_button:  #true
  webmaster:    #true


# Show number of visitors to each article.
# You can visit https://leancloud.cn get AppID and AppKey.
leancloud_visitors:
  enable: true
  app_id: QImiFijLSOHYufsazlBVlwLg-gzGzoHsz
  app_key: AMcYaNHy9Y5OdH42k0d4uSED


# Tencent analytics ID
# tencent_analytics:

# Enable baidu push so that the blog will push the url to baidu automatically which is very helpful for SEO
baidu_push: true

## 文章末尾是否顯示打賞按鈕
donate:
  enable: true
  text: Enjoy it ? Donate me !  欣賞此文?求鼓勵,求支持!
  alipay:
  wechat:


#! ---------------------------------------------------------------
#! DO NOT EDIT THE FOLLOWING SETTINGS
#! UNLESS YOU KNOW WHAT YOU ARE DOING
#! ---------------------------------------------------------------

# Motion
use_motion: true

# Fancybox
fancybox: true

# Static files
vendors: vendors
css: css
js: js
images: images

# Theme version
version: 0.5.0
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容