安裝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主題自動(dòng)下載到themes目錄下 - 在blog文件下的站點(diǎn)配置文件_config.yml,找到 theme 字段，并將其值更改為 next
theme: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的路徑 傳上去后路徑就會(huì)正確
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)站時(shí)間 從xx開始 類似 1990-2016
# ---------------------------------------------------------------
# Menu Settings
# ---------------------------------------------------------------
# When running hexo in a subdirectory (e.g. domain.tld/blog)
# Remove leading slashes ( "/archives" -> "archives" )
menu: #菜單路徑設(shè)置 如果hexo在二級(jí)目錄放置要去掉/
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的三個(gè)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 #文章自動(dòng)顯示目錄
toc:
enable: true
# Automatically add list number to toc. #目錄是否自動(dòng)顯示數(shù)字序號(hào)
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 ! 欣賞此文双揪？求鼓勵(lì)动羽，求支持！
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
