个人博客网站搭建(二)--常用命令、配置相关、主题设置

1. 常用命令

hexo help #查看帮助
hexo init #初始化一个目录
hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成网页,可以在 public 目录查看整个网站的文件
hexo server #本地预览,'Ctrl+C'关闭
hexo deploy #部署.deploy目录
hexo clean   #清除缓存文件 (db.json) 和已生成的静态文件 (public),
             #用于更改变更了某些地方导致页面显示不完善

简写:

hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

2. 全局配置 _config.yml

# Hexo Configuration
## Docs: http://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/
# Site #站点信息
title:  #标题
subtitle:  #副标题
description:  #站点描述,给搜索引擎看的
author:  #作者
email:  #电子邮箱
language: zh-CN #语言
# URL #链接格式
url:  #网址
root: / #根目录
permalink: :year/:month/:day/:title/ #文章的链接格式
tag_dir: tags #标签目录
archive_dir: archives #存档目录
category_dir: categories #分类目录
code_dir: downloads/code
permalink_defaults:
# Directory #目录
source_dir: source #源文件目录
public_dir: public #生成的网页文件目录
# Writing #写作
new_post_name: :title.md #新文章标题
default_layout: post #默认的模板,包括 post、page、photo、draft(文章、页面、照片、草稿)
titlecase: false #标题转换成大写
external_link: true #在新选项卡中打开连接
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
highlight: #语法高亮
  enable: true #是否启用
  line_number: true #显示行号
  tab_replace:
# Category & Tag #分类和标签
default_category: uncategorized #默认分类
category_map:
tag_map:
# Archives
2: 开启分页
1: 禁用分页
0: 全部禁用
archive: 2
category: 2
tag: 2
# Server #本地服务器
port: 4000 #端口号
server_ip: localhost #IP 地址
logger: false
logger_format: dev
# Date / Time format #日期时间格式
date_format: YYYY-MM-DD #参考http://momentjs.com/docs/#/displaying/format/
time_format: H:mm:ss
# Pagination #分页
per_page: 10 #每页文章数,设置成 0 禁用分页
pagination_dir: page
# Disqus #Disqus评论,替换为多说
disqus_shortname:
# Extensions #拓展插件
theme: landscape-plus #主题
exclude_generator:
plugins: #插件,例如生成 RSS 和站点地图的
- hexo-generator-feed
- hexo-generator-sitemap
# Deployment #部署
deploy:
  type: git
  repo: 刚刚github创库地址.git    例如git@github.com:aaa/aaa.github.io.git
  branch: master

注意
配置文件的冒号“:”后面有一个空格

3. 主题设置

主题下载和使用
Hexo官方文档包括基本操作、API、插件、主题。
NexT使用文档:next主题的安装与一些基本操作。
主题配置:

  • RSS

    1. 添加feed插件
    $ npm install hexo-generator-feed
    $ npm install hexo-generator-sitemap
    
    1. 修改_config.yml,增加以下内容
    # Extensions
    Plugins:
    - hexo-generator-feed
    #Feed Atom
    feed:
      type: atom
      path: atom.xml
      limit: 20
    
    1. 更改主题配置文件,设定 rss字段的值:rss: /atom.xml
      false:禁用 RSS,不在页面上显示 RSS 连接。
      留空:使用 Hexo 生成的 Feed 链接。 你可以需要先安装 hexo-generator-feed插件。
      具体的链接地址:适用于已经烧制过 Feed 的情形。
  • 评论系统HyperComments

    1. 登录官网,购买免费版本
      官网链接:https://www.hypercomments.com/pricing
    2. 再填写完必要信息后,会出现代码,其中第四行:_hcwp.push({widget:"Stream", widget_id: xxxx});,复制这个ID,打开主题配置文件themes/next/_config.yml,加入如下描述:
    # Hypercomments
    hypercomments_id: xxxx
    

    没找到ID的,可以登录到管理页面,点击设置按钮,打开左侧的Widget下的code即可看到代码。顺带一提:code下的General可以设置评论提醒,大家自行摸索吧XD
    参考从今天开始使用HyperComments啦!

  • 数据统计与分析
    没有用任何统计工具,不蒜子应该不错
    目前使用谷歌分析

  • 搜索
    Local Search 由 flashlab 贡献
    添加百度/谷歌/本地 自定义站点内容搜索

    1. 安装 hexo-generator-searchdb,在站点的根目录下执行以下命令:
      $ npm install hexo-generator-searchdb --save
    2. 编辑 站点配置文件,新增以下内容到任意位置:
    search: 
       path: search.xml 
       field: post 
       format: html 
       limit: 10000
    
    1. 编辑 主题配置文件,启用本地搜索功能:
    # Local searchlocal_
    search: 
       enable: true
    
  • 站点favicon

    1. 制作站点ico图标
      图标搜索
      图标制作网站:
      在线ico图标制作
      比特虫
      faviconer
    # Put your favicon.ico into `hexo-site/source/` directory.
    # 设置favicon的位置,如以下设置就表明图标在/source/favicon.ico
    favicon: /favicon.ico
    

    本地预览和谷歌浏览器上加载不出ico图标
    解决办法:
    1. CTRL+SHIFT+DEL:直接进入“清除浏览数据”页面,包括清除浏览历史记录、清空缓存、删除Cookie等。
    2. 按Ctrl+F5刷新,这时新的Favicon图标应该会出现了;

  • 404页面(暂无法使用)
    GitHub Pages 自定义404页面非常容易,直接在根目录下创建自己的404.html就可以。但是自定义404页面仅对绑定顶级域名的项目才起作用,GitHub默认分配的二级域名是不起作用的,使用hexo server在本机调试也是不起作用的。

  • mapsite站点地图:引导搜索引擎爬取希望被收录的网页。提交好到一到两周,网站收录明显增加。
    参考文章:
    Hexo搭建的Github博客提交给Baidu、Google检索的问题

    • google验证时下载文件验证失败,使用备用方法:gogle分析
      -google分析
      Add Google Analytics to your hexo blog
    • 百度验证时下载文件方法验证失败,原因:选择验证网站时http与https的验证文件不一致,导致错误。应用https验证。最后成功。
    • 使用Baidu主动提交链接方法在修改_config.yml的deploy出现错误,原因:符号格式:空格个数和“-”的位置。如下:
    deploy:
    - type: git
      repo: git@github.com:github账号/仓库.github.io.git
      branch: master
    - type: baidu_url_submitter
    

    Hexo插件之百度主动提交链接
    Hexo 优化:提交 sitemap 及解决百度爬虫无法抓取 GitHub Pages 链接问题
    Hexo Seo优化让你的博客在google搜索排名第一

  • 首页新增菜单项显示 Menu.xxx
    NexT使用文档中开始使用->设置菜单

  • about页面
    hexo new page "about"
    之后在source下的about文件夹下编写index.html

  • 留言板
    不做了

  • 分享

  • 图床
    使用七牛为Hexo存储图片等资源

附录

hexo和博客源文件之间的关系捋清

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,482评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,377评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,762评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,273评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,289评论 5 373
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,046评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,351评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,988评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,476评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,948评论 2 324
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,064评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,712评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,261评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,264评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,486评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,511评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,802评论 2 345

推荐阅读更多精彩内容