First Step to Establish the Blog

让我们搭一个美美的博客,一起写写写吧~~~

Requirement

​ brew, hexo, Node.js

Hexo项目

1
2
3
4
5
$ hexo init           # 新建博客目录
$ hexo new "postname" # 生成postname.md文件
$ hexo clean # 清空生成的网页
$ hexo generate # 根据当前目录下文件生成静态网页
$ hexo server # 启动服务器

通过访问localhost:4000可以在本地调试。文件目录source下的_posts中可以添加用户新增加的博客内容(Markdown语法)。

More info: Heox

修改主题

1
$ git clone https://github.com/theme-next/hexo-theme-next themes/next

修改config.yml配置文件中的theme属性,将其设置为next。另外常见的Next主题中常见的属性:

1
2
3
4
5
6
auto_excerpt:   # 可通过 <!-- more --> 标签自动截断, 增加阅读全文按钮。
enable: true
length: 150

busuanzi_count: # 监听网页浏览量。
enable: true

添加新的导航栏

1
$ hexo new page tags   # 添加tags标签页

修改source目录下的tags中的index.md如下:

1
2
3
4
5
---
title: tags
date: 2018-10-30 17:23:49
type: "tags"
---

在菜单中添加链接。编辑config.yml配置文件中的menu属性,如下:

1
2
3
4
menu:
home: /
archives: /archives
tags : /tags

部署到 Github

修改config.yml配置文件中的deploy属性:

1
2
3
deploy:
type: git
repo: https://github.com/test/test.github.io.git # github路径

通过下面的指令实现部署:

1
2
$ npm install hexo-deployer-git --save
$ hexo deploy

Google 收录博客网站

  1. 添加站点:用自己的 Google 帐号登陆 Webmaster Central

  2. 验证站点: 将网站上的验证文件放在 source 文件下,在站点配置文件配置如下:

    1
    skip_render: google10bb50e0b38f396b.html
  3. 产生 sitemap:借助 hexo-generator-sitemap 工具自动生成,并在config.yml里配置一下:

    1
    npm install hexo-generator-sitemap --save
    1
    2
    sitemap:
    path: sitemap.xml
  4. 重新编译生成

    1
    hexo generate