如何利用hexo建立一个网站

目录

  1. 1. 写在前面
  2. 2. 安装前
  3. 3. 安装
    1. 3.1. 安装淘宝镜像源
      1. 3.1.1. other
    2. 3.2. 安装hexo
    3. 3.3. 修改_config.yml更改网站信息
  4. 4. 最后
    1. 4.1. 修改themes
    2. 4.2. 增加插件
      1. 4.2.1. 意外处理
      2. 4.2.2. 几个不错的插件推荐

写在前面

运行环境:windows8.1,需要提前安装Git(一些Git的小命令: git.txt)、Nodejs,一路next即可,软件百度搜索查找下载。

安装前

先兴建一个文件夹,用于存放博客源代码。
先用Git,进入之前创建好的文件夹下面,右键选中Git Bash Here,输入:

  1. 检查Nodejs有没有安装成功
    Node -v 返回版本信息
  2. 检查Git有没有安装成功
    git -v 返回版本信息
  3. npm是否安装成功(安装Nodejs时候默认勾选安装)
    npm -v 返回版本信息

    安装

    安装淘宝镜像源

    npm install -g cnpm--registry=https://registry.taobao.org -g指全局安装
    检查cnpm是否安装成功
    cnpm -v 返回版本信息
    卸载办法:npm uninstall cnpm -g

    other

    当然也可以不这样操作,省掉因为安装cnpm从而减少电脑内存占用。
    临时使用淘宝源:npm install --registry=https://registry.npm.taobao.org
    永久淘宝源而不安装cnpm,则使用:打开[nodejs安装目录]\node_modules\npm\npmrc 用记事本打开,增加一行registry =https://registry.npm.taobao.org
    检查npm中淘宝源是否安装成功:npm config get registry
    具体参考https://www.jianshu.com/p/9c7509e4ae83

    安装hexo

    先用Git,进入之前创建好的文件夹下面,右键选中Git Bash Here,输入hexo init ,电脑就会自动下载网站框架文件。
    hexo s 本地浏览器输入localhost:4000,便可以浏览我们创建的网站了。

刚才新建的文件夹里面应该有的内容:

    node_modules
    scaffolds
    source
    themes
    .gitignore
    _config.yml
    package.json
    package-lock.json

修改_config.yml更改网站信息

详见:https://hexo.io/zh-cn/docs/configuration

最后

一些命令:hexo clean 清除数据库垃圾,删除本地生成的网页相关的文件;hexo g 本地生成静态文件。

修改themes

文件夹themes下面的文件,自己探索。

增加插件

Git命令行里面输入
npm install <插件名>,也可以是:cnpm install <插件名>,前提是安装的是淘宝镜像源
_config.yml中找到如下代码字样:

# Extensions
## Plugins: https://hexo.io/plugins/

下面增加如下代码,启用插件

plugins:
- <插件名>

意外处理

为了防止hexo s失效,你可以像这样,把系统默认添加的改成手动添加,本地浏览就不会出问题。

plugins:
- hexo-generator-sitemap    
- hexo-generator-category
- hexo-generator-archive
- hexo-generator-index
- hexo-generator-tag
- hexo-renderer-ejs
- hexo-renderer-marked
- hexo-renderer-stylus
- hexo-server

几个不错的插件推荐

hexo-generator-sitemap生成sitema.xml,优化搜索排名